ik heb al wat geprobeerd maar het wil maar niet lukken het volgende in html/css te maken in plaats van tables. Dus dan bedoel ik met div's.

PHP Code:

<table>
 <td style="width: 140px;">Afbeelding 120x60 1</td>
 <td style="width: 341px;"><div style="text-align: center;">teksttekst en meer tekst</div></td>
 <td style="width: 140px;">Afbeelding 120x60 2</td>
</table> 


Voeg me af wie dit wel begrijpt, omdat tables erg slecht is voor seo.

PHP Code:

<div style="width: 140px; float: left;">Afbeelding 120x60 1</div>
<div style="width: 341px; float: left; text-align: center;">teksttekst</div>
<div style="width: 140px; float: left;">Afbeelding 120x60 1</div>
<div style="clear: both;"></div> 


Zoiets?

Alle 3 de divs staan nu gewoon netjes onder elkaar, ze moeten naast elkaar, wat doe ik fout?

PHP Code:

#bovenkant1    { width: 140px; float: left;}
#bovenkant2    { width: 341px; float: left; text-align: center; }
#bovenkant3    { width: 140px; float: left; }
#bovenkant4    { clear: both; } 


PHP Code:

<div class='bovenkant1'>120x60 1</div>
<div class='bovenkant2'>tekst</div>
<div class='bovenkant3'>120x60 2</div>
<div class='bovenkant4'></div> 


Gebruik div id='

Je hebt in de CSS ID's staan, geen classes.

heb het naar classes aangepast, dit is toch beter? omdat je div's uniek moeten zijn op een pagina ofzow, las ik ergens.

Zelfde antwoord als Marcel, alleen iets duidelijker uitgelegd.

Code:

.class  { width: 10px; }
<div class="class"></div>

Code:

#id { width: 10px; }
<div id="id"></div>

Code:

#id.class { width: 10px; }
<div id="id" class="class"></div>

ID's worden inderdaad maar 1x gebruikt op de pagina, classes kan je meerdere keren gebruiken.

Als deze Div's op meerdere plekken binnen dezelfde pagina gebruikt gaan worden wel.
Class lijkt me sowieso bij nader inzien beter: bovenkant 1 & 3 zijn identiek, dus je kunt ze dezelfde class meegeven; dat scheelt weer 1 lijn code in je CSS.

bedankt voor jullie uitleg allemaal. En bovenkant 3 moest nog een tekst align right toegevoegd worden, dus is het net wat anders.