1. #1
    Avatar von BL4cK
    Registriert seit
    18.11.2011
    Beiträge
    178
    Thanked 79 Times in 59 Posts

    Standard Twitter Bootstrap - Schwarzer Balken an der Navigation

    Hallo,

    ich bin dabei eine Webseite zu programmieren, nur leider gibts einen Schönheitsfehler bei der Navigation.
    Sobald ich ein Login einbinde, entsteht ein schwarzer, sehr dünner Balken, der sich unter der Navigation bildet.

    Mein HTML-Code ist folgender:

    PHP-Code:
     <div id="userInfo">
           <
    form action="login" method="post">
                    <
    input type="text" class="em" placeholder="Deine E-Mail" name="email"/>
                    <
    input type="password" class="pw" placeholder="Dein Passwort" name="passwd"/>
                    <
    a href=""><img style="margin-top: 3px;" src="img/login.png" alt="Login" /></a>
            </
    form>
    </
    div
    CSS:

    PHP-Code:
    #userInfo {
        
    width312px;
        
    floatright;
        
    margin-top5px;
        
    positionrelative;
    }

    #userInfo span {
        
    text-transformuppercase;
    }

    #userInfo div {
        
    positionrelative;
    }

    input[class="em"], input[class="pw"], body header button {
        
    box-shadowinset 0px 0px 10px -7px #333;
        
    border-radius3px;
        
    height22px;
        
    vertical-aligntop;
        
    margin5px 5px 0 0;
        
    font-family"Open Sans Light";
    }

    .
    button {
        
    margin-top3px;    
    }

    input[class="em"], input[class="pw"] {
        
    color#7f7f7f;
        
    border1px solid #b8b8b8;
        
    font-size12px;
        
    width100px;
        
    padding0 5px;
        
    font-family"Open Sans Light";
    }

    #userInfo a.login, #userInfo a.forgotPwd {
        
    color#d4250a;
        
    font11px Arial;
        
    positionabsolute;
        
    left122px;
        
    top: -12px;

    Screen:



    Jetzt meine Frage - warum? Und wie kann ich es beheben?


    Liebe Grüße

  2. The Following User Says Thank You to BL4cK For This Useful Post:

    raspberryfan (23.12.2019)

  3. #2
    Avatar von Snees
    Registriert seit
    18.11.2011
    Beiträge
    1.001
    Thanked 590 Times in 319 Posts

    Standard AW: Twitter Bootstrap - Schwarzer Balken an der Navigation

    Ist die Seite online? Wenn ja schick mal bitte den Link.

    LG

  4. #3

    Registriert seit
    12.12.2011
    Beiträge
    199
    Thanked 147 Times in 81 Posts

    Standard AW: Twitter Bootstrap - Schwarzer Balken an der Navigation

    input[class="em"], input[class="pw"] {
    color: #7f7f7f;
    border: 1px solid #b8b8b8;
    geh ich mal von aus.

  5. #4
    Avatar von BL4cK
    Registriert seit
    18.11.2011
    Beiträge
    178
    Thanked 79 Times in 59 Posts

    Standard AW: Twitter Bootstrap - Schwarzer Balken an der Navigation

    Zitat Zitat von nawh Beitrag anzeigen
    geh ich mal von aus.
    Leider Nein.
    Dies habe ich auch schon probiert, hängt aber mit dem Style von den Eingabefeldern zusammen.

  6. #5
    Avatar von Snees
    Registriert seit
    18.11.2011
    Beiträge
    1.001
    Thanked 590 Times in 319 Posts

    Standard AW: Twitter Bootstrap - Schwarzer Balken an der Navigation

    Achte darauf, wo die Maus ist.

    /e ach sieht man ja nicht
    liegt an dem clear:both
    Geändert von Mr. White (14.01.2013 um 20:42 Uhr)

  7. #6
    Avatar von BL4cK
    Registriert seit
    18.11.2011
    Beiträge
    178
    Thanked 79 Times in 59 Posts

    Standard AW: Twitter Bootstrap - Schwarzer Balken an der Navigation

    Es liegt nicht an dem clear:both;
    Ich habe es bereits gelöscht und es ist immernoch der gleiche Streifen da.


    Habe das falsche clear:both; entfernt.

    Vielen Dank für Eure und insbesondere deiner Hilfe!


    Liebe Grüße
    Geändert von BL4cK (14.01.2013 um 19:14 Uhr)

  8. #7
    Avatar von Snees
    Registriert seit
    18.11.2011
    Beiträge
    1.001
    Thanked 590 Times in 319 Posts

    Standard AW: Twitter Bootstrap - Schwarzer Balken an der Navigation

    Wie du auf meinem Screenshot sehen kannst ist der weg.

    Schau dir nochmal das Hintergrundbild an, das geht nämlich genau bis da und wenn man die color davon ändert, dann bekommt der Streifen auch ne andere Farbe.

Ähnliche Themen

  1. Bootstrap 3 RC1 ist da!
    Von Devon im Forum Webentwicklung
    Antworten: 5
    Letzter Beitrag: 03.08.2013, 17:48
  2. [Schwarzer Humor] legal / illegal?
    Von Marvin im Forum Recht- und Verbraucherschutz
    Antworten: 5
    Letzter Beitrag: 22.02.2013, 21:07
  3. Reg-Formular + Bootstrap Design
    Von Snees im Forum PHP
    Antworten: 7
    Letzter Beitrag: 15.09.2012, 15:17
  4. GIMP Schwarzen Balken bei Logos bzw. Avatare
    Von Stevo im Forum Digitale Bild- und Videobearbeitung
    Antworten: 2
    Letzter Beitrag: 02.04.2012, 23:13
  5. Windows 7 schwarzer Bildschirm (Blackscreen)
    Von MarLoNDeRGängstaR im Forum Software
    Antworten: 14
    Letzter Beitrag: 30.01.2012, 21:32
Diese Seite nutzt Cookies, um das Nutzererlebnis zu verbessern. Klicken Sie hier, um das Cookie-Tracking zu deaktivieren.