navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

hyperlink wrapping

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> hyperlink wrapping
Page: [1]
 
yogaboy

 

Posts: 377
Joined: 5/22/2004
Status: offline

 
hyperlink wrapping - 9/14/2005 12:21:01   
Anyone know a quick way to make sure hyperlinks wrap when they hit the edges of the containing element?

I have a page with a div set to 36% width, the div contains several fieldsets which contain paragraphs with links. On FF the links continue over the edge of the fieldset and div. On the other hand, IE resizes the fieldset to be wide enough to contain the link.
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: hyperlink wrapping - 9/14/2005 12:34:06   
I believe you use:

whitespace: nowrap;

in your styles


_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to yogaboy)
yogaboy

 

Posts: 377
Joined: 5/22/2004
Status: offline

 
RE: hyperlink wrapping - 9/14/2005 13:03:56   
I tried it but it hasn't worked. This is one of the links below

http://www.dh.gov.uk/PolicyAndGuidance/HealthAndSocialCareTopics/ChildrenServices/ChildrenServicesInformation/fs/en

I don't know who worked out that file structure, but give the boy a prize!:)

(in reply to c1sissy)
Tailslide

 

Posts: 6003
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: hyperlink wrapping - 9/14/2005 13:14:41   
Iain - to my knowledge you can't force this with CSS.

Your choices would look like either removing a width from the fieldset.
Getting rid of the fieldset and maybe using a list instead?
Using PHP to shorten the URLs or add ellipsis at the end of the line.

You can give the links within the fieldset a class that floats them or make them block level so they go to the next line but that's not much use if they're longer than a single line.

Edit: Iain - where exactly is this causing a problem? Do you have to have the actual URL visible - because if you can just have the link text then you're fine - it's only when you've got no spaces that you get a problem (like with the url itself).

_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to c1sissy)
yogaboy

 

Posts: 377
Joined: 5/22/2004
Status: offline

 
RE: hyperlink wrapping - 9/14/2005 13:25:09   
Ok, thanks for the help, I will try to find a way to shorten the links!

(in reply to Tailslide)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> hyperlink wrapping
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts