Seite 1 von 2
Bild und Beschreibung!
Verfasst: 30.05.2006 21:52
von 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)
Verfasst: 31.05.2006 00:08
von 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>
Verfasst: 31.05.2006 07:03
von Luuke
naja, an das hätte ich auch gedacht,
aber da gibts doch irgendetwas anderes!?
Verfasst: 31.05.2006 07:34
von fanrpg
div-Container??
oder auch mit Frames könnte man das lösen.
Verfasst: 31.05.2006 08:26
von Xwitz
@ Luuke, das gut alte
funktioniert nicht?
mit 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!
Verfasst: 31.05.2006 12:07
von 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.
Verfasst: 31.05.2006 12:19
von fanrpg
@fanrpg: Frames? Müsstest mal erklären würde es eher für sehr, sehr umständluch halten.
Ist sehr umständlich
Verfasst: 31.05.2006 13:08
von 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?
Verfasst: 31.05.2006 14:22
von 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!
Verfasst: 31.05.2006 15:51
von 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.