nicht angemeldet
Text r echts neben Grafik horizontal und vertikal zentrieren
Liebe Forumsteilnehmer
Ich möchte gerne einen 2-3zeiligen Text rechts neben einer Grafik positionieren und zwar so, dass der Text vertikal und horizontal zentriert ist. Die Grafik und der Text stellen einen (den gleichen) Link dar.
Mit Tabelle würde es so aussehen:
<table>
<tr><td><table align="center">
<tr><td><a href="Seen_Schluchten_Bauwerke.html">
<img src="Seen_Schluchten_Bauwerke.jpg">
</td>
<td align="center" valign="middle">
<a href="Seen_Schluchten_Bauwerke.html">
<b><font size="3">Zur Übersicht der Fotos:
<br>Seen - Schluchten<br>Bauwerke</font>
</font></b></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
Mit CSS bin ich aber nur so weit gekommen:
<p style="width:30px; float:left">
<a href="Seen_Schluchten_Bauwerke.html">
<img src="Seen_Schluchten_Bauwerke.jpg">
</p>
<p>Zur Übersicht der Fotos:<br>
<font color="#CC3333"><b>
Seen - Schluchten<br>Bauwerke</font></b>
</p>
Kann mir bitte jemand helfen???????
Liebe Grüße und danke im Voraus
Krimhilde Jank
-
Moinsen,
versuch es mal so:
-----------------------------------------------------
<style type="text/css"><!--
body
{
margin:0px;
padding:0px;
font-family:Verdana;
font-size:16px;
background-color:#ffffcc;
color:#CC3333;
}img {
background-color:#000;
border:1px solid green;
float:left;
}
#contentbox {
border:1px solid green;
width:700px;
}//--></style>
<title>Homepage</title>
</head>
<body><div id="contentbox"> <a href="Seen_Schluchten_Bauwerke.html"><img src="fotos/foto.jpg" alt="text" width="308" height="207" class="preview" title="text"></a>
<div style="vertical-align:middle; text-align:center;">
<p>Zur Übersicht der Fotos:<br></p>
<a href="Seen_Schluchten_Bauwerke.html">Seen - Schluchten<br>Bauwerke</a>
</div></div>
</body>
</html>-----------------------------------------------------
Lieben Gruss aus Münster der madmax--
Homepages:
http://www.tassilosturm.net
http://www.heimweg.net.tf
Wer Ordnung hält ist nur zu faul zum suchen !-
Hallo madmax
Dein Tip ist klasse - wenn sich der Text nicht vertikal zentrieren lässt - damit kann ich leben. Danke für die Bemühung. - Übrigens - Deine Homepage ist auch klasse. Liebe Grüße von Fritzens nach Münster von Krimhilde
-
Krimhilde:
Übrigens - Deine Homepage ist auch klasse.
Hallo madmax,
Da schließ ich mich an; sieht gut aus.Wenn aber ich mit der Maus aus Versehen an die Pfeil-Buttons komme, gibt's (im IE 6) einen Laufzeitfehler: 'undefined' ist kein Objekt.
Gruß,
Gunnar--
"Nobody wins unless everybody wins." (Bruce Springsteen)-
Moinsen,
aha, ich versteh was Du meinst, das kommt daher
weil das mit java-script gelöst wurde und ich das
nicht gut genug kann ... :-(Danke für Dein Lob ;o)
Lieben Gruss aus Münster der madmax
--
Homepages:
http://www.tassilosturm.net
http://www.heimweg.net.tf
Wer Ordnung hält ist nur zu faul zum suchen !
-
-
Moinsen,
zumindest kannst Du den Text ein wenig vom oberen Rand bewegen
das er nicht so angeklatscht wirkt:
Im vorhandenen <body> steht dann folgendes:<div style="padding:30px; text-align:center;">
Für die 30px kannst Du dann einen anderen Wert einsetzen , sodass
der Text ziemlich mittig wirkt.Also das vertical-align weg und stattdessen padding:wert px;
Danke für Dein Lob!!! ;o)
Lieben Gruss aus Münster der madmax
--
Homepages:
http://www.tassilosturm.net
http://www.heimweg.net.tf
Wer Ordnung hält ist nur zu faul zum suchen !
-
-