Nav-Leiste wird nicht auf einer Seite der Webseite bleiben

-2

Ich benötige Hilfe. Mein Problem ist, dass ich versuche, alle meine Texte und Bilder auf eine Seite der Webseite zu verschieben und die Navigationsleiste zu verlassen. Allerdings bewegt sich meine Navigationsleiste mit dem Text. Ich werde meinen Code unten setzen.Nav-Leiste wird nicht auf einer Seite der Webseite bleiben

Die Problem- i.stack.imgur (com)/rLIjl (png) Html- my html

CSS- my css

Quelle

2016-09-14 Harambe did nothing wrong

* Fragen Debug-Hilfe zu suchen ("warum nicht, das ist code working? ") muss das gewünschte Verhalten, ein spezifisches Problem oder einen Fehler und den kürzesten Code enthalten, der notwendig ist, um es in der Frage selbst zu reproduzieren. Fragen ohne eine klare Problemstellung sind für andere Leser nicht nützlich. Siehe: So erstellen Sie ein [mcve]. * Beachten Sie, dass mit "in der Frage selbst" gemeint ist, dass es sich um einen Text handeln muss, nicht um einen Screenshot. – BSMP

die CSS-Regel versuchen:..

ul.navbar { position: static }

Quelle

2016-09-14 21:06:28 webkitfanz

Es ist nicht klar, was Sie erreichen möchten, aber ich denke, Sie versuchen, die Navbar und den Text nebeneinander zu legen. Verwenden Sie dazu:

<div style="float:[right/left];"> 
<!-- your content --> 
</div>

, um Ihren Inhalt nach rechts oder links schweben zu lassen.
In diesem Fall könnte dies eine mögliche Lösung für das Problem sein:

HTML

<html> 
<head> 
    <link rel="stylesheet" type="text/css" href="prova-css.css"> 
</head> 
<body> 

<div style="float:left;"> 
    <img src="img.jpg" style="width:191px;height:158px;"> 

    <ul class="navbar"> 
    <li><a href="">First</a></li> 
    <li><a href="">Second</a></li> 
    <li><a href="">Third</a></li> 
    </ul> 
</div> 
<div style="float:right; width:70%;"> 
    <h1>Title</h1> 

    <p>Welcome to Shoe Nation! 
    <p>(This site is currently under construnction) 

    <adress>Something</adress> 
</div> 

</body> 
</html>

CSS

body { 
    padding-left: 11em; 
    background-color:#FAEAD3; 
    color:#FF3B3F; 
} 

ul.navbar { 
    list-style-type: none; 
    margin: 0; 
    padding: 50px; 
}

Quelle

2016-09-14 21:36:48

[link] (i.stack.imgur.com/rLIjl.png) –

Ich habe deine HTML bereits gesehen, aber es ist nicht klar, was das Endergebnis ist, das du bekommen willst. –

Ok, in meinem Code, alles außer den Links/navbar sollte sich bewegen, aber die navbar bewegte sich auch mit allem anderen. Gibt es eine Möglichkeit, das zu beheben? –

Nav-Leiste wird nicht auf einer Seite der Webseite bleiben

Antwort

Verwandte Themen