[Christina]

I created a Div Tag for text in a box in my already designed layout. For some reason I can type only one line! When I hit the [Enter] key to go to the next line and check the Firefox browser for errors the layout is distorted, but in IE it's totally fine. How do I fix this?

[dangreaves92]

What application are you using to edit your pages?

[n0xx]

write text like this :

<div>
<span>
<p>this is your 1st line </p>
<p>this is your 2nd line </p>
</span>
</div>

This post has been edited by Sam G: 02 February 2010 - 08:54 PM
Reason for edit: added [code] tags

[dangreaves92]

This doesn't explain the layout distortion after simply inserting a line break. Also, the <span> tag in your example serves no purpose.

[ElanMan]

The <span> tags in the above example shouldn't be there at all. Inline elements containing block elements?

[caraewilton]

Are you using floats? Can you give a link to the page? Or provide the html and css code?

[n0xx]

im adding <span> if i will have more then 1 classes for a text, its easier then with typography.

[mr p]

n0xx, on Apr 7 2009, 06:50, said:

im adding <span> if i will have more then 1 classes for a text, its easier then with typography.

this makes no sense. if you want to style the text in that div differently to other divs, then just give the div or paragraphs a class.

[bensd]

Christina, on Apr 6 2009, 23:03, said:

I created a Div Tag for text in a box in my already designed layout. For some reason I can type only one line! When I hit the [Enter] key to go to the next line and check the Firefox browser for errors the layout is distorted, but in IE it's totally fine. How do I fix this?

Link?

[n0xx]

Quote

this makes no sense. if you want to style the text in that div differently to other divs, then just give the div or paragraphs a class.

What about if i have 3 text styles in 1 div ?
I dont like adding class or id to <p> so im adding to <span>.
That's my way to do it, thats all.

[NeRo]

I'm guessing you're using something like Dreamweaver?

If at the end of a line, you press Enter, it closes the p tag. However, if you press Shift/Enter together it breaks onto a new line.

[mr p]

n0xx, on Apr 7 2009, 09:30, said:

What about if i have 3 text styles in 1 div ?
I dont like adding class or id to <p> so im adding to <span>.
That's my way to do it, thats all.

each to their own, but why don't you like adding a class or id to <p>?

[Christina]

caraewilton, on Apr 6 2009, 20:46, said:

Are you using floats? Can you give a link to the page? Or provide the html and css code?

I am not using floats. I imported my layout from photoshop and then selected the slice I want to put text in, deleted it and then created a div tag for it.

When I type in the first line it is fine, but when I push enter to type in the next line that's when it gets distorted. The slices are spread out.

Here is the CSS code:

<td solspan="5"><div id="product_content">
   <p>Product Groups</p>
   <p>&nbsp; </p>
</div></td>

This post has been edited by Sam G: 02 February 2010 - 08:55 PM
Reason for edit: added [code] tags

[Christina]

Hey Everyone!

I think I figured it out...unless it's a temporary fix. I guess we'll see.

I realized that I needed enter in the height of the div tag box After I enter in my text.

Thanks for all your help!

Christina