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

Rahmen um Bild (variabler Größe) und Text

U

Unit_5

New member
Hallo,

ich habe ein Bild und möchte darunter rechtsbündig einen kleinen Erklärungstext schreiben. Bild und
Text sollen von einem gemeinsamen Rahmen umgeben werden. Das Bild im Rahmen kann aber entweder im 3:2 oder im 4:3 Format sein, was mir einige Schwierigkeiten bereitet. Hier mein nichtfunktionierender Quelltext:

Code: 
.rahmen {margin:0 auto; border:solid thin black; border-radius:5px; padding:5px}
.beschreibung {text-align:right}

HTML: 
<span class="rahmen">
     <img src="bild_3_zu_2_oder_4_zu_3.jpg" alt="alt_text">
     <span class="beschreibung">Kühe auf der Weide</span>
</span>

Weiß jemand eine Lösung? Vielen Dank!
 
dkdenz schrieb:
Text sollte rechts ausgerichtet sein ...
(und variable Größe ...)
Zum Vergrößern anklicken....

Textausrichtung kann ja angepasst werden. Variabel ist es auch. Denn in mein Beispiel ist die Bildbreite auf 200px festgelegt wobei sich die Höhe automatisch anpasst. Egal was für ein Format. Außerdem wird er seine Bilder ja noch skalieren wollen.
 
Ich würde es mal so probieren:
HTML: 
<!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>
		<title>title</title>
			<style type="text/css">
				.rahmen{border:1px solid #000;border-radius:5px;padding:5px;display:inline-block;}
				.rahmen p{padding:20px 0 10px 0;text-align:right;}
			</style>
	</head>
	<body>
		<div class="rahmen">
			<img src="pfad_zum_bild" alt="" />
			<p>Beschreibung</p>
		</div>
	</body>
</html>
Mit Deinem margin:0 auto; kannst Du nix anfangen, da Du keine Breite angegeben hast.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben