foto's met tekst eronder gecentreerd

[djeric]

hallo.

omdat mijn vraag niet is opgelost vraag ik me af of het niet in een verkeerde categorie staat. (bij css) daarom deze vraag het zelfde maar gesteld bij html.

maare zoek een oplossing voor mijn pagina met foto's en ik wil daar tekst onder elke foto plaatsen
hoe plaats je 40 foto's gecentreerd op 1 pagina, met tekst/comentaar eronder ?

ik wil een webpagina maken met foto's en onder elke foto wat korte tekst plaatsen. een comentaar over de foto zeg maar. maar hoe doe ik dat?

foto's plaatsen lukt wel in html, maar de tekst eronder niet. tevens moet alles weer in css staan (mits er css verwerkt moet worden) en ik zie maar 1 oplossing tot nu toe, werken met tabellen. of zijn er andere mogelijkheden?

 

[hobielasseel]

je kan inderdaad zoals je zelf zegt met tabellen werken een andere mogelijkheid is werken met divs

 

[djeric]

een andere mogelijkheid is werken met divs

maa hoe doe ik dat dan met divs?

Foto's plaatsen lukt me wel. tekst plaatsen ook wel. tekst in kleur e.d. eveneens ook.

maar de tekst onder iedere foto gecentreerd weer geven krijg ik niet voor elkaar.

 

[hobielasseel]

toon eens de code die je gebruikt

 

[djeric]

toon eens de code die je gebruikt

al ik wist in divs hoe dat werkte stelde ik deze vraag niet.

das me vraag..... waar begin ik

 

[hobielasseel]

<div style="float:left;">foto1</div><div style="float:left;">foto2</div>
<div style="clear:both;"></div>
<div style ="float:left;">tekst 1</div><div style="float:left;">tekst 2</div>

zoiets zou het moeten zijn heb het nu zelf snel geschreven dus ben niet zeker als het volledig juist is maar denk het wel

 

[djeric]

je kan inderdaad zoals je zelf zegt met tabellen werken een andere mogelijkheid is werken met divs

ik ben met een tabel bezig geweest, al is dat de meest simpele manier.

<TABLE BORDER="1">
 <TR>
 <TD WIDTH="120" HEIGHT="40"><IMG SRC="foto1.jpg" WIDTH="150" HEIGHT="150" ALT="foto 1"></TD>
 <TD WIDTH="120" HEIGHT="40"><IMG SRC="foto2.jpg" WIDTH="150" HEIGHT="150" ALT="foto 2"></TD>
 <TD WIDTH="120" HEIGHT="40"><IMG SRC="foto3.jpg" WIDTH="150" HEIGHT="150" ALT="foto 3"></TD>
 <TD WIDTH="120" HEIGHT="40"><IMG SRC="foto4.jpg" WIDTH="150" HEIGHT="150" ALT="foto 4"></TD>
 </TR>
<TD ALIGN="center">tekst 1</TD>
<TD ALIGN="center">tekst 2</TD>
<TD ALIGN="center">tekst 3</TD>
<TD ALIGN="center">tekst 4</TD>
 </TABLE>

wat kleurtjes en letter typen aan passen en werkt ook lijkt mij.
(code is nog niet gevalideerd)

welke is nu de beste optie?
div of tabel ?

 

[hobielasseel]

een tabel is op zich de beste beste oplossing dan staan alle teksten en foto's mooi onder elkaar dit zou bij divs af en toe wel problemen kunnen opleveren opzich is dit allemaal makkelijk op te lossen maar heb je natuurlijk extra code nodig bij een tabel hoeft dit niet

Nog 1 ding waarom geef je de td telkens een grote die kleiner is dan de grote van de afbeeldingen??

 

[djeric]

Nog 1 ding waarom geef je de td telkens een grote die kleiner is dan de grote van de afbeeldingen??

heb de code via een website, omdat ik niet alles kan onthouden. dus vandaar kopier/plak ik de code en heb ik een grote <TD> maar wou hem idd naar een kleinere td schrijven. hoewel uit hrml evaring weet ik wel dat grote letters een duidelijkere overzicht maakte tegen over kleine letters/code's

heb de code trouwns ook niet gevalideerd, maar goed ga er mee aan de slag heb niet veel tijd om iedere dag aandacht te besteden. maar goed het lukt verders wel. :thumb: