Hey leute!!!<br>
<br>
Ich bin schon komplett am verzweifeln. <br>
ich versuche einen Umbruch in CSS einzustellen und es funktionert einfach nicht und deshalb brauche ich eure Hilfe.<br>
Ach ja, ich bin "anfänger". <img src="images/smilies/smile.png" border="0" alt="" title="Lächeln" smilieid="1" class="inlineimg"><br>
<br>
hab ein screeshoot gemacht.<br>
<br>
mfg <img src="images/smilies/biggrin.png" border="0" alt="" title="Großes Lächeln" smilieid="3" class="inlineimg"><br>
<br>
<img src="https://www.forum-hilfe.de/attachment.php…=4533&stc=1" attachmentid="4533" alt="" id="vbattach_4533" class="previewthumb">
Probleme mit meiner Flex box
-
Keine Ahnung was die HTML-Tags in deinem Post bewirken sollen, außer dass es kaum lesbar ist.
Das Bild ist nicht entzifferbar, zu klein.
Versuchs nochmal und normal. -
oh jeee!!!
aus irgend einem Grund bekomme ich kein großes Bild hin. Ich hoffe das der Code ausreicht.Code
Alles anzeigenhtml { box-sizing: border-box; border:3px solid black; } body { min-height: 100%; max-width: 1280px; margin: 0 auto; border:20px solid pink; display: flex; flex-wrap: wrap; } nav { margin:0 auto; max-width: 900px; background: black; border: 9px solid red; flex-wrap: wrap; display: flex; } nav ul { display: flex; max-width: 900px; flex-wrap: wrap; } nav ul li { list-style-type: none; max-width: 900px; background: black; border: 3px solid red; flex:1; } section { max-width: 900px; border: 3px solid black; background: yellow; display: flex; flex-direction: row; flex-wrap: nowrap; } section > article { padding: 2em; border-radius: 1em; margin: 2em; }HTML
Alles anzeigen<!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width" /> <link rel="stylesheet" href="proben.css" /> <title>Haustierpark Lelkendorf</title> </head> <body class="hintergrundbild"> <header> </header> <nav> <ul class="top"> <li class="home"> <a href="#">Home</a></li> <li class="ueber_uns"> <a href="#">Über uns</a></li> <li class="tiere"><a href="#">Tiere</a> <ul class="sub"> <li> <a href="#">Enten</a></li> <li> <a href="#">Gänse</a></li> <li> <a href="#">Hasenartige</a></li> </ul> <li class="kontakt"> <a href="#">Kontakt</a></li> <li class="information"> <a href="#">Information</a></li> <li class="engagement"> <a href="#">Engagement</a></li> <li class="bauerngarten"> <a href="#">Bauerngarten</a></li> </ul> </nav> <div class="wrap"> <section> <article> dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd </article> <article> dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd </article> <article> dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd </article> </section> -
Hallo
Ersetz erst mal deine "ddd..." durch vernünftigen Text mit Leerzeichen.
Gruss
MrMurphy
-
Crossposting
