nicht angemeldet
Text auf der Grafik platzieren
Hallo,
vielleicht könnte sich jemand mal den folgenden Code anschauen und mir auf die Sprünge helfen, was da falsch ist.
Beim vergrössern/verkleinern des Fensters im Browser
bleibt der Text "Herzlich Willkommen bla bla
bla bla. bla bla:"
einfach an der gleichen Stelle stehen
Die Bilder head/bg/fuss sind immer schön zentriert in der Mitte.
Das hätte ich auch gerne mit dem Text ...
Was bekomme ich das hin???? Bin am Verzweifeln hier ...
Danke schonmal vorab an die Profis ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body {
background-image: url(images/Back.jpg);
position: inherit;
}
#box2 {
position: absolute;
top:249px;
left:538px;
width:402px;
height:127px;
z-index:0;
font:Arial;
font-size:10px;
}
-->
</style></head>
<body>
<div id="box2">
<div align="left">Herzlich Willkommen bla bla <br />
bla bla.
<br />
<br />
bla bla:</div>
</div>
<table width="914" border="0" align="center">
<tr>
<td width="970" height="602" align="center" valign="middle"><div align="center"><img src="images/Head.jpg" alt="head" width="800" height="110" align="absmiddle" /><br />
<img src="images/bild.jpg" alt="bg" width="800" height="400" align="absmiddle" /><br />
<img src="images/Fuss.jpg" alt="fuss" width="800" height="90" align="absmiddle" /></div></td>
</tr>
</table>
<br />
</body>
</html>
-
Hi,
<div align="left">Herzlich Willkommen bla bla <br />
<table width="914" border="0" align="center">
<td width="970" height="602" align="center" valign="middle"><div align="center"><img src="images/Head.jpg" alt="head" width="800" height="110"
Was fällt dir auf?
Achte auf "aling". -
Beim vergrössern/verkleinern des Fensters im Browser
bleibt der Text "Herzlich Willkommen bla bla
bla bla. bla bla:"
einfach an der gleichen Stelle stehenAber nicht beim zoomen.
Die Bilder head/bg/fuss sind immer schön zentriert in der Mitte.
Nein, das sind sie nicht. Sie sind in der Mitte einer Tabelle, die ihrer Grösse wegen Scrollbars erzwingt.
Das hätte ich auch gerne mit dem Text ...
Was bekomme ich das hin???? Bin am Verzweifeln hier ...Was hättest du gerne? Das sich der Text so pseudozentriert verhält wie das Bild? und also im Ergebnis auf das Bild zu liegen kommt.
Oder willst du das Element selbständig behalten?Validator meckkert
value of attribut "align" cannot be "absmiddle"Ein Element wird generell horizontal zentriert dargestellt mit
element{width:50%; margin: 1m auto;}mfg Beat
-
Beim vergrössern/verkleinern des Fensters im Browser
bleibt der Text "Herzlich Willkommen bla bla
bla bla. bla bla:"
einfach an der gleichen Stelle stehenAber nicht beim zoomen.
Die Bilder head/bg/fuss sind immer schön zentriert in der Mitte.
Nein, das sind sie nicht. Sie sind in der Mitte einer Tabelle, die ihrer Grösse wegen Scrollbars erzwingt.
Das hätte ich auch gerne mit dem Text ...
Was bekomme ich das hin???? Bin am Verzweifeln hier ...Was hättest du gerne? Das sich der Text so pseudozentriert verhält wie das Bild? und also im Ergebnis auf das Bild zu liegen kommt.
Oder willst du das Element selbständig behalten?Nun ja, wie macht man soetwas denn exakt?
Klar Du hast schon recht, aber wie kann ich das Problem lösen?`
Ich hätte eben gerne diese drei Bilder sauber untereinander,
darauf liegend den Text, der auf den Bildern immer an der gleichen Stelle sitzt. Das ganze schön in der Mitte des BrowserfenstersValidator meckkert
value of attribut "align" cannot be "absmiddle"Ein Element wird generell horizontal zentriert dargestellt mit
element{width:50%; margin: 1m auto;}mfg Beat
-
Ich hätte eben gerne diese drei Bilder sauber untereinander,
darauf liegend den Text, der auf den Bildern immer an der gleichen Stelle sitzt. Das ganze schön in der Mitte des BrowserfenstersDann mache deinen text ein Childelement einer Tabellenzelle. mach das tabellenelement position:relative und positioniere das Textelement absolut relativ zu dieser Tabelle.
Besser wäre es allerdings, du würdest gar nicht solche Konstrukte verwenden, deine drei Bilder zu einem einzigen Hintergrund Bild vereinigen und via CSS als Background des Textes einbinden. Denn anscheinend sind ja die Bilder nur Dekoration.
mfg Beat
-
-