Hallo Leute,
Ich bin bei mir auf ein Problem gestoßen und ich weiß einfach nicht wie ich das Problem lösen kann
Ich möchte auf meiner seite drei Bilder Nebeneinander einfügen und habe diesen CSS code in verwendung:
.links {
width:50%;
float:left;
}
.rechts {
margin-left:50%;
}
.links2 {
width:33%;
float:left;
}
.mitte {
margin-left:33%;
}
.rechts2 {
margin-left:66%;
}
.links3 {
width:25%;
float:left;
}
.mittelinks {
margin-left:25%;
}
.mitterechts {
margin-left:50%;
}
.rechts3 {
margin-left:75%;
}
Alles anzeigen
und ich benutze diesen HTML code um die Bilder einzufügen:
<!--Hersteller Logos-->
<div class="links2">
<div class="center"><img class="startbild3" src="https://f1-dtm-liga.com/tabellen-ergebnisse/forum-bilder/assettocorsa/BMW-Logo.png" alt="BMW Logo" /></div>
</div>
<div class="mitte">
<div class="center"><img class="startbild3" src="https://f1-dtm-liga.com/tabellen-ergebnisse/forum-bilder/assettocorsa/Audi-Logo.png" alt="Audi Logo" /></div>
</div>
<div class="rechts2">
<div class="center"><img class="startbild3" src="https://f1-dtm-liga.com/tabellen-ergebnisse/forum-bilder/assettocorsa/Mercedes-Logo.png" alt="Mercedes AMG Logo" /></div>
</div>
<!--Ende-->
Alles anzeigen
Aber leider werden mir die Bilder nicht Nebeneinader angezeigt
Bei zwei Bildern nebeneinader hat es wunderbar funktioniert aber wenn ich mehr als zwei haben möchte passiert immer das:
Das Mittler Bild rückt viel zu weit nach rechts und das rechte Bild wandert einfach eine etasche tiefer
Hier ein Link zu dieser Seite: https://f1-dtm-liga.com/dtm-hotlaps-seite/
Ganz unten sind dann die drei Bilder zu sehen.
Ich weiß einfach noch nicht was ich da falsch mache
Vielen Dank schon mal für die Hilfe
Lg Stefan