Hey guys. I've got a little problem
Take a look at the included picture


The above sentence has to much white space below it.
The first letter and the first part of the first sentence are in two different spans.

Don't know which property i need for this.


Greetz
Thierry

It may be either cellspacing=0 or the problem might be with image borders. I cannot say without the correct code.

hm, looks like the size of your W affects the whole cell and then spaces it weirdly...

could you post the relevant code??

Sure:

<div id="frame">
<span id="titel"><span id="firstletter">W</span>arhammer 40.000: Dawn of War </span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras posuere magna vel eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque urna velit, ornare semper, sodales eget, eleifend nec, lorem. Pellentesque iaculis, massa vel dignissim tristique, elit lectus pretium lacus, eget interdum nibh orci vitae lacus. Mauris sit amet tortor ac velit ornare imperdiet. Nullam quis tortor. Mauris vitae tortor vitae est pharetra varius. Nam ac purus. Aenean auctor, dolor ornare euismod laoreet, massa ipsum vehicula pede, sed bibendum leo arcu ac augue. Fusce hendrerit, nisl sed viverra elementum, urna metus ultricies nunc, a malesuada metus felis at felis. Phasellus vestibulum, nunc faucibus facilisis iaculis, lectus odio ullamcorper diam, vel vehicula augue leo quis tellus. Aliquam in enim varius nunc aliquam interdum. Proin consectetuer feugiat dolor. Donec congue pulvinar dolor. 
</div>

CSS:

PHP Code:

div#frame { text-align: left; width: 600px; height: 180px; background-color: white;
    margin: 0px auto; padding: 10;
    border-left: 3px solid #000000;
    border-right: 3px solid #000000;
    border-bottom: 3px solid #000000;
    border-top: 3px solid #000000;} 
span#titel {
color:#000000;
font-size:14px;
}
span#firstletter {
font-family: Black Chancery, sans-serif, Arial, Verdana, Helvetica;
color: #000000;
font-size:22px;
} 


I encountered the same problem and never found the problem. The only thing I know is that It's css related. This comment doesn't help, i'm just suscribing to the thread

Lol. Well atleast more people will see the tread because of your post.
I tried using css valign but didn't get is to work.

Greetz
Thierry

It's not necessarily CSS related. But the CSS is affecting it.

It's the top and bottom spacing of the particular font/size. Because you are using a different size font for the first letter, the spacing adjusts accordingly. The larger the font, the greater the spacing would be.

Try changing the line-height on both #frame and #title1.

Thanks Prissed

After a bit of experimenting with the setting I set the line height to 1px on the firstletter.
Offcourse setting all 3 # at the same length also works.
But when i set line-height on the firstletter to 1px the font size doesn't have any effect anymore and it displays the same as being in only one #

This is the CSS i ended up with.

PHP Code:

div#frame { text-align: left; width: 600px; height: 180px; background-color: white;
    line-height: 20px;
    margin: 0px auto; padding: 10;
    border-left: 3px solid #000000;
    border-right: 3px solid #000000;
    border-bottom: 3px solid #000000;
    border-top: 3px solid #000000;} 
span#titel {
color:#000000;
font-size:14px;
}
span#firstletter {
font-family: Black Chancery, sans-serif, Arial, Verdana, Helvetica;
color: #000000;
font-size:22px;
line-height: 1px;
} 


No matter what line height you chose in the #frame the margins between lines are normal now.
Thanks a lot Prissed and everybody else for helping me with this problem.


Cheers,
Thierry


PS. LOL http://www.prissed.com/Sections-article75-page1.php

Great!

Link

If prissed aint there somewhere she should be.

Hahaha! That obvious, eh?