Seite 1 von 1

Versuch, Text gezielt auf einem Bild zu plazieren

Verfasst: 20.01.2006 23:45
von Net^Devil
Hi Ho.

Mein Problem das ich habe ist, das ich eine Seite erstelle, in der ich verschiedene php-Dateien der Reihe nach inkludieren lasse.
Jede php-Datei ist dabei Träger einers Bildes.

Auf der 2ten php-Datei sollen nun auf dem Bild in der Mitte/Mitte (am besten frei plazierbar) Links angezeigt werden.

Das habe ich in der 2ten Datei mit einer Tabelle erledigt:

Code: Alles auswählen


<table border="0" cellpadding="0" cellspacing="0" width="800" height="40" background="images/links.jpg">
	<tr height="10">
		<td width="150" height="10"></td>
		<td width="550" height="10"></td>
		<td width="100" height="10"></td>
	</tr>
	<tr height="20">
		<td width="150" height="20"></td>
		<td width="550" height="20">
<h1 class="links"><a href="index.php">Home</a> | <a href="index.php">Forum</a></h1></td>
		<td width="100" height="20"></td>
	</tr>
	<tr height="10">
		<td width="150" height="10"></td>
		<td width="550" height="10"></td>
		<td width="100" height="10"></td>
	</tr>
</table>
In Opera geht das auch alles gut, aber wenn ich das mit dem Internet Explorer öffne wird die Tabelle doppelt (bzw. etwas zu groß und dann halb doppelt wegen Hintergrundbild) dargestellt....

Hier die Links wie es aussieht:
http://www.koerpertherapie-duesseldorf. ... _error.JPG (Fehler lokal (Internet Explorer))
http://www.koerpertherapie-duesseldorf. ... _error.JPG (Fehler im Internet auf Server (Internet Explorer))
http://www.koerpertherapie-duesseldorf. ... lRight.JPG (So wie es aussehen soll mit Opera)

Vielleicht kann mir ja jemand sagen wie ich bei Tabellen bleiben kann aber trotzdem keinen Fehler mehr habe ^^

Oder wie ich mit z.B. dem <div>-Tag einen Text (bzw. Links) AUF dem (Hintergrund-)Bild platzieren kann....

Schonmal Danke im Vorraus


Mfg
Net^Devil

Verfasst: 22.01.2006 00:19
von mristau2k5
Bild mit Schrift per <div>

<div class="text_im_bild">Text</div>

die CSS-Klasse:

.text_im_bild {
background-image: url(./images/oben.jpg);
vertical-align: middle;
text-align: center;
}

teilweise funktioniert das zentrieren nicht wie geplant, dann mit padding nachhelfen, dann muss man das eben einzeln einstellen.