Hab das jetzt mal so gemacht wie du es machen würdest dabei kommt das raus:
http://prntscr.com/lncw76
Hier mal noch vielleicht zum besseren verständniss wie es mal aussehen soll
http://prntscr.com/lncv69
Beiträge von easiy_
-
-
wenn ich die nav mit der ul und denn li über die div container content und ImageBox setzte passiert sowas
schreib mir aber besten mal denn code wie du das meinst
-
naja im pirnizp soll die <div class="logo"></div> und die nav mit der ul und denn li über dem header stehen sprich über dem ImageBox Container
-
HTML
Alles anzeigen<!DOCTYPE html> <html lang="de"> <head> <title>Paintball e.V Falkenau</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <section> <div class="content"></div> <div class="ImageBox"></div> </section> <div class="logo"> LOGO </div> <nav class="navbar"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Was ist Paintball</a></li> <li><a href="#">Unser Team</a></li> <li><a href="#">Kontakt</a></li> </ul> </nav> </body> </html>Code
Alles anzeigenbody { margin: 0; padding: 0; background: #262626; } section { position: fixed; left: 50%; transform: translate(-50%,-50%); height: 160px; width: 100%; background: #151515; box-shadow: 0 25px 30px rgba(0,0,0,.5); display: flex; } .content { width: calc(50% - 50px); height: 100%; background: #8A0829; box-sizing: border-box; } .ImageBox { width: calc(50% + 50px); height: 100%; background: #151515; box-sizing: border-box; border-left: 100px solid #8A0829; border-bottom: 160px solid transparent; } -
Hallo liebe Community
Ich habe versuche momentan mit html und css anzufangen und für einen kleinen Verein von mir eine Website zu bauen.
Nun habe ich damit angefangen nachdem ich mir das ein oder andere Tutorial durchgelsen oder angesehen habe diese zu basteln
nun habe ich allerdings das problem das sich meine nav unter dem header befindet
Ich Verlinke hier auch mal ein paar bilder
Ich hoffe ihr könnt mir hierbei helfen danke ich vorraus