Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Last min fixes--> need help align my nav. bars
Old 05-25-2006, 03:02 AM Last min fixes--> need help align my nav. bars
RNPoo7's Avatar
Extreme Talker

Posts: 238
Trades: 0
Hey guys,

Thanks to this website, my first CSS is almost completed.

Few things.

I need the top menu nav bar centered

Also, the blue bar on the botton, i would like the links to go on it. I would change the font to probably white.
The Copy right info would be under it with the lighter background color as it is right now.

I tried it for the past ~30 mins, but I didn't have any luck.


Also for the top menu bar, is there anyway I can make the background as the botton one? That would be a blue bar going across with the drop down menu on it. I would space it would somewhat evenly.
I would like to make the top nav bar right under the banner. So there would not be any space between them.

Thanks a lot

www.greenvillecopts.org/test
__________________
I work on Turbo'd Honda's for fun :)

Last edited by RNPoo7; 05-25-2006 at 03:04 AM..
RNPoo7 is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 05-25-2006, 11:34 AM Re: Last min fixes--> need help align my nav. bars
RNPoo7's Avatar
Extreme Talker

Posts: 238
Trades: 0
Well I got the nav bar centered by adding <center> before it's DIV. I'm sure that's not the proper way of doing it in CSS, since I would have to put the center tag in all my pages. I tried centering it from the style sheet, but I didn't have any luck.
__________________
I work on Turbo'd Honda's for fun :)
RNPoo7 is offline
Reply With Quote
View Public Profile
 
Old 05-25-2006, 12:18 PM Re: Last min fixes--> need help align my nav. bars
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
To center the menu in CSS :
ul#navmenu {
margin: 0 auto;
border: 0 none;
padding: 0;
width: 500px; /*For KHTML*/
list-style: none;
height: 24px;
}
The 'auto' on the margin will center the 500px UL within the #navmenu... no need for the deprecated <center> any more

Quote:
Also, the blue bar on the botton, i would like the links to go on it. I would change the font to probably white. The Copy right info would be under it with the lighter background color as it is right now.
Since your footer is a solid color, add background: #xxxxxx to the #footer rules. Then put your links in, as a list, inside the footer DIV.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-25-2006, 12:44 PM Re: Last min fixes--> need help align my nav. bars
RNPoo7's Avatar
Extreme Talker

Posts: 238
Trades: 0
Quote:
Originally Posted by LadynRed


Since your footer is a solid color, add background: #xxxxxx to the #footer rules. Then put your links in, as a list, inside the footer DIV.

Like this?

<div id="line">
<ul>1
<li>link1</li>
<li>link2</li>
</ul>
</div>



#line {
height:35px;
font-size:0;
background-image:url(images/footer.gif);
background-color: #000000;
margin:10px 0;
}

? Thanks again
__________________
I work on Turbo'd Honda's for fun :)
RNPoo7 is offline
Reply With Quote
View Public Profile
 
Old 05-25-2006, 01:43 PM Re: Last min fixes--> need help align my nav. bars
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Yes, but for a solid color you don't need to make it a background image, just put in background: #426C7e.

Either way, putting the image in as the background for the div leaves you the space to put the link text ON TOP of the blue bar.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-25-2006, 03:34 PM Re: Last min fixes--> need help align my nav. bars
RNPoo7's Avatar
Extreme Talker

Posts: 238
Trades: 0
edit, nevermind.

I think I got it
__________________
I work on Turbo'd Honda's for fun :)

Last edited by RNPoo7; 05-25-2006 at 03:36 PM..
RNPoo7 is offline
Reply With Quote
View Public Profile
 
Old 05-25-2006, 06:16 PM Re: Last min fixes--> need help align my nav. bars
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Looks great !!
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-25-2006, 07:47 PM Re: Last min fixes--> need help align my nav. bars
RNPoo7's Avatar
Extreme Talker

Posts: 238
Trades: 0
How do I get rid of the space under the banne?
__________________
I work on Turbo'd Honda's for fun :)
RNPoo7 is offline
Reply With Quote
View Public Profile
 
Old 05-26-2006, 11:21 AM Re: Last min fixes--> need help align my nav. bars
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Add this to your #header:
height: 104px;

Take out the 10px top margin on #line.

You should also always put in the width and height for your image in your html as well as the alt attribute to describe what the image is. At the very least, you should put the text that's in the graphic into the Alt text.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Last min fixes--> need help align my nav. bars
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

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 Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.31146 seconds with 12 queries