Layers line breaking

**Garrett** · May 3, 2001 16:20

hello

doing a sort of news window where i am dynamically reading the text into a layer and was wondering was there any way to keep a layer at its predefined width so that text will automatically break the line when it comes to the right edge of the layer?

any help appreciated!

Garrett

**Anarchos** · May 3, 2001 16:28

width: 300px maybe?

**Garrett** · May 3, 2001 16:38

yes that sets the width of the layer but text within the layer does'nt break the line! instead it carries on off right of the layer.

Garrett

**Anarchos** · May 3, 2001 17:01

overflow: auto should work.

**Garrett** · May 3, 2001 17:09

nope that gives scrollbars and still does'nt break the line.

Garrett

**Anarchos** · May 3, 2001 17:15

phffft

**Garrett** · May 3, 2001 17:19

and i dont think 'phffft' is a valid css tag!

Garrett

**sowen** · May 4, 2001 01:22

Set a class for your <p> tag width: 280px. Lines should wrap then

**Garrett** · May 4, 2001 04:06

not quite sure what you mean?

<p style="width: 280px;"></p>

a style like this?

Garrett

**sowen** · May 4, 2001 04:19

Yes, but you could define it first to cut down on code.

<style type="text/css">
p {width: 280px}
</style>

Would give every paragraph a width of 240px.

Or
<style type="text/css">
p.narrow {width: 280px}
</style>

then in your text;

<p class="narrow">Some text that will wrap round when it gets to 240pixels</P>

Only <p> tags with a class of narrow will be affected all others will act as normal.

Hope this helps

**Garrett** · May 4, 2001 04:47

<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
p {width: 100px;
font-size: 9px;
}
</style>

</head>

<body bgcolor="#FFFFFF">
<p>
dfjkdlfjkdjfkjdkfkdfjkldjfkdjfkdkfjkldjfkjdklfjkdfjkdjfkdjfkdjfkjdfkljdkfjkldfjkdjfkdjfkjdfkl
</p>
</body>
</html>

------------------------------
my code! the width does'nt seem to do anything? i know the style sheet works fine cos i stuck in the font-size and no problem!

Garrett

**sowen** · May 4, 2001 05:15

Garret,

you just need some spaces in the line of text. The browser thinks all those djfk's are one word so won't wrap them.

Here is an exmple of the class thing

<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

p {width: 75%;
font-size: 9px;
}

p.narrow {width: 200px;
font-size: 1em
}

p.narrower {width: 100px;
font-size: 1em
}
</style>

</head>

<body bgcolor="#FFFFFF">
<p>The quick brown fox jumped over lazey dog. Mary had a little lamb. The quick brown fox jumped over lazey dog. Mary had a little lamb.The quick brown fox jumped over lazey dog. Mary had a little lamb.The quick brown fox jumped over lazey dog. Mary had a little lamb.
</p>
<p class="narrow">The quick brown fox jumped over lazey dog. Mary had a little lamb. The quick brown fox jumped over lazey dog. Mary had a little lamb.The quick brown fox jumped over lazey dog. Mary had a little lamb.The quick brown fox jumped over lazey dog. Mary had a little lamb.</p>
<p class="narrower">The quick brown fox jumped over lazey dog. Mary had a little lamb. The quick brown fox jumped over lazey dog. Mary had a little lamb.The quick brown fox jumped over lazey dog. Mary had a little lamb.The quick brown fox jumped over lazey dog. Mary had a little lamb.</p>
</body>
</html>

**Garrett** · May 4, 2001 05:42

doh! ok sorry for being so silly!

heres what i've been doing
http://www.intimacyandloneliness.f2s...nts/index.php3

thanks for your help
Garrett

**sowen** · May 4, 2001 06:21

Site looks good, heavy subject! Good luck with the research.

Need anymore help just ask

**Garrett** · May 4, 2001 06:55

thanks you've been very helpfull!

Garrett

User Tag List

Thread: Layers line breaking

Thread Tools

Display

Bookmarks

Bookmarks

Posting Permissions