Computing.Net > Forums > Web Development > letter-spacing & align conflict

Computer Problems? Computing.Net has over 1,000,000 posts about all things technology related! Over 90% answered within 24 hours! Click here to start participating now! Also, be sure to check out the New User Guide.

letter-spacing & align conflict

Reply to Message Icon

Name: smumdax
Date: November 15, 2005 at 18:22:30 Pacific
OS: n/a
CPU/Ram: n/a
Comment:

This is quite weird, and I really don't understand what's going on.

I have a class applied to a chunk of text. In it, it has the property "letter-spacing" set to 1. Text is formatted perfectly.

Now, I don't understand why, but to have a normal line space, I have to put 3 BR between each paragraphs. I'm saying this because those BR seem to have something to do with my problem down below.

I then wish to add an IMG and make it aligned right of the text (or left, makes no difference). I put the image before the text, check it out in my browser and... the image disapears, not there at all..!!

If I put the image anywhere in the text, works fine (but looks ugly).

Anyone have a hint on what is causing this?

Here's the simple code to try:

This code won't show the image:
< div style="letter-spacing:1">
This is a test.< br>< br>< br>
< img src="" width="100" height="100" align="left">This is a test to see where that damn image goes

But this one will:
< div style="letter-spacing:0">
This is a test.< br>< br>< br>
< img src="" width="100" height="100" align="left">This is a test to see where that damn image goes




Sponsored Link
Ads by Google

Response Number 1
Name: Dr. Nick
Date: November 15, 2005 at 23:15:46 Pacific
Reply:

I think your code got a bit messed up.

Where does the DIV end? Is the image supposed to be inside of the DIV? Is the text "This is a test to see..." supposed to be inside the DIV?


0
Reply to Message Icon

Related Posts

See More







Post Locked

This post is quite old and has been locked from receiving new replies. Please create a new posting instead.


Go to Web Development Forum Home


Sponsored links

Ads by Google


Results for: letter-spacing & align conflict

CSS positioning & dimensions (?) www.computing.net/answers/webdevel/css-positioning-amp-dimensions-/2810.html

CSS Relative Positioning www.computing.net/answers/webdevel/css-relative-positioning/2265.html

magazine-style sidebars in HTML? www.computing.net/answers/webdevel/magazinestyle-sidebars-in-html/2368.html