Thanks, this worked perfectly!

Michael Botsko
Web Developer
503.227.2571 x230
AIM: botskonet
TechTracker, Inc
www.techtracker.com


-----Original Message-----
From: Donna Casey [mailto:[EMAIL PROTECTED]
Sent: Monday, April 17, 2006 10:11 AM
To: CSS Discuss (E-mail)
Cc: Mike Botsko
Subject: Re: [css-d] Disabling wrapping elements within a div


Mike Botsko wrote:
> http://www.botsko.net/test.html
However, I don't want the link text itself
> to wrap, so that a link is broken between two lines. I just want the
> entire link to be pushed to the next line if the first line is too
> long, I don't want it to wrap the link itself otherwise the gray box
> starts on one line and ends on the next

for your <a> tags, add the following properties:

display: block;
width: auto;
float: left;
white-space: nowrap;

and then, just before the closing div of the container that surrounds 
all the links, add a clearing element:

.clearme {
clear: both;
height: 0px;
}

See this page. I set the #simulatedHeader to an 80% width so you can 
change the browser width and see that all the links behave as expected.

http://n2dreamweaver.com/n2dreamweaver/tips/nowrap.htm

HTH
Donna


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to