Textpattern Forum

You are not logged in. Register | Login | Help

#1 2012-04-19 17:52:26

RedFox
Member
From: Netherlands
Registered: 2005-03-25
Posts: 539
Website

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

#2 2012-04-19 18:01:09

maniqui
Moderator
From: Buenos Aires, Argentina
Registered: 2004-10-10
Posts: 2,989
Website

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.


La música ideas portará y siempre continuará

TXP Builders – finely-crafted code, design and txp

Offline

#3 2012-04-19 18:18:08

RedFox
Member
From: Netherlands
Registered: 2005-03-25
Posts: 539
Website

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

Board footer

Powered by FluxBB