nicht angemeldet
Bild mit Text auf neuer Seite zeigen
Hallo,
ich möchte, dass ein Bild durch anklicken auf einer neuen Seite in einen Rahmen mittig vergrössert mit seinem Text darunter erscheint. Da der Text lang sein kann, soll er mit in den Rahmen um dort automatisch sich der Breite des Rahmens anzupassen.
So sehen meine Thumbnails aus:
<DIV style="position:absolute; top: 100px; left:10px">
<a href="oeffner.php?bild=1.jpg"><img src="sseiten/1.jpg" height="110" width="200" alt="Bild1" /></a></DIV>
Hier wird Bild mit Text geöffnet :
<?php
if($_GET[bild] == "sb1.jpg") {
$text .= "Hier folgt ein langer Text.";
}
?>
<html>
<head>
<title>EINZELBILD</title>
</head>
<body onLoad="self.focus()";>
<img src="bilder/<?php echo $_GET['bild']; ?>" border="0"/>
<p><font face="Verdana" size="3"><?php echo $text; ?></font></p>
</body>
</html>
So zeigt sich das Bild in Originalgrösse immer links und der Text steht darunter. Ein langer Text geht aber bis zum rechten Rand, wo dann erst ein Zeilenumbruch stattfindet.
Ich möchte es schöner haben, Bild mittig und Text mittig nur unter dem Bild.
Hat jemand eine Idee?
-
Hi sayphong,
So zeigt sich das Bild in Originalgrösse immer links und der Text steht darunter. Ein langer Text geht aber bis zum rechten Rand, wo dann erst ein Zeilenumbruch stattfindet.
Ich möchte es schöner haben, Bild mittig und Text mittig nur unter dem Bild.Du kannst mit der PHP Funktion getimagesize() die Breite des Bildes herausfinden und dann das p-Element per CSS mit dieser Breite versehen (width). Dann noch den Text im p-Element zentrieren (text-align:center) und das p-Element selber mittig ausrichten (margin:auto).
MfG, Dennis.
--
Mein SelfCode: ie:{ fl:( br:> va:) ls:[ fo:) rl:( n4:# ss:) de:] js:| ch:{ sh:| mo:} zu:|
Die FlatBox 0.3 mit Dokumentation ist da!
Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit, aber bei dem Universum bin ich mir noch nicht ganz sicher. (Albert Einstein)-
Du kannst mit der PHP Funktion getimagesize() die Breite des Bildes herausfinden und dann das p-Element per CSS mit dieser Breite versehen (width). Dann noch den Text im p-Element zentrieren (text-align:center) und das p-Element selber mittig ausrichten (margin:auto).
MfG, Dennis.
Klappt nicht so wie ich das will, jetzt öffnet das Bild in einem Bildbetrachtungsprogramm und der text ist weg.
-
Hi Sayphong,
Klappt nicht so wie ich das will, jetzt öffnet das Bild in einem Bildbetrachtungsprogramm und der text ist weg.
Meine Glaskugel sagt mir: Du scheinst etwas falsch zu machen!
Irgendwo ein Live-Beispiel im Internet, wo wir uns das anschauen können? Ansonsten relevanter Quellcode?
MfG, Dennis.
--
Mein SelfCode: ie:{ fl:( br:> va:) ls:[ fo:) rl:( n4:# ss:) de:] js:| ch:{ sh:| mo:} zu:|
Die FlatBox 0.3 mit Dokumentation ist da!
Sinnvolles Zitieren: Man zitiert nur Teilsätze des Vorposters auf die man sich bezieht! Nicht einfach alles.-
Meine Glaskugel sagt mir: Du scheinst etwas falsch zu machen!
Das wird es sein - also die Seite:
http://www.ehemalige1963.free-speicher2.de
Wenn man rechts Knöpfe 3,4,5 drückt kommen die Bilder. Klicke ich ein Bild an, dann erscheint es wie gesagt links und mit langem Text,
das will ich zentrieren und den Text darunter.Vielleicht eine idee?
-
-
-