Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Pages: 1
A CSS floating question ...
At www.claraelders.nl … go to ‘Stichting Kunst Voor Rotterdammers…’
Two rows of two text and image boxes:
<p class=“voorstellingen”>
<span class=“left”>
Geheim van de Tuin (4)
<br>
<a title=“A picture of Bloem, Geheim van de Tuin” href=“http://www.claraelders.nl/images/50.jpg” rel=“lightbox-geheim-van-de-tuin”>
</span>
<br>
<span class=“right”>
Museumnacht (2)
<br>
<a title=“A picture of Museumnacht, de klassieken” href=“http://www.claraelders.nl/images/48.jpg” rel=“lightbox-museumnacht”>
</span>
</p> … etc.
.element p.voorstellingen { clear: both; float: left; width: 500px; margin: 0 20px 0 10px; padding: 10px 0 10px 0;}
.element p.voorstellingen img { margin-top: 10px;}
.element p span.left { float: left; display: inline; /* voor IE6/win > margin and float bug! */ padding-right: 40px;}
.element p span.right { float: left; display: inline; /* voor IE6/win > margin and float bug! */}
The two boxes doesn’t line correctly … it’s something from the old days, but I’ve forgotten what it is and what to do … !?
Any help appreciated.
Offline
Re: A CSS floating question ...
Delete the <br /> that’s dangling between the two spans.
It worked for me by doing so in Web Inspector.
Offline
Re: A CSS floating question ...
maniqui wrote:
Delete the
<br />that’s dangling between the two spans.
It worked for me by doing so in Web Inspector.
Thank you so much.
Removing <br /> gave some other troubles … but this in my CSS did the trick >
br {height: 0;line-height: 0;}:)
Last edited by RedFox (2012-04-19 18:18:48)
Offline
Pages: 1