Begrenzung der Abbildungsbezeichnung im <div> </div> Einschluss

[sunshine]

Hallo.
Ich habe miene Abbildungeen und die ensprechenden Bezeichnungen in einem <div> </div> Einschluss eingebunden.

<div id="images">
<img src="../bilder/1.png" align="baseline" style="margin-left:0px; margin-bottom:0px" alt ="bla" width=400 border=1>
        <p class="Abb">Abbildung 2.4.2: bla </p>
</div>

Einige Abbildungsbezeichnungen sind sehr lang. Daher wollte ich für einen fließenden Text die Breite für die Abbildungsbezeichnungen begrenzen. Durch

#images{
float:left;
width:400px; }

in der styles.css konnte ich dies auch. (also lag ich wolh prinzipiell nicht falsch). Allerdings sind nicht alle Bilder einheitlich 400px breit.
Gibt es ein Form für die css, um die Breite der Abbildungsbezeichnungen entsprechend der Bildbreite anzupassen?

Vielleicht sowas wie:

#images{
float:left;
width:=img widht}....??

Danke euch, sunshine

[suit]

Vielleicht sowas wie:

#images{
float:left;
width:=img widht}....??

du suchst vermutlich folgende selektoren #images img bzw #images > img (achtung, dieser wird vom ie6 nicht unterstützt)

ggf solltest du #images gegen .image tauschen wenn das ding mehrfach vorkommt

[sunshine]

»

ggf solltest du #images gegen .image tauschen wenn das ding mehrfach vorkommt

sorry, bin neu "im Geschäft". Daher muss ich genauer nochmal nachfragen. D.h. ich solle lieber eine "class" defineren, ja?
Läuft das mit dem <div> dann genauso?

d.h.
<div class="images">
<img src="../bilder/1.png" align="baseline" style="margin-left:0px; margin-bottom:0px" alt ="bla" width=400 border=1>
        <p class="Abb">Abbildung 2.4.2: bla </p>
</div>

und im CSS

p.images{
float:left;
width:> img
}

[Benjamin Buxbaum]

Hi sunshine!

Nein, so geht das nicht.

p.images{

p.images wäre der Selektor für einen Textabsatz mit der Klasse "images" ( <p class="images" /> ), du möchtest vermutlich auf Textabsätze innerhalb der Klasse "images" zugreifen. Das funktioniert so:

.images p { }

Siehe dazu auch den Abschnitt <http://de.selfhtml.org/css/formate/zentrale.htm#verschachtelte_elemente@title=Formate für verschachtelte HTML-Elemente definieren>.

width:> img

Damit wirst du auch kein Glück haben. Was du vorhast ist so nicht umsetzbar. Mir fällt jedenfalls keine Möglichkeit ein.

mfG
Benjamin