Text positioning problem

cactus1000 · Oct 31, 2001

I have a transparent gif of the letter "F" in fancy script. This letter must start a paragraph and the following lines of text must position themselves just right in order for this effect to work. I designed it for IE 5.0 at 400x600 and it looks o.k. (I even have a Netscape version).

Here's the url:

http://www.law.ucla.edu/administration/publications/bulletin/faculty

The problem is that the text doesn't wrap correctly in other screen settings. How can I enforce the exact line width for the text? I thought of putting this in a <div>, but the line width for the second line is different from the other lines of text (thus the " 's&quot

.

Here's the code:

<style type="text/css">
</style>
<BODY LINK="#0000ff" VLINK="#800080">
<span class="a"><img src="f.gif"></span>

<P><BR>
<img src="facultyword.jpg">
<P><br><br><br><br>
<img align=left hspace=15 vspace=5 src="anderson.jpg">
<p><b>
                    aculty at the UCLA School                  of Law</b> bring to the education of their students a variety of backgrounds blah blah blah...

theredqueen · Oct 31, 2001

I would have thought the best way around this would be to use tables with no borders, and no cell padding, you can align them close enough so as for it not to matter..
John x

cactus1000 · Nov 1, 2001

Thanks! Actually, I ended up putting all of my html code into a table cell and set the table width in pixels. This keeps the lines the same width in all browser settings, and still allowes me to use absolute positioning for the letters.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Text positioning problem

cactus1000

Programmer

theredqueen

Programmer

cactus1000

Programmer

Similar threads

Part and Inventory Search

Sponsor