Alles anzeigenMein Vorschlag
style.css Zeile 275 anpassen
.teamfotos img {
width: 100%;
height: 100%;
}
Christian
Guten Morgen, habe ich geändert. Jetzt habe ich bei allen Bildern nach unten keinen Rand mehr, sondern Rechts einen weißen Rand der nun überall gleich ist.
Der Code in der Style.css sieht folgendermaßen aus, kann ich den Rahmen irgendwie passend machen?
.teamfotos img {
width: 100%;
height: 100%;
}
.wrapper_team {
margin-bottom: 30px;
border: 5px solid #dfc69c;
width: calc(24% - 8px);
margin-left: 1% !important;
height: auto;
overflow: hidden;
transition: 0.4s;
position: relative;
z-index: 9997;
}
.wrapper_team:hover .team_info {
transition: 0.4s;
opacity: 1;
}
.team_info {
width: 100%;
height: auto;
position: absolute;
bottom: 0;
left: 0;
background: rgba(255,255,255,.8);
transition: 0.4s;
opacity: 0;
padding: 5px 0;
}
.team_info h3 {
font-size: 0.8rem;
text-align: center;
color: #be1622;
font-weight: 800;
padding: 0 10px;
}
.team_info h4 {
font-size: .6rem;
text-align: center;
color: #be1622;
font-weight: 600;
padding: 0 10px;
}
.team_info h5 {
font-size: .4rem;
text-align: center;
color: #000;
font-weight: 400;
padding: 0 10px;
}
.animiert {
transition: 0.4s;
z-index: 9999;
position: relative;
}
.wrapper_team:hover, .animiert:hover {
transform: scale(2);
transition: 0.4s;
z-index: 9999;
}
.teamfotos div:last-child img {
margin: 0;Alles anzeigenWenn man die Bilder von Andrea, Nazia, Sulav und Dilan mit F12 untersucht, sieht man daß <div class="wrapper_team"> bei allen vier die gleiche Größe hat: 174,4x266,6
<img title="Andrea" src="images/Andreaklein.jpg" hat eine Größe von 164,4x247,583
<img title="Nazia" src="images/NaziaNEUklein.jpg" hat eine Größe von 164,4x246,6
<img title="Sulav" src="images/Sulav.jpg" hat eine Größe von 164,4x256,6
<img title="Dilan" src="images/Dilan_klein.jpg" hat eine Größe von 164,4x246,4
wobei Sulav die Einzige der drei ohne weißen Streifen unten ist
"images/Andreaklein.jpg" hat eine Größe von 2164x3259
"images/NaziaNEUklein.jpg" hat eine Größe von 800x1200
"images/Sulav.jpg" hat eine Größe von 2088x3259
"images/Dilan_klein.jpg" hat eine Größe von 800x1199
Sicher wissen die Spezialisten mehr dazu.
Gruß Gindi
Danke für deine Nachricht. Die Fotos haben eine unterschiedliche Größe, das war meistens kein Problem, weil die Fotos automatisch an die Größe des Rahmens angepasst waren.
cmpunk85 , füge diesen Code in deine user/custom css
Code.teamfotos img { min-width: 100%; height: 100%; }
Perfekt! Das war die Lösung, min-width war der Schlüssel zum Erfolg. Vielen Dank an euch für die tolle Hilfe!
