1. #1
    Nachrichtendienst
    Avatar von BL4cK
    Registriert seit
    18.11.2011
    Beiträge
    178
    Thanked 78 Times in 58 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. #2
    U-Labs Legende
    Avatar von Snees
    Registriert seit
    18.11.2011
    Beiträge
    1.000
    Thanked 589 Times in 318 Posts

    Standard AW: Twitter Bootstrap - Schwarzer Balken an der Navigation

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

    LG

  3. #3
    Permanent gesperrt

    Registriert seit
    12.12.2011
    Beiträge
    201
    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.

  4. #4
    Nachrichtendienst
    Avatar von BL4cK
    Registriert seit
    18.11.2011
    Beiträge
    178
    Thanked 78 Times in 58 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.

  5. #5
    U-Labs Legende
    Avatar von Snees
    Registriert seit
    18.11.2011
    Beiträge
    1.000
    Thanked 589 Times in 318 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)

  6. #6
    Nachrichtendienst
    Avatar von BL4cK
    Registriert seit
    18.11.2011
    Beiträge
    178
    Thanked 78 Times in 58 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)

  7. #7
    U-Labs Legende
    Avatar von Snees
    Registriert seit
    18.11.2011
    Beiträge
    1.000
    Thanked 589 Times in 318 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.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191