Bild und Beschreibung!

[Luuke]

Hi


Gibt es eigentlich irgendetwas wo man ein bild in die mitte setzen kann und darunter ein paar zeilen Text schreiben kann!?

Es sollte dann ca. so aussehen!


BildBildBildBildBildBildBild
BildBildBildBildBildBildBild
BildBildBildBildBildBildBild
BildBildBildBildBildBildBild
BildBildBildBildBildBildBild
BildBildBildBildBildBildBild
BildBildBildBildBildBildBild
BildBildBildBildBildBildBild

Text:
Name:
Adresse:
Nick
.....
.....

(Pfeil rückwärts) - (Pfeil vorwärts)

[Maxxxx]

Klar das Geheimnis nennt sich Tabelle.

---------
| BILD |
---------
| TEXT |
---------

Einfach nur:

Code: Alles auswählen

<table>
<tr><td><img src='???'></td></tr>
<tr><td>Dein Text</td></tr>
</table>

[Luuke]

naja, an das hätte ich auch gedacht,
aber da gibts doch irgendetwas anderes!?

[fanrpg]

div-Container??
oder auch mit Frames könnte man das lösen.

[Xwitz]

@ Luuke, das gut alte

Code: Alles auswählen

<p style="text-align:center">
<Bild>
</p>

funktioniert nicht?

mit div:

Code: Alles auswählen

<div style="width:760px;margin:0px auto;">
...
</div>

funktioniert aber nicht mit IE 5 u. 5.5
siehe http://www.css4you.de/wslayout1/ex0003.html

@ Maxxxx, den beschreibenden Text immer in das gleiche Fenster!

[Maxxxx]

@Xwitz: Wieso sollte ich das machen? Ansichtssache! Außer du hast für mich ein paar direkte Gründe, welche ich noch nicht kannte!!

@fanrpg: Frames? Müsstest mal erklären würde es eher für sehr, sehr umständluch halten.

@Luuke: Am besten du schreibst mal immer genauer was du machen willst, sonst können wir immer viele Vorschläge schreiben die immer nur halb passen auf deine Situation.

[fanrpg]

@fanrpg: Frames? Müsstest mal erklären würde es eher für sehr, sehr umständluch halten.

Ist sehr umständlich

[S2B]

@Xwitz: Ich widerlege hier einfach mal deine These.

Code: Alles auswählen

<!-- Bild 1 -->
<div style="float: left; width: 50%; text-align: center">
  <img src="deinErstesBild.jpg" alt="Alternativtext" />
  <table>
    <tr>
      <th>Text:</th>
      <td>dein Text</td>
    </tr>
    [...]
  </table>
</div>

<!-- Bild 2 -->
<div style="margin-left: 50%; text-align: center">
  <img src="deinZweitesBild.jpg" alt="Alternativtext" />
  <table>
    <tr>
      <th>Text:</th>
      <td>dein Text</td>
    </tr>
    [...]
  </table>
</div>

Das gleiche würde auch mit einem Bild funktionieren, einfach text-align anstatt margin: auto verwenden.

und zur <p>-Lösung: Ist das Bild ein Textabsatz?

[Luuke]

@ Maxxxx

Code: Alles auswählen

<table>
<tr><td><img src='???'></td></tr>
<tr><td>Dein Text</td></tr>
</table>

Nice, dieser Codeteil funktioniert mal gut!


jetzt hab ich noch eine Frage!
und zwar:

gibt es vl eine Art von Code, wo man vor und zurück kann!

Also ich will gerne auf meiner Seite wo ich Fotos und Text habe, unter dem Text einen Pfeil für vortwärts und rückwärts machen!

Damit ich aber nicht auf andere seiten von der Homepage springen kann, sondern zwischen den Bildern hin und her springen kann!

Ich zeichne mal wieder *ggg*


----1----- ----2----- -----3----
| BILD | | BILD | | BILD |
--------- --------- ---------
| TEXT | | TEXT | | TEXT |
--------- --------- ---------

<= (Pfeil rechts) - (Pfeil links) =>


Wenn man jetzt bei Bild 2 steht, und auf rechts klickt, dann springt man zu bild 1 aber auf der gleichen seite!

Ich hoffe ich habs nicht unverständlich geschrieben!

[Maxxxx]

Das Einzige was du machen könntest wäre untereinander mit einem dazu eingefügten Anker. Allerdings wäre dies eine Lösung wo man nur oben zu den Bilder springen kann.

Hier mal schauen


Würde also eher passen, wenn du mehrere Seiten mit nur einem Bild machst.