HTML+CSS text/navigationsleiste verschieben?

Hi, ich muss für die schule eine website erstellen habe jetzt schon ein bild eingefügt und eine navigationsleiste wie könnte ich die leiste nach unten verschieben da sie nicht direkt unterm bild sein soll https://pl.vc/1h56ha die grüne leiste würde ich gern bisschen tiefer haben.

2 Antworten

Vom Beitragsersteller als hilfreich ausgezeichnet

NailujJulian

07.10.2016, 20:52

z.B. die Navigationsleiste in einen Container "<div id="x"></div>" einbauen und dann mit CSS für #x {margin-top:(zahl)px;} festlegen.

JutenMorgen

07.10.2016, 21:11

Einfach "margin-top" der grünen Box verändern. Ich schätze mal das wird ein <nav> oder ein <div> sein.

Liebe Grüße, JutenMorgen!

Ähnliche Beiträge

Wie kann ich eine Navigationsleiste in HTML an die rechte Seite verschieben?

Ich habe in HTML eine Navigationsleiste. Diese befindet sich ja standartmäßig an der linken Seite der Website. Wie schaff ich es dann die ganze Leiste (

tag) an die rechte Seite der Website ist?

Egal ob mit CSS oder HTML.

...zum Beitrag

Wie in HTML und CSS Texte und Bilder verschieben?

Hey! Ich habe angefangen mich mit dem erstellen von Websites zu beschäftigen. Ich bin noch ein sehr sehr blutiger Anfänger und Frage mich deshalb folgende Frage:

Wie in HTML & CSS Bilder & Texte verschieben?

Ich möchte nämlich einen Text & ein Bild von der oberen rechten Ecke, nach unten verschieben.

Ich habe das auch schon mit Padding-Top & Right probiert, jedoch verschiebt sich dann der Rest (NavBar & anderer Text) mit nach unten. Wie löse ich das problem?

Ich nutze Visual Studio Code.

...zum Beitrag

wie kann ich ein Bild nach rechts verschieben HTML?

Wie kann ich zwischen den beiden Bildern einen Abstand lassen bzw das 2 Bild nach rechts verschieben?

der HTML CODE:

</iframe>

Beide haben den gleichen quellcode alsooben 2x habe ich es eingefügt in der website

...zum Beitrag

wie unterscheidet man bilder in HTML/CSS?

Okay, ich habe auf meine Website nen Bild eingefügt,

ganz normal

und das zweite

<img src="http://t3.gstatic.com/licensed-image?q=tbn:ANd9GcQkZ6w8bYc2wm0VHc6SPTWVPGZogOf5Oseh35yBMeBbl2ByMCnTPoawYRQcuY9M"

height="646" weight="818"

aber jetzt will ich beide an andere positionen mit css verschieben.

aber dann schreibe ich img {

position:relative;

left:0%;

bottom:60%;

}

wie unterscheide ich das jetzt vom zweiten welches ich wo anders hin machen wollte?

falls ich etwas absolut falsch gemacht habe tut es mir leid, ich lerne HTML/CSS seit 2 Tagen

...zum Beitrag

Wie bekomme ich solch eine navigationsleiste zusammen?

In html bzw. css

Also wo die untermenü Punkte seitwärts aufscheinen

...zum Beitrag

Wie kann ich ein Bild verkleinern und verschieben (Html, css)?

Ich programmiere eine Website. Und ich muss ein bild in der Mitte, oben platzieren.

...zum Beitrag

Wie programmiere ich den Übergang von Header Leiste zur Navigationsleiste (Html, css, Javascript)?

Also folgendes Problem.. Ich hätte gerne ganz oben einen Header, der zu sehen ist, bis man hinunterscrollt und das obere Ende der Navigationsleiste erreicht, wie erreiche ich es, dass die Headerleiste dann verschwindet und die Navigationsleiste fixiert am oberen Rand bleibt (Es soll so ein Übergang sein) ; ich hoffe ihr wisst wie ich mir das vorstelle.

Mich würde es sehr freuen, wenn mir jemand diesbezüglich eine hilfreiche und passende Antwort geben könnte und schon mal im Voraus freundliche Grüße :)

...zum Beitrag

Navigationsleiste auf andere html?

Hallo, ich bin ziemlich neu was Websides programmieren angeht und ich finde kein gutes tutorial dazu, wie man wenn man eine Navigationsleiste hat z.b auf Getränke klickt und dann eine andere html/css Seite mit Getränken auftaucht etc.

versuche da auxh bisschen JavaScript mit rein zubringen d.h Benutze die Navigationsleiste von Material Design Lite.

Bin da bisschen überfragt und habe keine ahnung😅

<!-- Always shows a header, even in smaller screens. -->
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
  <header class="mdl-layout__header">
    <div class="mdl-layout__header-row">
      <!-- Title -->
      <span class="mdl-layout-title">Title</span>
      <!-- Add spacer, to align navigation to the right -->
      <div class="mdl-layout-spacer"></div>
      <!-- Navigation. We hide it in small screens. -->
      <nav class="mdl-navigation mdl-layout--large-screen-only">
        <a class="mdl-navigation__link" href="">Link</a>
        <a class="mdl-navigation__link" href="">Link</a>
        <a class="mdl-navigation__link" href="">Link</a>
        <a class="mdl-navigation__link" href="">Link</a>
      </nav>
    </div>
  </header>
  <div class="mdl-layout__drawer">
    <span class="mdl-layout-title">Title</span>
    <nav class="mdl-navigation">
      <a class="mdl-navigation__link" href="">Link</a>
      <a class="mdl-navigation__link" href="">Link</a>
      <a class="mdl-navigation__link" href="">Link</a>
      <a class="mdl-navigation__link" href="">Link</a>
    </nav>
  </div>
  <main class="mdl-layout__content">
    <div class="page-content"><!-- Your content goes here --></div>
  </main>
</div>

...zum Beitrag

Wieso funktioniert die CSS-Datei nicht?

Ich muss bis nächste Woche eine HTML-Website erstellen, und wollte meinem HTML-Dokument ein Stylesheet hinzufügen, jedoch wird das Stylesheet nicht übernommen, was ist der Grund dafür?

Hier sind Screenshots vom Code:

HTML:

CSS:

Kann mir bitte jemand sagen, woran der Fehler liegt?

...zum Beitrag

Button in html?

Wie erstelle ich Button in html die man nach links verschieben kann und wenn ein anderer verschoben wird, dass der andere wieder zurück in die ursprüngliche Lage geht.

Wenn möglich sollte der Code (html, css und javascript) möglichst kurz sein und für PC sowie mobile Geräte verfügbar sein.

Danke

...zum Beitrag

Css-Datei und Bilder in HTML einbinden?

Hey ich muss für meine Informatik Hausaufgabe eine HTML Website erstellen, habe dies auch soweit getan. Die CSS ist auch fertig. Jetzt habe ich aber das Problem, dass wenn ich die HTML Seite öffne, alles richtig angezeigt kriege, weil die Datein im gleichen Ordner sind (jpg & CSS) aber wenn ich die HTML-Datei abgeben will an meinen Lehrer, dann kann er nur die HTML-Seite öffnen, ohne die Formatierung über die CSS und ohne Bilder. Wie kann ich das richtig einbinden? Oder muss man alle Datein (Bilder und CSS) mitschicken?

...zum Beitrag

HTML CSS Punkte auf Website?

Was ist der performanteste Weg, mit HTML CSS...

...solche Punkte auf der Website zu platzieren (rote Kreise)?

...zum Beitrag

HTML / CSS: Wie Bild nach rechts verschieben?

Da mein Code, wollte nach rechts verschieben.

<a target="_blank" href="https://www.amazon.de/gp/product/B016EZUMGQ/ref=as_li_tl?ie=UTF8&camp=1638&creative=6742&creativeASIN=B016EZUMGQ&linkCode=as2&tag=9393930b-21&linkId=2fd661b6a6382fca1ba22f1bb933eeef"><img border="0" src="//ws-eu.amazon-adsystem.com/widgets/q?_encoding=UTF8&MarketPlace=DE&ASIN=B016EZUMGQ&ServiceVersion=20070822&ID=AsinImage&WS=1&Format=_SL160_&tag=9393930b-21"></a>
<img src="//ir-de.amazon-adsystem.com/e/ir?t=9393930b-21&l=am2&o=3&a=B016EZUMGQ" width="1" height="1" border="0" alt="" style="border:none !important; margin:px !important;" />

...zum Beitrag

Wie erstelle ich einen coolen Header, bzw. ein cooles Menü bei CSS/HTML?

Hallo Community,

Ich habe momentan in der Schule das Thema CSS und HTML. Wir müssen nun alle eine eigene Website erstellen. Ich hab mich dann mal auf die Suche nach ein paar coolen Websites gemacht, um mich dabei inspirieren zu lassen. Eine bestimmte Seite hat es mir auch sehr angetan, vor allem der Header, bzw. das Menü oben. Nun wollte ich fragen, wie ich so ein Menü (muss nicht so krass sein) erstellen kann? Muss ich da schon mit Javascript arbeiten oder reicht CSS/HTML aus?

Hier der Link zu der Website: http://rosewatermv.com/

Vielen Dank schon im Voraus.

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen