The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Floating Issue
I’ve got a navigation bar that I want to float right on the same line as another image. How do I do this? Also, when I make it float right like usual, it seems to go off the side of the page unnecessarily.
I’m a bit of a novice, so go easy folks. D:
can you post some code or provide a link so we can see it? :)
#navbar{position:absolute;top:34px;left:243px} #navbar li{margin:0;padding:0;list-style:none;position:absolute;top:0;} #navbar li, #navbar a{height:19px;display:block;} #home{left:0px;width:42px;} #home{background:url('navbar.gif') 0 0;} #home a:hover{background: url('navbar.gif') 0 -19px;} #about{left:42px;width:47px;} #about{background:url('navbar.gif') -43px 0;} #about a:hover{background: url('navbar.gif') -43px -19px;} #sub{left:89px;width:55px;} #sub{background:url('navbar.gif') -91px 0;} #sub a:hover{background: url('navbar.gif') -91px -19px;} #arc{left:144px;width:58px;} #arc{background:url('navbar.gif') -146px 0;} #arc a:hover{background: url('navbar.gif') -146px -19px;} #logo {position:absolute;top:5px;left:5px;} #logo {display:inline;}
That’s all my CSS.