On 12/10/05, Nathan Wheatley <[EMAIL PROTECTED]> wrote:
> Hello World,
>
> I wish to make a horizontal unordered list, in which each li has a
> background image. I am having trouble getting the image to display
> properly, and I was wondering if you guys could lend a hand.
>
> Below is the html and css I used for the unordered list. I have no
> idea if it is valid or anything else like that. That will only be a
> concern after I get it working how I want it too.
Chances are it won't work if it's not valid. We've had that a million
times before, and I estimate 25 percent of the questions asked here
are answered with: validation error, validate your code and problem
solved.
> CSS:
> #navigation {
> position: absolute;
> margin-top: 160px;
> margin-left: 176px;
> margin-bottom: 9px;
> }
You aren't the first one to make this mistake. Position absolute and
margins don't work the way you think they do. Those margins aren't
doing anything at all right now. You probably meant to do:
#navigation {
position:absolute;
top:160px;
left:176px;
}
Which is: position:absolute pulls the element from the document flow,
and places it at 0,0 (top left corner). top places it 160px from the
top. left places it 176px from the left.
Of course, using position absolute is not the best way to do it, and
neither is pixel line-heights or some of the other things, but we'll
start with this for now. Try actually implementing the list and see if
it works.
--
--
Christian Montoya
christianmontoya.com ... rdpdesign.com ... cssliquid.com
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
