Arwen-Undomiel.com
http://www.arwen-undomiel.com/forum/

Navigation Bar Background.. thingy...
http://www.arwen-undomiel.com/forum/viewtopic.php?f=27&t=19828		 Page 1 of 1
Author:  Johnny's Fan [ February 2nd, 2009, 11:59 pm ]
Post subject:  Navigation Bar Background.. thingy...
Hey peeps. I was wondering if anyone can help me with a problem I am having with my layout. [yes, what is new indeed]

I have my navigation bar, as well as my site info section etc. What I really would like is where I link to different parts of my site in the navigation section, is to have a background for each link. Like a line of colour, seperate from the layout background.

The closest example I have found is here.

http://www.freewebs.com/starspray/

I don't particularly want mine to change colour or anything, I would just like that effect, or something similar.

Thanks to anyone who can help. :-)
Author:  Nurrantiel Mashiara [ February 3rd, 2009, 9:54 pm ]
Post subject: 
You need to put
display:block
width:
height:
background-color:
in the navigation part of the CSS.
Author:  Johnny's Fan [ February 3rd, 2009, 10:50 pm ]
Post subject: 
Hmm, that doesn't seem to be working.

This is my navigation part of the css already.

#navigation{
position:absolute;
background-color: #01032A;
top:410;
left:130;
width:150px;
filter:alpha(opacity=100);
}

I have a background colour for the info section, welcome etc, but I wanted a specific colour for the links, which it doesn't seem to be letting me add, because of the other colour perhaps?
Author:  Eliwen [ June 24th, 2009, 11:47 am ]
Post subject: 
Hey JF...not sure if you still need this but I gave it a go. I doubt this is the only way to do this but it's how I'd do it.

In the style sheet -
Try this for the coloured background:
Code:
.nav {
width : 100%;
background: #62929E;
display: block;
border : 4px solid #01032A;
}


Add this if you want it to highlight:
Code:
.nav: hover {
width : 100%;
background : #FFFFFF;
color: #62929E;
}


And in the html -
Add this around your links:
Code:
<a href="link.php" class="nav">Link</a>


Hope that was what you were looking for :)
Page 1 of 1 All times are UTC - 5 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/