3 Spalten einrichten für 2 Bilder nebeneinander und eine Liste

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!
Status
Es sind keine weiteren Antworten möglich.

JanHu

Neues Mitglied
9 Februar 2020
20
0
1
40
Möchte 2 Bilder links haben und eine ul rechts, alles Nebeneinander. Zur Zeit werden die Bilder untereinander angezeigt , darunter dann die unsortierte Liste

Die Bilder und ul sind jeweils in einem Div z.B.
<div class="#steuerunglinks">

<img src="bilder/Bild.jpg" alt="Bild1">
</div>


div
{
font-family: Calibri; Arial, Helvetica; sans-serif; Papyrus;
font-size: 22pt;

}


#steuerunglinks
{
border-style: dotted;
border-width: 5pt;
border-color: crimson;
float: left;
text-align: left;

width: 105pt;
height: 350pt;
margin-left: 5pt;
margin-top: 10pt;
}

section
{
border-style: dotted;
border-width: 5pt;
border-color: red;
float: center;
text-align: center;

width: 197pt;
height: 350pt;
margin-left: 5pt;
margin-top: 10pt;
}


aside

{
border-style: dotted;
border-width: 5pt;
border-color: crimson;
text-align: right;
font-family: Calibri; Arial, Helvetica; sans-serif; Papyrus;
font-size: 18pt;
margin-top: 10pt;
float: right;
}

Bin Anfänger, was habe ich denn verkehrt gemacht?
 

MrMurphy

Senior HTML'ler
28 Juli 2009
1.515
222
63
Bin Anfänger, was habe ich denn verkehrt gemacht?
Du verwendest zum Beispiel statt des figure-Elements das div-Element.

Entscheidend für dein Problem ist aber die Verwendung von float. Float dient dazu, dass Text andere Elemente umfließt. Nicht aber um Elemente nebeneinander anzuordnen.

Dazu gibt es im CSS entweder Flexbox (display: flex) oder CSS-Grid (display: grid). Für deinen Anordnungswunsch ist wahrscheinlich Flexbox sinnvoller.
 
Status
Es sind keine weiteren Antworten möglich.
Werbung: