Solved

Joomla/CSS - Separate module tables to have a line between each other

Posted on 2008-06-26
1
561 Views
Last Modified: 2008-07-03
How do I separate module tables for a Joomla site so that they are not one after the other i.e. To have at least a line separating each other. By default in Joomla, module tables are one after the other leaving no space between them. Hence, I want to have some space separating modules.
0
Comment
Question by:cscg1976
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment
 
LVL 30

Accepted Solution

by:
Steggs earned 500 total points
ID: 21879288
Hello,

do u have access to the css or can you apply css?

its very easy to create this space between tables. You just have to apply margin:10px 0; to the tables... where 10px is the vertical margin and 0 is the horizontal. You could do this:

table {
margin:10px 0;
}

which will apply this rule to all tables. Or you could use a class and apply it only to certain tables

table.withMargin {
margin:10px 0;
}
html:
<table class="withMargin">



hope this helps

Steggs
0

Featured Post

Enroll in May's Course of the Month

May’s Course of the Month is now available! Experts Exchange’s Premium Members and Team Accounts have access to a complimentary course each month as part of their membership—an extra way to increase training and boost professional development.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

734 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question