Posted by Barbara de Zoete on 11/24/05 14:43

On Thu, 24 Nov 2005 13:28:27 +0100, Jeff
<it_consultant1@hotmail.com.NOSPAM> wrote:

> html code:
> <p class=menu><a href=#>Hello world</a></p>
> <p class=menu_level2><a href=>Hello world 2</a></p>
>
> my css data:
> .menu {
> font-size:16px;
> font-weight:bold;
> background: white;
> }
>
> .menu_level2 {
> font-size:16px;
> font-weight:bold;
> background: #AAE;
> text-indent:15px;
> }
>
> These paragraps generates a empty line between each paragraphs, how can I
> remove that double line?


You're trying to solve the wrong problem. Those paragraphs are no
paragraphs at all. By the looks of it, you want to create a list that
holds your navigation menu. Then create the list:

markup:

<ul id="menu">
<li><a href="hello_world.html">Hello world</a>
<ul>
<li><a href="hello_world2.html">Hello world_2</a></li>
<li>more level 2 items</li>
</ul></li>
<li>more ...</li>
<li>and more...</li>
</ul>

styles:

ul#menu, ul#menu li, ul#menu ul {
padding:0;
border:0;
margin:0; /* disposes of the space between the items */
list-style:none;
text-indent:none;
font-size:1em; /* don't use fixed sizes for fonts; google for reasons */
font-weight:bold;
color:black /* if you set one colour, set them all; again, google for
reasons */
background-color:white; }

ul#menu ul li {
background-color:#AAE;
text-indent:15px; }






--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'

[Back to original message]