Leerer Platz zwischen der Nav-Leiste und dem Bild darüber

Die Navigationsleiste berührt das Bild darüber nicht. Es würde nur dort bleiben, wenn ich top: -6px hinzugefügt habe, aber das funktioniert nicht, wenn ich Vollbild und wahrscheinlich auf andere Auflösungen gehe.

Fiddle

#navbar{ 
    font-size: 0; 
    width: 100%; 
    text-align: center; 
    list-style-type: none; 
    position: relative; 
    top-margin: 0; 
    padding: 0; 
    margin: 0; 
    background-color: #212121; 
}

Quelle

2016-10-09 Toma Radu-Petrescu

sowohl Bild und navbar innerhalb eines div class machen und die Hintergrundfarbe schwarz ändern, ich sah sich auch dieses Problem und das ist meine Lösung, ich denke, Das ist kein guter Weg, aber mein Problem ist gelöst :) – SMW

hast du meine Lösung versucht? Ist es nicht funktioniert? – SMW

Werfen Sie einen Blick auf die folgende Geige: -

https://jsfiddle.net/nrvjh64z/1/

Ich habe hinzugefügt, die folgenden: -

.banner { 
    background-image: url("http://static.tumblr.com/ehpu61e/rOYlhep3h/header_thin_2.jpg"); 
    height:40px; 
    width:100%; 
} 

<div class="banner"></div>

Quelle

2016-10-09 08:34:31

Vielen Dank, aber können Sie mir erklären, warum es nicht funktioniert, wie ich oben tippte? Warum sollte ich ein Div hinzufügen, damit es funktioniert? –

Das Problem wird durch vertical-align: Baseline verursacht, was für die meisten Elemente der Standardwert ist und angibt, dass dieser Speicherplatz reserviert werden sollte –

.navbar { margin-top:0px !important; }

und Sie können auch gleiche Sache für Ihr Bild enthält Klasse tun, zB:

.image_con { margin-bottom:0px !important }

Quelle

2016-10-09 08:32:22 SMW

Leerer Platz zwischen der Nav-Leiste und dem Bild darüber

Antwort

Verwandte Themen