Stephen Buck wrote:
> Newbie here.
>
> Problem page:
> http://www.reikisangha.net/beta/beta1.html
> I've missed a concept somewhere (or it hasn't been covered yet in the
> material I am learning).
>
> I would like help learning what to look for to help solve problems like
> this.
>
>
> Buck
>
Welcome!
Code no more or less than is necessary to achieve the goal.
Id's for example, default to margin:0; padding:0; so you don't need to
re-state it.
/Avoid setting height./
Code to the latest version of Opera and Firefox.
Confirm it's working in IE 6 & IE 7.
Adjust accordingly.
Adding img {display :block;} closes the gap the IE's are leaving to
accommodates font descenders.
CSS
img { display : block; }
#navlinks {
background: #cc0000; color: #fff;
}
#navlinks ul {
margin : 0 0 0 30px;
padding : 10px 0;
}
#navlinks li {
display : inline;
padding : 0 0.75em;
border-right : 1px solid #fff;
}
#navlinks li.last {
border-right : none;
}
#navlinks a {
color : #ffff00;
}
HTML
<div id="navlinks">
<ul>
<li class="first"><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li class="last"><a href="#">Link</a>
</li>
</ul>
</div><!-- /#navlinks -->
HTH.
Best,
~dL
--
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
