Graphic Design Forum and Web Design Forum  

Go Back   Graphic Design Forum and Web Design Forum »General »Graphic Design and Web Design Help

Notices

Graphic Design and Web Design Help Get Graphic Design and Web Design related help here


Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 24-02-2008, 07:08 PM
miba's Avatar
Junior Member
 
Join Date: Feb 2008
Posts: 5
Default CSS nav help!

Hey guys,

I'm trying to make the navigation on my portfolio a bit more interesting, and I've got a CSS one that I like, but I'm having a few problems with it, and was wondering if you could help. I didn't make/write the code for this, I got it from a website, but changed a few things to fit my portfolio.

If you want to have a look at it, my site is miba designs | Michael Baker Online Portfolio. At the moment, the CSS nav in only on the index page, all the other pages have the old style one.

The problems I'm having with it are;
  1. At the moment, the text is aligned to the left, but I want it to be centred, like my old style nav. I've tried using "text-align:left;" in the css, but it doesn't seem to work.
  2. In IE, when you resize the window, the nav doesn't move, until you hover over it...any ideas why? Is there a fix or is this IE being awkward as always?
The CSS is;

Code:
ul.menu {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:35px;
font-size:11px;
background:url(../images/bg.png) repeat-x top left;
font-family:Verdana,Helvetica,Arial,sans-serif;
margin: 0;
padding:0;
}

ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}

ul.menu li a {
float:left;
color:#ffffff;
text-decoration:none;
height:24px;
padding:9px 15px 0;
}

ul.menu li a:hover,.current {
color:#ffffff;
background:url(../images/bg.png) repeat-x top left;
}

ul.menu .current a {
color:#444444;
}


ul.menu.orange{
background-color:#444444;
}
ul.menu.orange li a:hover, .menu.orange li.current {
background-color:#ffffff;
}
and the HTML is;

Thanks guys,
Michael
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #2 (permalink)  
Old 24-02-2008, 07:22 PM
Laura Lynne's Avatar
Gettin Jiggy With It
 
Join Date: Jan 2007
Gender: Female
Posts: 1,153
Default

Sorry I'm not all that good with code so I'm not sure I can help but if you wanted some really nice premade css menus there's a few here. Hope you get it sorted

Stu Nicholls | CSSplay | Professional horizontal menus
__________________
"It was one of those days when it's a minute away from snowing and there's this electricity in the air, you can almost hear it, right?"
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is On
Trackbacks are On
Pingbacks are On
Refbacks are On


All times are GMT. The time now is 01:10 PM.



Estetica Design Forum's Privacy Policy
Powered by vBulletin® Version 3.7.2
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC5