Moeglichkeit Bild und Bildcaption auszurichten?

sirbender · 09. Nov. 2008

Hi,

Ich will Leuten auf meiner Webseite Html-Code ausgeben den sie per copy&paste bei sich im Blog einfuegen koennen. Wie man den Html-Code als solchen anzeigt weiss ich.

Es geht mir vielmehr darum ein Bild anzuzeigen und darunter ein Text der an der rechten Seite des Bildes ausgerichtet ist.

Bisher ist mir nureingefallen das ueber eine Tabelle zu tun - scheint mir narrensicher. Kann ich das vielleicht auch mit weniger Html Code schaffen?

Danke,
sb

Bieber · 10. Nov. 2008

ich frage mich was deine Bildunterschrift jetzt mit dem Html-Code zu tun hat, den du zum kopieren anbietest..aber egal

Lösungsideen: du schreibst den Text mit nen Grafikprogramm direkt ins Bild (nicht sehr Suchmaschinenfreundlich aber der Weg mit am wenigsten Html^^) oder du verwendest div-Container deren Position und floating du über ne externe CSS-Datei definierst (die elegantere Lösung)

ansonsten macht es auch durchaus sinn, an manchen Stellen ne Tabelle zu nehmen

anna55 · 10. Nov. 2008

Du kannst das ganze in einen kleinen Container packen und z.B. so ausrichten:

PHP:

<!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" lang="de"> 
<head>
<title>Bild mit Text</title>
<style type="text/css">
#bildcontainer {
float:left; 
margin:0px 15px 10px 0;
}
.bild {
border:0;
height:56px; 
width:141px;
}
.text {
float:left; 
font-size:85%; 
line-height: 17px; 
height: 18px; 
width: 141px;
text-align:right;
}
</style>
</head>
<body>
<div id="bildcontainer"><img class="bild" src="bild.jpg" alt="" title="" />
<span class="text">Das ist der Bildtext.</span>
</div>
</body>
</html>

Moeglichkeit Bild und Bildcaption auszurichten?

sirbender

New member

Bieber

New member

anna55

Moderator