Hallo!
Ich bin der Neue!
Ich habe eine begonnen eine Website mit Grid zu gestalten.
Innerhalb eines Textes (evtl. auch am Rand/float) will ich eine Bild mit Unterschrift einfügen. <figure><img src="Kirche.jpg" alt="Kirche" width"417" height=267><figcation> Kirche<figcation></figure>
CSS
img {
max-width:100%;
height:auto;
padding-right: .5em;
}
figure {
margin: 10px;
padding: 10px;
border: 10px solid gainsboro;
width:inherit;
background: white;
}
figcaption {
padding: 5px;
text-align:center;
}
Diese img-Formatierung wegen Bildern in <Aside>
Figure wird aber immer über die ganze Seite gedehnt, also immer grösser al das Bild. Die Unterschrift stahet daneben. s. http://www.wentzell.eu/Land/Orte-Beschreibung/Gennin/Gennin.html
Kann mir jemand mich aus der Sachgasse führen, ich habe viele Möglichkeiten versucht.
Gruss
KurtWz
Ich bin der Neue!
Ich habe eine begonnen eine Website mit Grid zu gestalten.
Innerhalb eines Textes (evtl. auch am Rand/float) will ich eine Bild mit Unterschrift einfügen. <figure><img src="Kirche.jpg" alt="Kirche" width"417" height=267><figcation> Kirche<figcation></figure>
CSS
img {
max-width:100%;
height:auto;
padding-right: .5em;
}
figure {
margin: 10px;
padding: 10px;
border: 10px solid gainsboro;
width:inherit;
background: white;
}
figcaption {
padding: 5px;
text-align:center;
}
Diese img-Formatierung wegen Bildern in <Aside>
Figure wird aber immer über die ganze Seite gedehnt, also immer grösser al das Bild. Die Unterschrift stahet daneben. s. http://www.wentzell.eu/Land/Orte-Beschreibung/Gennin/Gennin.html
Kann mir jemand mich aus der Sachgasse führen, ich habe viele Möglichkeiten versucht.
Gruss
KurtWz