Logo über der Navigationsleiste

-3

Ok Leute, da die ersten Antworten nicht funktionieren, habe ich den ganzen Code hinzugefügt. Es tut mir leid, das ist meine erste Frage auf dieser Seite, also werde nicht böse wegen meiner Fehler.Logo über der Navigationsleiste

css:

<!DOCTYPE html> 
<html> 
<head> 

<style> 

html { 
    height: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    background: #70bg32; 
    background-repeat:no-repeat; 
    background: -webkit-linear-gradient(#fff, #7cceff); 
    background: -moz-linear-gradient(#fff, #7cceff); 
    background: -ms-linear-gradient(#fff, #7cceff); 
    background: -o-linear-gradient(#fff, #7cceff); 
    background: linear-gradient(#fff, #7cceff); 
} 

ul { 
position: fixed; 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 

    overflow: hidden; 
background-color: #31a7ff; 
top:0; 
width: 100%; 
border: 1px solid #0060a7; 
} 

li { 
float: left; 

} 

li a { 

    display: block; 
color:white; 
text-align:center; 
    padding: 14px 16px; 
text-decoration:none; 

} 


li a:hover { 
    background-color: #15649f; 
} 


.active { 
    background-color: #004376; 
} 

.headerLogo { 
float:left; 
margin:auto; 
display:inline-block; 
background:black; 
padding:5px; 
width:100%; 
color:white; 
} 
.logo 
{ 
width:32px; 
height:32px; 
}

html:

</head> 
<body> 

<img class="logo" 
    src="amundlogo.png" /> 
<div class="headerLogo"> 
    <ul> 
<li><a href=">#home">menybrah</a></li> 
<li><a href=">#home">anothaone</a></li> 
<li style="float:right"><a href=">#home">todaright</a></li> 
</ul> 

</div> 

<h3>Linear Gradient - Diagonal</h3> 
<p>This linear gradient starts at top left. It starts red, transitioning to yellow:</p> 

<div id="grad1"></div> 

<p><strong>Note:</strong> Internet Explorer 9 and earlier versions do not support gradients.<$ 

</body> 
</html>

mehr Worte mehr Worte Worte Worte Worte Worte Worte Worte Worte Worte Worte Worte Worte Worte mehr Wörter mehr Wörter mehr Wörter mehr Wörter mehr Wörter mehr Wörter mehr Wörter mehr Wörter mehr Wörter mehr Wörter mehr Wörter mehr Wörter mehr Wörter mehr Wörter mehr Wörter mehr Wörter mehr Wörter mehr Wörter mehr Wörter mehr Wörter mehr Wörter mehr Wörter mehr Wörter mehr Wörter mehr Wörter mehr w ords mehr Worte mehr Worte Worte Worte Worte Worte Worte

Quelle

2016-10-09 Amund

Bitte fügen JSFiddle –

Ich weiß nicht, was das ist – Amund

http://jsfiddle.net/tcou4dk3/2/ (Klicken Sie auf den Link, fügen Sie Ihren HTML- und CSS-Code hinzu und fügen Sie diesen Link zu Ihrem Beitrag hinzu) –

-1

Ihr Logo über der Navigation wie diese

.header { 
 
float:left; 
 
margin:auto; 
 
display:inline-block; 
 
background:black; 
 
padding:5px; 
 
width:100%; 
 
color:white; 
 
} 
 
.logo 
 
{ 
 
width:32px; 
 
height:32px; 
 
}

<div> 
 
    <img class="logo" 
 
    src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcSN1_sXp8T6higZFr994Vr8QUmav0Lqw2XYTimUhflQcI_Lo3ojLFjOGfg" /> 
 
</div> 
 

 
<div class="header"> 
 
    <h5>Navigation bar</h5> 
 
</div>

Quelle

2016-10-09 18:17:47 ProgramForSA

"Ihr Logo befindet sich in der Navigationsleiste" - Woran denken Sie das? Es gibt keine Navigationsleiste im Code in der Frage. – Quentin

Entschuldigung, dass die falsche Sache tyed – ProgramForSA

Logo über der Navigationsleiste

Antwort

Verwandte Themen