HTML, CSS, JavaScript: Komischer Rand entsteht, der da nicht hin soll. Wie entfernen?

Im Rahmen eines Projektes erstelle ich derzeit eine "Webseite". Das Problem ist, dass im blau umkreisten Menü ein Abstand entstanden ist, der dort nicht hingehört. Zur besseren Veranschaulichung wurden Elementen eine Farbe zugewiesen.

Link zum Code:
https://docs.google.com/document/d/15GRD_qnv_Rr4WNFKoEWZLnoZD5wKAh0WldTEo8ZLhuY/edit?usp=sharing

Screenshot

Bild zum Beitrag

2 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, Webseite, CSS

13.05.2023, 22:26

Entferne die Breitenangabe im Klassenselektor .icon. Die verhindert derzeit, dass das Element die volle Größe seines Elternelements einnehmen kann.

EGNUTV

Fragesteller

13.05.2023, 22:47

Danke

0

14.05.2023, 11:21

Keine Anhnung was du wie anzeigt.

Aber Größe, Margin, Padding ind Border richtig einstellen

Du müsstest hat im Browser z.b. Firefox den Develover Mode auswählen und untersuchen durch anklicken des Elemente welche der Werte falsch sind.

Ähnliche Fragen

Wie kann ich den Abstand zwischen HTML-Tags entfernen?

HI, ich programmiere gerade einen Taschenrechner in HTML/CSS/JavaScript und möchte den Abstand zwischen den Elementen entfernen. Margin, Padding und Border sind bereits auf 0 gestellt. Der Abstand ist auch nur horizontal zwischen den Elementen. Vielen Dank im Voraus :-)

Mutter davon überzeugen, dass Homöopathie nicht wirkt?

Meine Mutter ist von der Wirksamkeit homöopathischer Globuli überzeugt und ich war es auch, weil sie es war. Bis ich dann mal auf ein Video von Dinge Erklärt - Kurzgesagt gestoßen bin, in dem mir erklärt wurde, was das eigentlich ist. Seitdem versuche ich, sie mit wissenschaftlich fundierten Texten davon zu überzeugen, dass das nur Zuckerkugeln mit Wasser sind und da kein "Geist des Heilmittels" oder so drin ist. Zudem - wenn durch das Potenzieren die Wirkung stärker wird, warum sollte ich milliardenfach verstärkte Tollkirschenessenz schlucken?

Ich hab es heute mit dieser Zusammenstellung von Quellen und einer Widerlegung ihrer Gegenargumente in Schwarz versucht, aber sie will es nicht akzeptieren. Ich weiß irgendwie nicht weiter.

https://docs.google.com/document/d/1AwNlLB9YsEYZstfkMNe8qU4y31oKiYimDw5bcw_N4/edit?usp=sharing

NavBar auf jeder Unterseite einbauen (Webdevelopment)?

Hallo, es gibt auf so ziemlich jeder Website Elemente, die auf fast jeder Unterseite vorkommen. Ein Beispiel dafür wäre die NavBar. Diese ist bei den meisten Websites überall. Wie bringt man aber dieses Element auf jede Unterseite? Bei jeder Unterseite den ganzen HTML, CSS und JavaScript Code reinzukopieren wäre ja sehr mühsam.

Diese Aufgabe kann man mit Framworks lösen, wie z.B. VueJS wo man Komponenten verwendet. Welche Methoden gibt es sonst noch, vielleicht sogar ganz ohne Framework?

Was sind das für Löcher im Rasen?

Seit einiger Zeit habe ich solche Löcher im Rasen:

https://docs.google.com/file/d/0BwBIB2JuEvnTVkk2QmI3SUhaVVk/edit?usp=docslist_api

Woher kommen die und was kann ich dagegen machen?

Danke schonmal.

Pc zusammenstellung?

Hey,
ich habe vor meinen ersten PC selbst zusammen zu bauen und habe mir einen zusammengesucht. Ich wollte aber bovor ich ihn bestelle nochmal ein paar meinungen dazu einholen. Wenn sich jemand gut damit auskennt würde ich mich über feedback freuen.

Schonmal danke im voraus

https://docs.google.com/document/d/1eH8tqJmwz-FOuGmN_4iK47qmE85uDl3gmrL4lZHdY6k/edit?usp=sharing

Forge 1.8.9 crashed bei Start?

Wenn ich Forge 1.8.9 Starte lädt es erst normal, aber der moment wo es fertig geladen ist, crashed das Spiel und ich bin zurück im Launcher.

Nur LiquidBounce ist installiert, das selbe passiert aber auch ohne. Hier der Absturzreport falls es hilft. Sämtliche andere Profile, auch andere Forgeversionen, z.b Forge 1.12.2 starten ganz normal. Die Fehlermeldung ist sagt 'the game crashed whilst unexpected error error java.lang.nosuchmethoderror: net.minecraft.server.MinecraftServer.func_184193_al()Lnet/minecraft/server/management/PlayerList;

MfG

https://docs.google.com/document/d/1NBKZ3oT_rP-nFvI6fHclXHk8imCiXgzsxlPyOQ3gSaM/edit?usp=sharing

Google Dokument von Absturzbericht, da dieser hier nicht rein passt

JavaScript - Erste Schritte, CSS wird blockiert?

Ich bekomme folgenden Error, wenn ich versuche meine ersten Versuche einer Webseite in Firefox zu laden.

Die Ressource von "http://localhost:63342/FirstTest/style.css" wurde wegen eines MIME-Typ-Konfliktes ("text/html") blockiert (X-Content-Type-Options: nosniff)

Das ist der Code von den Datein.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>Title</title>
    <link rel="stylesheet"href="style.css">
</head>
<body>
    <div class="placeholder">
        I'm in a div!
    </div>
    <div class="anotherClass">
        I'm in another class!
    </div>
</body>
</html>

CSS

.placeholder{
    background-color: red;
}

.anotherClass{
    background-color: lightseagreen;
}

Leider werden nur die div Elemente ausgeben, woran kann es legen? Ich werde aus der Fehlermeldung nicht schlau.

Schöne Grüße

Suche HTML Code, für "© 2024 (immer aktualisiert Jahr)"?

Guten Tag, ich suche einen HTML Code wo, verwendet werden kann zum Copyright wo sich das Jahr jedes Jahr logischerweise automatisch +1 ändert, wo finde ich so ein Code?

CSS bei Hover anderes Element verändern?

Ganz ohne JavaScript

Mit dem Code unten kann ich beim hovern auf container1 die Hintergrundfarbe von container2 ändern weil er in container1 drinnen ist

aber geht es nicht auch so das ich den Body Hintergrund auf grün oder so ändern kann ?

    #container1{
            height: 50vh;
            background-color: blue;
        }
        #container2{
            height: 25vh;
            width: 100%;
            background-color: red;
        }
        #container1:hover #container2{
            background-color: green;
        }
    <div id="container1">
            <div id="container2"></div>
    </div>

Kleidungs umfrage?

Muss eine Umfrage für die schule über Kleidung machen. Mir fehlen noch ein paar antworten könntet ihr vlt an der Umfrage teilnehmen. Gäbe es noch andere Wege die Umfrage zu teilen? https://docs.google.com/forms/d/1LzJhFa_Ql4pllrrY5oxQ61puoIKXLq951vPR95NK5c4/edit?usp=sharing

PC Kompatibel Prüfer?

Hallo, ich habe einen PC selber zusammengestellt und ich wollte jetzt testen, ob meine Komponenten kompatibel sind. Meine Komponenten einmal in einem Google Docs aufgelistet. https://docs.google.com/document/d/1pbXHsxcXciTsNEtdnij0wR2UvEy0tuppgJwjXnok660/edit

Mit Input Element rechnen (JavaScript)?

Ich fange gerade an, programmieren zu lernen (HTML, Js, CSS) und bin gerade dabei eine Website zu coden, die Meilen in Kilometer umrechnet. Man gibt beim Input Feld die Meilen ein und wenn man den Button Convert drückt sollen diese in Kilometern angegeben werden. Bei der Js Funktion mit dem Button kommt allerdings immer NaN (Not a Number) heraus, wenn ich mit dem Eingegeben weiterrechnen möchte. Wisst ihr wie man den String von der Eingabe zu einem Zahlenwert machen kann, sodass die Funktion damit weiterrechnen kann? Danke

Blender Intro Template Text ändern

Hallihallo Ich habe mir ein Blender Intro Template heruntergeladen, aber ich finde nich raus, wie ich den Text ändern kann.... hier ein bild: https://docs.google.com/file/d/0B_k4k7fb9jt4QnV1Rk01MGVpZnc/edit?usp=sharing Bitte Antworten

Tabelle. Fehlende Zwischenwerte ausrechnen?

hab mit einem Infrarot-Temperatur Messgerät ein versuch gemacht.

bitte um Hilfe beim ausrechnen der Fehlenden Zwischenwerte (Gelbekästchen)

https://docs.google.com/spreadsheets/d/1uFqfbahm6q5tkoP0pffWi7CvJHrcwdpNhXXyKGyViDQ/edit?usp=sharing

Was möchtest Du wissen?

Deine Frage stellen

gf-shortened-block.is-short { max-height: none !important; } gf-shortened-block.is-short::after { display: none !important; } body { font-family: 'Roboto',sans-serif !important; } h1,h2,h3,h4,h5,h6 { font-family: 'Roboto Slab',serif !important; }