having some trouble

**keko2005** · 04-14-2005 08:14 AM

hey guys, was just wondering. when building a navigation, what would be the best way to build it. i tried it 3 ways and the all came out the same except when i used the unordered list <ul>.

<div class="lftNAV">
<div class="navTBL">
<table>
<tr>
<td>navigation</td>
</tr>
<tr>
<td>example</td>
</tr>
<tr>
<td>example</td>
</tr>
</table>
</div>
</div>

----------------------------------------------------------------

<div class="lftNAV">
<div class="navSECTION">
<div class="noSELECTS">
<div class="SELECTS">example</div>
<div class="SELECTS">example</div>
<div class="SELECTS">example</div>
<div class="SELECTS">example</div>
</div>
</div>
</div>

----------------------------------------------------------------

<div class="lftNAV">
<div class="navSECTION">
<ul>
<li>example</li><br>
<li>example</li><br>
<li>example</li><br>
<li>example</li><br>
</ul>
<div>
<div>

this one puts a bull as u know, but it also gives it a top gap between each one, how do i overwrite the default setting, cause i tried this in my sheet:
li{
padding:0;
margin:0;
}
it worked when i used it for <ul> but not <li>.

so can some one help me out on which way to go is better, or does someone have a different appraoch?

thnks
-keko-

**Fang** · 04-14-2005 08:24 AM

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>Basic list</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
* {margin:0; padding:0;}
li a {display:block; width:5em; background:gray;} 
li a:hover {background:red;} 
-->
</style>

</head>
<body>
<div class="lftNAV">
    <div class="navSECTION">
        <ul>
            <li><a href="#">example</a></li>
            <li><a href="#">example</a></li>
            <li><a href="#">example</a></li>
            <li><a href="#">example</a></li>
        </ul>
    <div>
<div>
</body>
</html>

**keko2005** · 04-14-2005 08:29 AM

thnks,

whats with the em, why not px

**keko2005** · 04-14-2005 08:30 AM

and the *

**Fang** · 04-14-2005 08:48 AM

Relative units are preferable for screen values: http://www.w3.org/QA/Tips/font-size
"*" universal selector matches all elements: http://www.w3.org/TR/REC-CSS2/select...ersal-selector

Thread: having some trouble

Thread Tools

Display

having some trouble

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions