Versuch, Text gezielt auf einem Bild zu plazieren

Fragen zu allen Themen rund ums Programmieren außerhalb von phpBB können hier gestellt werden - auch zu anderen Programmiersprachen oder Software wie Webservern und Editoren.
Antworten
Net^Devil
Mitglied
Beiträge: 11
Registriert: 13.08.2005 22:53

Versuch, Text gezielt auf einem Bild zu plazieren

Beitrag 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
mristau2k5
Mitglied
Beiträge: 140
Registriert: 10.05.2005 02:35
Wohnort: Filderstadt

Beitrag 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.
Antworten

Zurück zu „Coding & Technik“