:: Buchempfehlung ::

CFJH · #1 27.10.2006, 12:59:23

Hi,

Ich möchte eine Grafik und daneben einen Text ausgeben (in konkreten Fall eine Menüstruktur mit einem Baum).

Code:

<html>
<body>
<img border="0" src="pics/1.bmp">Test1<br>
<img border="0" src="pics/2.bmp">Test2<br>
<img border="0" src="pics/3.bmp">Test3<br>
</body>
</html>

Das Problem ist
1. der Text wird immer 'bottom' zur Grafik ausgerichtet
2. Die Grafiken fügen sich nicht nahtlos aneinander, es ist immer eine kleine Lücke von ca. 3px.

Ich habe schon diverse Varianten mit der Formattierung und/oder DIV-Frames ausprobiert, leider ohne Erfolg.
Die Texte sollen später Links werden.

Wie bekomme ich es hin, daß
- der Text rechts neben der Grafik mittig ausgerichtet wird
- die Lücken zwischen den Zeilen verschwinden

Jürgen

Andes · #2 27.10.2006, 13:10:46

Image-Objekte (IMG) haben auch eine Angabe vspace und hspace die den Abstand zum nächsten Element festlegen. Diese Angaben sind aber nicht bei allen Doctype verfügbar.

Am besten du erstellst eine DIV-Box und definierst die Grafik als Background mit Positions- und Repeat-Angaben. Der DIV_Box gibst du dann eine feste Höhe, die deiner Grafik entspricht. Den Link kannst du dann über text-align oder text-indent in der DIV-Box ausrichten.

CFJH · #3 06.11.2006, 13:24:37

Mit der Hintergrundgrafik funktioniert das leider nicht, da es idr. mehrere Einzelgrafiken sind, aus denen sich der Baum zusammensetzt.

:: Buchempfehlung ::

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!