Beiträge von TheSuddenFlash

  • Dropdown Menu - CSS Problem

    Super vielen Dank,

    ich habe jetzt aber noch ein Problem:

    nachdem ich den code:

    eingefügt habe war der schwarze Balken zusehen, ohne den Code war das Dropdown von Tipps unter dem Bild.
    Hast du/ihr noch eine Idee wie ich das endgültig beseitigen könnte?

    MfG L.

  • Dropdown Menu - CSS Problem

    Hallo,

    setze den Quellcode jetzt nochmal in Code-Tags. Mein genaues Problem ist das unter Tipps und News ein schwarzer Balken zu sehen ist der anscheinend durch das Dropdown Menü entsteht..bekomme es aber einfach nicht hin diesen Balken zu entfernen. Außerdem muss ich die Website nicht online stellen brauche sie nur für mich.

    Und die CSS dazu:


    Hoffe du/ihr könnt mir jetzt ein bisschen mehr helfen.

    Vielen Dank

    MfG

  • Dropdown Menu - CSS Problem

    Hallo,

    habe schon seit einigen Tagen einen "Grafikfehler" in meinem dropdown menü. Bin relativ neu im Thema programmieren und hoffe das mir jemand weiterhelfen kann :-(...

    MfG L.

    HTML-Code:
    <!Doctype Html>
    <html>
    <head>


    <link rel="stylesheet" type="text/css" href="style.css">


    <meta charset="utf-8">
    <title>Longboarden</title>


    </head>


    <body>


    <div id="Box">
    </div>


    <nav>

    <ul>
    <li>Home</li>
    <li> <a href = "../ÜberMich/ÜberMich.html"> Über mich </a> </li>
    <li> <a href = "../Tipps/Tipps.html"> Tipps </a>
    <ul>
    <li> <a href = "../Tipps/Kaufempfehlungen.html"> Kaufempfehlungen </a> </li>
    <li> <a href = "../Tipps/Tricks.html"> Tricks </a> </li>
    <li> <a href = "../Tipps/Tests.html"> Tests </a> </li>
    <li> <a href = "../Tipps/Sonstiges.html"> Sonstiges </a> </li>
    </ul>
    </li>
    <li> <a href = "../News/News.html"> News </a> </li>
    <li> <a href = "../Blog/Blog.html"> Blog </a> </li>
    </ul>

    </nav>

    <div id="Bild" style="position:absolute; top:150px; left:725px;">
    <img src="Bild.bmp">
    </div>

    <div id="Text" style="width:600px; height:250px; position:absolute; top: 500px; left:680px;">
    </div>

    </body>
    </html>

    und die css dazu:
    HTML-Code:
    body {
    background:url(background.png);
    }


    nav {
    position:absolute;
    top:40px;
    left:750px;
    }


    nav ul {
    margin:0;
    width:auto;
    float:left;
    box-shadow:0px 0px 32px 0px #111;
    border-radius:10px;
    padding:0;
    border-top:1px solid #222;
    border-bottom:1px solid #222;


    }


    nav ul li {
    position:relative;
    padding:10px;
    float:left;
    list-style:none;
    color:#FFF;
    background:#187F46;
    width:70px;
    text-align:center;
    border-right:1px solid #222;
    }


    nav ul li:hover {
    background:#0EF676;
    }


    nav ul li:last-child {
    border-radius:0 10px 10px 0;
    }


    nav ul li:first-child {
    border-radius:10px 0 0 10px;
    }


    nav ul li:hover ul {
    height:auto; opacity:1;
    }


    nav ul li ul {
    position:absolute;
    top:45px;
    left:0;
    background-color:#222;
    color: #0EF676;
    z-index:2;
    height:0;
    overflow:hidden;
    }
    nav ul li ul li:last-child {
    border-radius:0 0 10px 10px;
    }
    nav ul li ul li {
    width:150px;
    text-align:left;
    }
    nav ul li ul li:first-child {
    border-radius:10px 10px 0 0;
    }


    nav ul li a {
    text-decoration: none ;
    color:white;
    }


    #Box {
    margin-left:auto;
    margin-right:auto;
    background-color:white;
    width:980px;
    height: 1000px;
    box-shadow:0px 0px 32px 0px #111;
    }


    #Text {
    color:#000;
    font-family:Arial,Helvetica;
    }