...

View Full Version : cross-browser line breaking problems



GriotsGarage
07-17-2008, 12:43 AM
I know I have some ugly code here, but am forced to use inline css because I don't have access to the <head> of my website. In a nutshell, Firefox and Safari allow my text to run past the edge of a table, while IE automatically breaks the line (which is what I want). Any suggestions? I've experimented with margins but can't get them to work either. I feel like this should be easy but I'm a total noob. Thanks in advance! -mike

http://www.griotsgarage.com/images/en_US/local/test/featured2.html

macwiz
07-17-2008, 12:55 AM
First, port all of your CSS to external CSS sheets.

How don't you have access to the <head> of the document?

Get rid of the table, use DIVS, and the div will adapt to the width of the text. You can set the properties:


border-left:1px;border-top:1px;border-bottom:1px;

This will result in no right border on the DIV.

GriotsGarage
07-17-2008, 12:59 AM
Don't have access to the <head> because this is a template-based site and I am only able to edit cells within the page template. That is also the reason we don't have external style sheets (yet).

Can you be more specific about how to use the div instead of a table? Sample code, maybe? Your help is much appreciated! -mike

macwiz
07-17-2008, 01:12 AM
What exactly do you want? You want all the text in the box?

Like this?

GriotsGarage
07-17-2008, 05:06 PM
Thanks for the help macwiz. If you look at our homepage, you'll see what I'm trying to do. There are three of these "boxes", so the space is constrained by the grid of the page (which is why I thought a background image with css type overlay would give the most control). Make sense? http://www.griotsgarage.com/

macwiz
07-17-2008, 05:21 PM
Thanks for the help macwiz. If you look at our homepage, you'll see what I'm trying to do. There are three of these "boxes", so the space is constrained by the grid of the page (which is why I thought a background image with css type overlay would give the most control). Make sense? http://www.griotsgarage.com/

Try what I gave you. You have much more control over where things go, as they are separate elements, allowing for more positioning. You can change it around to look similar. To get that vertical line, use a little image that you can repeat and use CSS to position it. The way you had has teh same effect, although it is not adaptable to the amount of text you have, which is why a DIV would be in order.

Your homepage is not text, but simply just an image. You could either create a new image, or do them all in CSS and with a DIV. Your choice. I prefer CSS and a DIV personally.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum