Onderwerp: Wanted : CSS addicted person

Ik heb het zelf geprobeerd tot in het oneindige, maar ik geraak er niet meer uit wijs :-)

http://www.plaatscode.be/137750/ is de broncode van http://www.pixbykris.be/portfolio.php.

Ik zoek nu iemand die mij (zie broncode van regel 126==>149 en regel 151==>174 en regel 176==>198 en tot slot regel 200==>222) de <table> tot </table> kan omzetten in goede CSS coding. Enige malen zelf geprobeerd, doch dit wilt niet echt vlotten :-)

Als je dan even kijkt naar http://www.pixbykris.be/portfolio.php (klik op één van de 4 gallerijen) zie je vanaf de 2e foto (nog een foutje) dat er telkens een script de EXIF informatie toont van de bovenstaande foto. Echter loopt dit over 10 lijnen, wat juist iets teveel is, en wat ik graag zou herleiden naar 3/4 lijnen, namelijk als volgt:

LIJN1
Links : Foto x van y - Midden : onderwerp+datum - rechs : filename
Bvb foto 1 van 10 - testreeks 4 oktober 2009 - 001.JPG

LIJN2:
Links : Type Fototoestel - Rechts : afmetingen
Bvb : SONY DSC-W90 - 2048x1536 px

LIJN3:
ExposureTime: 10/6400 - FocalLength: 58/10 - ISOSpeedRatings: 125 - Flash: 16 - FNumber: 52/10
Bvb : Belichtingstijd : 10/6400 - Brandpuntsafstand : 58/10 - ISOwaarde : 125 - Flasn : 16 - F: 52/10

Met tables slaag ik hier in, doch dit zou toch ook in CSS moeten kunnen?

Iemand zin om daar eens naar te kijken? ;-)

Met dank!!!
Kris

Om die verschillende informatie naast elkaar i.p.v. onder elkaar te krijgen zal je float moeten gaan gebruiken bij de tabellen. En dat moet je via css doen.

Is inderdaad met float dat ik het geprobeerd heb, doch zonder deftig resultaat...

Heb je dat met aparte div'jes geprobeerd of voor de tabellen zelf? Let er op dat als je het voor de tabellen instelt dat de width weg haalt. Hier een voorbeeld van tabellen naast elkaar.
<!--
ul#navigatie {
list-style: none; /* bullets weg */
margin-left: 0;
padding-left: 0;
}
#navigatie li {
background-color: #F90;
width: 20%;
float: left;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
text-align: center;
}
-->
</style>


<ul id="navigatie">
<li><a href="#">Nav1</a></li>
<li><a href="#">Nav2</a></li>
<li><a href="#">Nav3</a></li>
<li><a href="#">Nav4</a></li>
<li><a href="#">Nav5</a></li>
</ul>

Hey, dit is inderdaad in het genre van het voorbeeld dat ik op internet gevonden heb, en hoe ik het probeerde inderdaad!