CSS navigation messes up

Forum Attachments

Summary:

the navigation on the site [http://prestige.wikidot.com prestige] messed up, what makes it to do so?

CSS navigation messes up

Matthias1992 17 May 2009 10:48

#header{
    background-image:url(http://i281.photobucket.com/albums/kk220/bretttoomey/prestige.png);
    background-repeat:no-repeat;
    background-position:top left;
    background-color:FFFFFF;
 }
#header h1, #header h2{
    display:none;
}p,table,li,h1,h2,h3
{
font-family: verdana, arial, 'sans serif'; 
}
 
p, h1, h2, h3, table, li, hr
{
margin-left: 20pt;
}
 
p,li,th,td
{
font-size: 90%;
}
 
body
{
#ffffff;
}
 
h1,h2,h3,hr
{
color: firebrick;
}
 
a:link {COLOR: firebrick;}
a:visited {COLOR: firebrick;}
a:active {COLOR: navy;}
a:hover {COLOR: navy;}
 
a.content:link {COLOR: seashell;}
a.content:visited {COLOR: seashell;}
a.content:active {COLOR: seashell;}
a.content:hover {COLOR: papayawhip;}

code was designed by brt93yoda not by me, we share the site however and I could not find the problem, neither could he… any suggestions?

---

Last edited on 17 May 2009 12:48 by GoVegan Show more

Re: CSS navigation messes up

Timothy Foster 17 May 2009 12:40

What is the problem?

---

Timothy Foster - @tfAuroratide
Auroratide.com - Go here if you're nerdy like me

Re: CSS navigation messes up

rhombus p 17 May 2009 13:48

if your talking about the top bar being vertical and going of the top of the page, than it looks like a problem with the nav:top page, not the CSS

---

Re: CSS navigation messes up

Matthias1992 17 May 2009 14:16

te problem is that the nvaigation is hidden (partly) behind the search bar

---

Re: CSS navigation messes up

rhombus p 17 May 2009 14:55

here

#header{
    background-image: url(http://i281.photobucket.com/albums/kk220/bretttoomey/prestige.png);
    background-repeat:no-repeat;
    background-position:top left;
    background-color:FFFFFF;
   padding-bottom:25px;
 }
#header h1, #header h2{
    display:none;
}p,table,li,h1,h2,h3
{
font-family: verdana, arial, 'sans serif'; 
}
 
p, h1, h2, h3, table, li, hr
{
margin-left: 20pt;
}
 
p,li,th,td
{
font-size: 90%;
}
 
body
{
color: #ffffff;
}
 
h1,h2,h3,hr
{
color: firebrick;
}
 
a:link {COLOR: firebrick;}
a:visited {COLOR: firebrick;}
a:active {COLOR: navy;}
a:hover {COLOR: navy;}
 
a.content:link {COLOR: seashell;}
a.content:visited {COLOR: seashell;}
a.content:active {COLOR: seashell;}
a.content:hover {COLOR: papayawhip;}
 
#top-bar{
margin-top:1px;
width: auto;
left:0;
}

---

Re: CSS navigation messes up

brt93yoda 24 May 2009 07:18

buwahahaha! The error wasnt because of my CSS coding, I accidently added a space somewhere in the nav:top, which caused it to glitch. Well it was somthing like that. Thanks for showing me how to mess with the top bar rhombus p. I would like to know which color you think would look good as the top bar. please post the hex code of the color. I'm not sure if the website layout is to dark/gloomy. Wjat do you think? If yes, could you please give me your oppinion on a layout? The website is here.

---

Prestige Programming & Project Pokemon