raspberryfan (23.12.2019)
-
14.01.2013, 18:47 #1
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>
PHP-Code:#userInfo {
width: 312px;
float: right;
margin-top: 5px;
position: relative;
}
#userInfo span {
text-transform: uppercase;
}
#userInfo div {
position: relative;
}
input[class="em"], input[class="pw"], body > header button {
box-shadow: inset 0px 0px 10px -7px #333;
border-radius: 3px;
height: 22px;
vertical-align: top;
margin: 5px 5px 0 0;
font-family: "Open Sans Light";
}
.button {
margin-top: 3px;
}
input[class="em"], input[class="pw"] {
color: #7f7f7f;
border: 1px solid #b8b8b8;
font-size: 12px;
width: 100px;
padding: 0 5px;
font-family: "Open Sans Light";
}
#userInfo a.login, #userInfo a.forgotPwd {
color: #d4250a;
font: 11px Arial;
position: absolute;
left: 122px;
top: -12px;
}
Jetzt meine Frage - warum? Und wie kann ich es beheben?
Liebe Grüße
-
The Following User Says Thank You to BL4cK For This Useful Post:
-
14.01.2013, 18:51 #2
AW: Twitter Bootstrap - Schwarzer Balken an der Navigation
Ist die Seite online? Wenn ja schick mal bitte den Link.
LG
-
14.01.2013, 19:01 #3
- Registriert seit
- 12.12.2011
- Beiträge
- 199
Thanked 147 Times in 81 PostsAW: Twitter Bootstrap - Schwarzer Balken an der Navigation
input[class="em"], input[class="pw"] {
color: #7f7f7f;
border: 1px solid #b8b8b8;
-
14.01.2013, 19:03 #4
-
14.01.2013, 19:09 #5
AW: Twitter Bootstrap - Schwarzer Balken an der Navigation
Achte darauf, wo die Maus ist.
/e ach sieht man ja nicht
liegt an dem clear:bothGeändert von Mr. White (14.01.2013 um 20:42 Uhr)
-
14.01.2013, 19:11 #6
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üßeGeändert von BL4cK (14.01.2013 um 19:14 Uhr)
-
14.01.2013, 19:12 #7
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
-
Bootstrap 3 RC1 ist da!
Von Devon im Forum WebentwicklungAntworten: 5Letzter Beitrag: 03.08.2013, 17:48 -
[Schwarzer Humor] legal / illegal?
Von Marvin im Forum Recht- und VerbraucherschutzAntworten: 5Letzter Beitrag: 22.02.2013, 21:07 -
Reg-Formular + Bootstrap Design
Von Snees im Forum PHPAntworten: 7Letzter Beitrag: 15.09.2012, 15:17 -
GIMP Schwarzen Balken bei Logos bzw. Avatare
Von Stevo im Forum Digitale Bild- und VideobearbeitungAntworten: 2Letzter Beitrag: 02.04.2012, 23:13 -
Windows 7 schwarzer Bildschirm (Blackscreen)
Von MarLoNDeRGängstaR im Forum SoftwareAntworten: 14Letzter Beitrag: 30.01.2012, 21:32
Diese Seite nutzt Cookies, um das Nutzererlebnis zu verbessern. Klicken Sie hier, um das Cookie-Tracking zu deaktivieren.