nicht angemeldet
Untertitel für ein Bild
0 
Gunnar Bittersmann
0 0 Gunnar Bittersmann
0 0
Untertitel für ein Bild
Hallo,
gibt es die Möglichkeit ein Bild mit einem Untertitel zu versehen? Rechts neben dem Bild soll jedoch normaler Text stehen.
vielen Dank im Vorraus
Johanna
-
Hello out there!
gibt es die Möglichkeit ein Bild mit einem Untertitel zu versehen? Rechts neben dem Bild soll jedoch normaler Text stehen.
Leider fehlt in der HTML-Spezifiaktion eine Bildüber- bzw. -unterschrift (die es für Tabellen mit 'caption' gibt).
Du müsstes also Bild und Bildtitel in ein gruppierendes Element tun und dieses http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float@title=floaten lassen:
<div class="BildMitTitel"> <img src="foo" alt="bar" /> <label>Bild 42: Foobar</label> </div> <p>Lorem ipsum dolor sit amet.</p>Stylesheet:
.BildMitTitel { float: left; }See ya up the road,
Gunnar--
„Und [dieses Forum] soll […] auch ein Fachforum bleiben und kein Psychologieforum werden.“ (Kirsten Evers)-
ich hab des jetzt ma ausprobiert. bei mir klappt des net.
sorry!-
Hello out there!
ich hab des jetzt ma ausprobiert. bei mir klappt des net.
„Klappt net“ klappt nich. Watt klappt nich?
Damit der Bildtitel unter dem Bild steht, musste noch die 'display'-Eigenschaft für Bild oder Bildtitel auf 'block' setzen:
.BildMitTitel img, .BildMitTitel label { display: block; }See ya up the road,
Gunnar--
„Und [dieses Forum] soll […] auch ein Fachforum bleiben und kein Psychologieforum werden.“ (Kirsten Evers)-
ich hab des jetzt ma foldendermaßen eingebunden
<div class="BildMitUntertitel">
<a href="pfad" target="_blank"><img src="pfad" alt="Übersicht/Ablaufplan bei Eintritt eines Hochwassers (Hochwassermeldeschema" />
<label>Test test test test</label>
</div>
<p>Hier steht dann irgendein Text.......</p>Stylesheet:
.BildMitUntertitel img
{
float: left; display: block;
}
</Stylesheet>aber des im stylesheet wird mit denn als text angezeigt (float...) aber des darf ja net sein und der Untertitel is a net unter dem Bild.
Wahrscheinlich hab ich da irgendnen Fehler im Code-
Moin Johanna,
Stylesheet:
.BildMitUntertitel img
{
float: left; display: block;
}
</Stylesheet>ich fürchte, es mangelt erheblich an Basiswissen.
So in den Kopfbereich des Dokuments (d.h. zwischen <head> und </head>):
<style type="text/css">
<!--.BildMitUntertitel {
float: left;
}.BildMitUntertitel a,
.BildMitUntertitel label {
display: block;
}-->
</style>Gruß
Antipitch-
also ich werd mir das Basiswissen ma durchlesen.
leider klappt des so auch nicht. der Text is jetzt immer komplett unterstrichen wie ein link.
Außerdem hab ich das Problem dass ich in dem Head keine Änderungen vornehmen darf. Ich bin sozusagen nur dafür zuständig die Infos auf die Seite zu bringen.
So wies aussieht muss ich mir wohl dann eine Alternative zu dem Untertitel suchen :o(Grüßle
Johanna-
Man, man, man...
leider klappt des so auch nicht. der Text is jetzt immer komplett unterstrichen wie ein link.
du musst das <a> auch nach dem <img /> wieder schließen(so:</a>). Auch das ist Basiswissen.
Außerdem hab ich das Problem dass ich in dem Head keine Änderungen vornehmen darf. Ich bin sozusagen nur dafür zuständig die Infos auf die Seite zu bringen.
Was ist das denn für'n beknacktes Projekt?
So wies aussieht muss ich mir wohl dann eine Alternative zu dem Untertitel suchen :o(
Musst du nicht. Notfalls kannst du CSS Angaben auch im style Attribut direkt im HTML tag notieren. So:
<div style="float:left">
<a style="display:block"><img scr="" alt="" /></a>
<label style="display:block">blabla</label>
</div>Gruß
Antipitch-
super das hat so einigermaßen funktioniert
die Frage is jetzt nur noch wie ich da noch ein href einbinden kann damit ich ein bild mit einem bild verlinken kann.vielen dank für deine Hilfe!
und sorry wenn ich so unqualifizierte Fragen stell-
Hi,
die Frage is jetzt nur noch wie ich da noch ein href einbinden kann damit ich ein bild mit einem bild verlinken kann.
das müsstest du bitte genauer erklären.
und sorry wenn ich so unqualifizierte Fragen stell
schon ok
Gruß
Antipitch-
Hi,
die Frage is jetzt nur noch wie ich da noch ein href einbinden kann damit ich ein bild mit einem bild verlinken kann.
das müsstest du bitte genauer erklären.
des hat sich schon erledigt. war mein fehler. hatte mich beim code verschrieben.
und sorry wenn ich so unqualifizierte Fragen stell
schon ok
Danke auf jeden fall für deine Hilfe. Hast mir echt weitergeholfen. Bin total begeistert dass man hier immer so gute Antworten bekommen auch wenn man etwas unqualifizierte Fragen stellt. Danke!
Liebe Grüße
Johanna
-
-
-
-
-
Hello out there!
<style type="text/css">
<!--
[schnipp]
-->
</style>Äh nein, die HTML-Kommentare haben in einem Stylesheet nicht wirklich was zu suchen. Weg damit!
Also so:
<style type="text/css"> [code lang=css].BildMitUntertitel { float: left; } .BildMitUntertitel a, .BildMitUntertitel label { display: block; }</style>[/code]
See ya up the road,
Gunnar--
„Und [dieses Forum] soll […] auch ein Fachforum bleiben und kein Psychologieforum werden.“ (Kirsten Evers)
-
-
-
-
-