• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Moeglichkeit Bild und Bildcaption auszurichten?

S

sirbender

New member
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
 
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
 
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>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben