Wie kan mij helpen de volgende tabel op de juiste manier te
maken in css:



nu wil ik naast de foto 2 keer tekst
onderelkaar.

wie kan mij helpen?

Zou u de HTML code willen online zetten én de CSS?
Maar wat wilt u precies?

Om de tekst in de span 'catalogus_tekst' de 2e keer eronder te krijgen, moet de span de style 'display: block;' krijgen.

Maar daardoor zullen beide teksten onder foto terecht komen. Dit is weer op te lossen, door de image de style 'float: left;' te geven.

@stijn:

het voorbeeld staan online in ( zie link )

naast foto tekst onderelkaar.

mvg,
Nadine
Aanvullend bericht:
zouden jullie zelf ook deze layout opmaken met tabel of liever met divs?!

graag jullie commentaar.

Origineel gepost door Nadine Heesters

@stijn:

het voorbeeld staan online in ( zie link )

naast foto tekst onderelkaar.

mvg,
Nadine
Aanvullend bericht:
zouden jullie zelf ook deze layout opmaken met tabel of liever met divs?!

graag jullie commentaar.

OK, tabellen zijn niet om op te maken, enkel om een normale tabel te maken.
Divs zijn bedoeld om het schematisch te maken, dus gebruik divs! ;)

tekst moet rechts in het midden gecentreerd van de foto komen te staan.
Aanvullend bericht:
@ stijn: deze template gaat straks gevuld worden met een catalogus uit een database. zou je dan nog steeds de opmaak niet in tabellen maken?

Altijd met div's werken.
Tabellen staan niet mooi en zijn technisch niet echt netjes.
Of je nou gegevens uit een database haalt of niet, gewoon met div's werken.

Je bedoelt zoiets met tekst :

PHP Code:

<div class="machine">
        <div class="foto">
                  <img src="../foto.jpg" title="Machine" />
        </div>

        <div class="tekst_1">
              Hier de tekst
        </div>

        <div class="tekst_2">
             Hier andere tekst
        </div>
</div>

css like this:

.machine
{
width:          300px; //voorbeeld
min-height:   200px; //voorbeeld
float:           left; 
}

.foto
{
width:           100px; //voorbeeld
height:          200px; //voorbeeld
float:            left;
}

.tekst_1
{
width:           200px; //voorbeeld
height:          100px; //voorbeeld  
float:             left; 

text-align:     center;     
}

.tekst_2
{
width:           200px; //voorbeeld
height:          100px; //voorbeeld  
float:             left;  

text-align:     center;       
} 


probeer zoiest.

Is het misschien mogelijk om de tekst in een nieuwe TD te zetten? Volgens mij moet het dan gemakkelijk zijn om de tekst op de juiste plek te krijgen middels de css-styles:

text-align: center;
vertical-align: middle;

die op de nieuwe TD moeten worden gezet.

Origineel gepost door Nadine Heesters

tekst moet rechts in het midden gecentreerd van de foto komen te staan.
Aanvullend bericht:
@ stijn: deze template gaat straks gevuld worden met een catalogus uit een database. zou je dan nog steeds de opmaak niet in tabellen maken?

Nee, divs zijn technisch netjes en overzichtelijk, ook bij een database.