Rules      FAQ       Register        Login
It is currently April 16th, 2024, 5:41 am

All times are UTC - 5 hours [ DST ]




Post new topic Reply to topic  [ 4 posts ] 
Author Message
 Post subject: Navigation Bar Background.. thingy...
PostPosted: February 2nd, 2009, 11:59 pm 
Welcomator
Welcomator
User avatar

Joined: 10 July 2005
Posts: 23149
Location: Where there are handsome heroes and sexy villains.. all that need some lovin' ;)
Country: Gondor (xg)
Gender: Female

Offline
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. :-)

_________________
Image

Image

^ By me and my SS *squiggle hugs*


Top
 Profile       WWW            
 
 Post subject:
PostPosted: February 3rd, 2009, 9:54 pm 
Moderator
Moderator
User avatar

Joined: 04 February 2006
Posts: 9445
Location: Southeast of the Northern part of West Hyglemr
Country: Rohan (xr)
Gender: Female

Offline
You need to put
display:block
width:
height:
background-color:
in the navigation part of the CSS.

_________________
going on a journey through my old claims
Image
Image


Top
 Profile       WWW            
 
 Post subject:
PostPosted: February 3rd, 2009, 10:50 pm 
Welcomator
Welcomator
User avatar

Joined: 10 July 2005
Posts: 23149
Location: Where there are handsome heroes and sexy villains.. all that need some lovin' ;)
Country: Gondor (xg)
Gender: Female

Offline
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?

_________________
Image

Image

^ By me and my SS *squiggle hugs*


Top
 Profile       WWW            
 
 Post subject:
PostPosted: June 24th, 2009, 11:47 am 
Dunadan
Dunadan
User avatar

Joined: 04 June 2005
Posts: 462
Location: Eryn Lasgalen, England

Offline
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 :)

_________________
<center>

Image

Sig set by Smeagollum =)</center>


Top
 Profile       WWW            
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 4 posts ] 

All times are UTC - 5 hours [ DST ]




Who is online

Users browsing this forum: No registered users and 2 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  




Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Boyz theme by Zarron Media 2003