Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 08-27-2010, 08:33 PM   PM User | #1
RomeosKlassicDJ
New Coder

 
Join Date: Mar 2010
Posts: 42
Thanks: 5
Thanked 0 Times in 0 Posts
RomeosKlassicDJ is an unknown quantity at this point
Help w/ CSS Toolbar

I have been working on this toolbar for months. It looks good on one computer, but then I go to another computer with a different screen width and the toolbar is "squashed." Because it is "squashed" it appears as a toolbar, and then the excess toolbar appears beneath of it....a continuation, if you know what I mean. Anyway, I want it to appear the same on all computers--to be the full width of the page without overflowing.

This is the CSS code:

Code:
#cssm1 *  { padding:0; margin: 0; font: 1em arial; }

#cssm1 { position: absolute;  z-index: 99; margin: 0 auto; align: center; line-height: 20px; }

#cssm1 a { display: block; border: 1px solid #fff; color: #ffffff; background: #008000; text-decoration: none; padding: 3px 10px; }
#cssm1 a:hover { background: #006400; }


#cssm1 ul li, #cssm1 ul li ul li  { width: 157px; list-style-type:none; }

#cssm1 ul li { float: left; width: 157px; overflow: hidden; }

#cssm1 ul li ul, #cssm1:hover ul li ul, #cssm1:hover ul li:hover ul li ul{ 
	display:none;
	list-style-type:none; 
	width: 157px;
	}

#cssm1:hover ul, #cssm1:hover ul li:hover ul, #cssm1:hover ul li:hover ul li:hover ul { 
	display:block; 
	}

#cssm1:hover ul li:hover ul li:hover ul { 
	position: absolute;
	margin-left: 157px;
	margin-top: -20px;
	}
You can view the website here:

http://www.horselover.net16.net
RomeosKlassicDJ is offline   Reply With Quote
Old 08-27-2010, 09:44 PM   PM User | #2
met
Regular Coder

 
Join Date: Oct 2009
Location: United Kingdom
Posts: 728
Thanks: 4
Thanked 119 Times in 119 Posts
met has a little shameless behaviour in the past
not surprising

the menu is over 1400 pixels wide ~ anyone with a resolution < 1680x1050 will not be able to see it "correctly".

you should aim to keep non-fluid sites to a width of <1000px for maximum compatibility.

else look in to fluid layouts.
met is offline   Reply With Quote
Old 08-28-2010, 08:30 PM   PM User | #3
RomeosKlassicDJ
New Coder

 
Join Date: Mar 2010
Posts: 42
Thanks: 5
Thanked 0 Times in 0 Posts
RomeosKlassicDJ is an unknown quantity at this point
Um, okay, I'm pretty new to the game. What's a fluid layout?
RomeosKlassicDJ is offline   Reply With Quote
Old 08-28-2010, 08:32 PM   PM User | #4
met
Regular Coder

 
Join Date: Oct 2009
Location: United Kingdom
Posts: 728
Thanks: 4
Thanked 119 Times in 119 Posts
met has a little shameless behaviour in the past
exactly what it sounds like
met is offline   Reply With Quote
Old 08-28-2010, 10:07 PM   PM User | #5
RomeosKlassicDJ
New Coder

 
Join Date: Mar 2010
Posts: 42
Thanks: 5
Thanked 0 Times in 0 Posts
RomeosKlassicDJ is an unknown quantity at this point
Oh. Okay. Well, how do I make a fluid layout?
RomeosKlassicDJ is offline   Reply With Quote
Old 08-29-2010, 03:24 PM   PM User | #6
met
Regular Coder

 
Join Date: Oct 2009
Location: United Kingdom
Posts: 728
Thanks: 4
Thanked 119 Times in 119 Posts
met has a little shameless behaviour in the past
did you check out that link? plenty of material available online with a little searching
met is offline   Reply With Quote
Old 08-30-2010, 10:37 PM   PM User | #7
RomeosKlassicDJ
New Coder

 
Join Date: Mar 2010
Posts: 42
Thanks: 5
Thanked 0 Times in 0 Posts
RomeosKlassicDJ is an unknown quantity at this point
I tried that but I'm having a little trouble changing the header to a toolbar. Probably just a little more working at it, though, and I'll figure it out.
RomeosKlassicDJ is offline   Reply With Quote
Old 08-31-2010, 06:05 PM   PM User | #8
RomeosKlassicDJ
New Coder

 
Join Date: Mar 2010
Posts: 42
Thanks: 5
Thanked 0 Times in 0 Posts
RomeosKlassicDJ is an unknown quantity at this point
Still having problems.....
RomeosKlassicDJ is offline   Reply With Quote
Old 09-02-2010, 07:47 PM   PM User | #9
RomeosKlassicDJ
New Coder

 
Join Date: Mar 2010
Posts: 42
Thanks: 5
Thanked 0 Times in 0 Posts
RomeosKlassicDJ is an unknown quantity at this point
bump
RomeosKlassicDJ is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

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

Forum Jump


All times are GMT +1. The time now is 03:04 PM.


Advertisement
Log in to turn off these ads.