yo i just got into dis website stuff and i tried to make a decent navbar but this happens :(
[IMG]http://dl.dropbox.com/u/6030382/asdasdasd.png[/IMG]
how do i make it work
navbar html->
[HTML] <div class="navbar"
><ul class="Buttons"
><li><img src="images/navbar/normal/sides.gif"/></li
><li><img src="images/navbar/normal/home.gif"/></li
><li><img src="images/navbar/normal/blank.gif"/></li
><li><img src="images/navbar/normal/help.gif"/></li
><li><img src="images/navbar/normal/blank.gif"/></li
><li><img src="images/navbar/normal/buynow.gif"/></li
><li><img src="images/navbar/normal/blank.gif"/></li
><li><img src="images/navbar/normal/forums.gif"/></li
><li><img src="images/navbar/normal/blank.gif"/></li
><li><img src="images/navbar/normal/about.gif"/></li
><li><img src="images/navbar/normal/sides.gif"/></li
></ul
></div> [/HTML]
css lol
[CODE]* {
margin: 0;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
height: 30px; /* .push must be the same height as .footer */
}
.navbar li {
display: inline;
}
html, body {
height: 100%;
background-color:#232323;
background-image: url(images/background.png);
background-repeat: repeat-y;
background-position:top center;
text-align: center
}
.footer {
position: relative;
width: 1000px;
margin: 0 auto;
background: url(images/footerbar.png) no-repeat;
}
.footer p {
position: absolute;
left: 0;
bottom: 8px;
width: 1000px;
padding: 0;
color:white;
font-family:Verdana,Helvetica,sans-serif;
text-align: center;
font-size:65%;
}
a:link { color: #FFFFFF; text-decoration: none}
a:visited { color: #FFFFFF; text-decoration: none}
a:hover { color: #FFFFFF; text-decoration: underline}
a:active { color: #FFFFFF; text-decoration: none}
[/CODE]
what do i do
i've tried about a million things now
Oh wait, see it now.
excuse me wut are you talking about
Why are you using all those images? They're probably fucking about with the alignment.
[QUOTE=Crazy | Baz;22453064]Why are you using all those images? They're probably fucking about with the alignment.[/QUOTE]
that as well
and why are you closing the tags on the next line or whatever the fuck you're doing there
Remove the side images or something. Or learn to code without using images for everything.
[code]
a:link { color: #FFFFFF; text-decoration: none}
a:visited { color: #FFFFFF; text-decoration: none}
a:hover { color: #FFFFFF; text-decoration: underline}
a:active { color: #FFFFFF; text-decoration: none}
[/code]
:byodood:
[code]
a{
color:white;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
[/code]
[editline]01:13AM[/editline]
[code]
* {
margin: 0;
}
[/code]
:byodood:
use a css reset
[editline]01:15AM[/editline]
[code]
.navbar li {
display: inline;
}
[/code]
:byodood:
more like float:left;
[editline]01:15AM[/editline]
[code]
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
height: 30px; /* .push must be the same height as .footer */
}
[/code]
:byodood:
[url]http://www.cssstickyfooter.com/using-sticky-footer-code.html[/url]
yes i copy what's your point it's open why can't i
the person i'm working with knows a lot more than i do and i'm trying to learn
just sayin before i get raped
[QUOTE=cryticfarm;22453466]yes i copy what's your point it's open why can't i
[/quote]
:byodood:
i was suggesting another method
[QUOTE=cryticfarm;22453466]
the person i'm working with knows a lot more than i do and i'm trying to learn
just sayin before i get raped[/QUOTE]
...
:byodood:
if i post the rest of my html can i get more
:byodood:
[QUOTE=sseug;22453382][code]
* {
margin: 0;
}
[/code]
:byodood:
use a css reset[/QUOTE]
Resetting margin and padding is more than enough usually.
[url]http://static.anyhub.net/style.css[/url]
[code]
* {
padding:0;
margin:0;
}
[/code]
[url]http://vladh.net/css/reset.css[/url]
Cheers dude, that is a super awesome CSS Reset :D
[QUOTE=JDream;22461959]Cheers dude, that is a super awesome CSS Reset :D[/QUOTE]
Yay, glad you like it :D feel free to use it.
