• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

tabellen- problem

Status
Für weitere Antworten geschlossen.

flocas

Neues Mitglied
hi,
hab das problem dass ich in einer tabelle in der oberen Zeile 3 bilder nebeneinander hab und jetzt unter jedes bild mittig eine bezeichnung will! das funktioniert aber nicht wie ich mir das vorstelle, denn die bezeichnungen sind alles hintereinander in der mitte unter den bildern...
kann mir jemand bitte helfen?
mfg flocas
 
Werbung:
bild bild bild
bezeichnungbezeichnungbezeichnung

nur nochmal damit ihr genau wisst was ich meine so in etwa schaut das aus!

danke schon mal im vorraus...
 
das müsste in html so aussehen
Code:
<table style="width:300px; height:150px;">
  <tr style="height:100px;">
    <td style="width:100px;">[img]bild1.jpg[/img]</td>
    <td style="width:100px;">[img]bild2.jpg[/img]</td>
    <td style="width:100px;">[img]bild3.jpg[/img]</td>
  </tr>
  <tr style="height:100px;">
    <td style="height:50px;">beschreibung</td>
    <td style="height:50px;">beschreibung</td>
    <td style="height:50px;">beschreibung</td>
  </tr>
</table>

ungefär so
 
Werbung:
oder so:
<div style="position: relative; left 10px;">Bild1
Bezeichnung</div>
<div style="position: relative; left 10px;">Bild2
Bezeichnung</div>
<div style="position: relative; left 10px;">Bild3
Bezeichnung</div>

1) versuchs mal, weiss ned obns funzt.

2) dann gleich mit stylesheet lösen:

<div class="thumbnail">Bild1


Bezeichnung</p><//div>

stylesheet:

.thumbnail {
  • position: relative;
    left: 10px; }
.thumbnail img {
  • border: 0; }

.thumbnail p {
  • text-align: center; }
 
Werbung:
Status
Für weitere Antworten geschlossen.
Zurück
Oben