Foren
Neue Beiträge
Foren durchsuchen
Was ist neu?
Neue Beiträge
Profilnachrichten
Online
Anmelden
Registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Neue Beiträge
Foren durchsuchen
Menü
Anmelden
Registrieren
App installieren
Installieren
Programmierung
CSS
Ausrichtungsprobleme von Listenelemente
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Auf Thema antworten
Beitrag
[QUOTE="Mirsch0, post: 13553, member: 4636"] hmm.... ja? [CODE]<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet"> <link rel="stylesheet"href="stylesheet.css"> <style> ul { list-style-image: url("icons8-check-25.png"); display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); } </style> </head> <body> <div class="img_container"> <img class="Logo" src="Logoweiß.png" alt=""> </div> <div class="navbar"> <div> <a href="#1">Sartseite</a> <a href="2">Leistungen</a> <a href="3">Unser Team</a> <a href="4">Häufige Fragen</a> <a href="5">Jobs</a> <a href="#6">Ihr Weg zu uns</a> <a href="7">Kontakt</a> </div> </div> <div class="Headline"> ... </H1> </div> <div class="Text"> <H3>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Est, dolorem? Atque debitis aspernatur temporibus doloremque libero dicta quaerat corrupti, ex aliquid natus neque ipsa eaque doloribus magni quas sint maxime? </H3> <H3>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Est, dolorem? Atque debitis aspernatur temporibus doloremque libero dicta quaerat corrupti, ex aliquid natus neque ipsa eaque doloribus magni quas sint maxime? </H3> <H3>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Est, dolorem? Atque debitis aspernatur temporibus doloremque libero dicta quaerat corrupti, ex aliquid natus neque ipsa eaque doloribus magni quas sint maxime? </H3> <H3>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Est, dolorem? Atque debitis aspernatur temporibus doloremque libero dicta quaerat corrupti, ex aliquid natus neque ipsa eaque doloribus magni quas sint maxime? </H3> </div> <h2 id="Headline2">Wir sind für Sie da, wenn andre an ihre Gränzen kommen!</h2> <h2 id="Leistungen">Unsere Leistungen auf einen Blick</h2> <ul> <li>sdfsdf</li> <li>gegge</li> <li>hrhrh4</li> </ul> <ul> <li>3rggg</li> <li>rterttrt</li> <li>fdgdfgdg</li> </ul> <ul> <li>fgdfgdg</li> <li>htytjyj</li> <li>utyutu</li> </ul> <ul> <li>fdsdfsdf</li> <li>sdvsdvsdv</li> <li>qwd32r2r</li> </ul> </body> </html> ---------------------------------------------------------------------- css: body{ font-family: 'Open Sans', sans-serif; background-color: rgba(0, 136, 248, 0.603); padding-Left: 0px; padding-right: 0px; padding-top: 0px; } .H1{ display: block; margin: auto; width: 100%; height: auto; padding: 0px; margin-top: 0px; } .Logo{ display: block; margin: auto; width: 35%; height: auto; padding: 0px; margin-top: 0px; } .Headline{ color: rgb(7, 4, 155); font-size: x-large; background-color: rgba(1, 18, 255, 0.144); display: flex; justify-content: center; align-items: center ; padding: auto; margin-top: auto; } .Text{ color: rgb(255, 255, 255); font-size: x-large; background-color: rgba(1, 18, 255, 0.144); display: flex; justify-content: center; align-items: center ; padding: auto; margin-top: auto; } .Bild1{ display: block; margin: auto; width: 100%; height: auto; padding: 0px; margin-top: 0px; } #Headline2{ color: rgb(0, 0, 0); font-size: x-large; background-color: rgba(0, 26, 255, 0.356); display: flex; justify-content: center; align-items: center ; padding: auto; margin-top: auto; padding-top: auto; } #Leistungen{ color: rgb(255, 254, 254); text-align: center; background-color: rgba(0, 47, 255, 0.068); font-size: xx-large; } #Entlastung{ color: rgb(252, 252, 252); background-color: rgb(0, 47, 255, 0.068); text-align: center; } #Entlastung2{ color: rgb(243, 243, 243); text-align: center; } #Dienstleistungen{ color: rgb(252, 252, 252); text-align: center; background-color: rgb(85, 61, 226); } ul { color: rgb(255, 255, 255); background-color: rgba(0, 47, 255, 1); margin-right: 2%; padding: 40px; margin-left: 5%; font-size: 30px; display: inline-block; } .img_container{ padding-bottom: 0px; padding-top: 0px; margin-top: 0px; } .navbar{ background-color: rgba(0, 136, 248, 0.603); display: flex; justify-content: center; align-items: center ; padding: 15px; margin-top: 0px; } a{ color: rgb(255, 255, 255); text-decoration: none; margin-left: 50px; font-weight: 900; font-size: large; } a:hover{ text-overflow: ellipsis; } #Weg{ background-color: rgb(0, 47, 255, 0.068); color: rgb(255, 255, 255); text-align: center; } #map{ display: block; margin: auto; width: 30%; height: auto; padding: 0px; margin-top: 0px; }[/CODE] [/QUOTE]
Zitate
Authentifizierung
Antworten
Programmierung
CSS
Ausrichtungsprobleme von Listenelemente
Oben
Unten