Mit der Bitte um Anleitung!
bearbeitet von
O.K., guten Abend Leute,
wie folgt, funktioniert es nun (Bei meinem Opera 49.0 / Firefox 57.0 und IE 11)
~~~CSS
section > div {display: flex; flex-grow: 0; flex-shrink: 0; width: 34rem; max-width: 85vmin; margin: 0 auto; border: 1px dotted brown;}
.blog figure {
flex-grow: 0; flex-shrink: 0;
max-width:100%;
height:auto;
position: relative;
display:block;
margin:0 auto;
border: 1px dotted green;
}
.blog figcaption {
font-size: 0.97rem;
text-align: center;
padding-top: 0.5rem;
}
img {
width:100% !important;
height:auto !important;
display:block;
border: 1px dotted orange;
}
~~~
Bestimmt kann da noch etwas "weggestrichen" werden, aber das find ich morgen heraus.
In der ANWENDUNG [Seite in der ANWENDUNG](http://www.welten-bau.de/aktuell/aktuell3.html)
***Mit der BITTE das ihr es selbst auch mal austestet ob es funktioniert***!
Und ihr mir villeicht auch sagt was davon noch unütz ist!
Lieben Gruß und gute n8
der einsiedelnde
Mit der Bitte um Anleitung!
bearbeitet von
O.K., guten Abend Leute,
wie folgt, funktioniert es nun (Bei meinem Opera 49.0 / Firefox 57.0 und IE 11)
~~~CSS
section > div {display: flex; flex-grow: 0; flex-shrink: 0; width: 34rem; max-width: 85vmin; margin: 0 auto; border: 1px dotted brown;}
.blog figure {
flex-grow: 0; flex-shrink: 0;
max-width:100%;
height:auto;
position: relative;
display:block;
margin:0 auto;
border: 1px dotted green;
}
.blog figcaption {
font-size: 0.97rem;
text-align: center;
padding-top: 0.5rem;
}
img {
width:100% !important;
height:auto !important;
display:block;
border: 1px dotted orange;
}
~~~
Bestimmt kann da noch etwas "weggestrichen" werden, aber das find ich morgen heraus.
In der ANWENDUNG [Seite in der ANWENDUNG](http://www.welten-bau.de/aktuell/aktuell3.html)
Mit der BITTE das ihr es selbst auch mal austestet ob es funktioniert!
Und ihr mir villeicht auch sagt was davon noch unütz ist!
Lieben Gruß und gute n8
der einsiedelnde
Mit der Bitte um Anleitung!
bearbeitet von
O.K., guten Abend Leute,
wie folgt, funktioniert es nun (Bei meinem Opera 49.0 / Firefox 57.0 und IE 11)
~~~CSS
section > div {display: flex; flex-grow: 0; flex-shrink: 0; width: 34rem; max-width: 85vmin; margin: 0 auto; border: 1px dotted brown;}
.blog figure {
flex-grow: 0; flex-shrink: 0;
max-width:100%;
height:auto;
position: relative;
display:block;
margin:0 auto;
border: 1px dotted green;
}
.blog figcaption {
font-size: 0.97rem;
text-align: center;
padding-top: 0.5rem;
}
img {
width:100% !important;
height:auto !important;
display:block;
border: 1px dotted orange;
}
~~~
Bestimmt kann da noch etwas "weggestrichen" werden, aber das find ich morgen heraus.
In der [Seite in der ANWENDUNG](http://www.welten-bau.de/aktuell/aktuell3.html)
Mit der BITTE das ihr es selbst auch mal austestet ob es funktioniert!
Und ihr mir villeicht auch sagt was davon noch unütz ist!
Lieben Gruß und gute n8
der einsiedelnde