2016-09-18 3 views
-3

Picture , wenn Sie auf diesen Link klicken, werden Sie an der linken Ecke der Navigationsleiste zu sehen ich ein Folat-Image erstellen möchten, wie es so begann ich einige Codes zu bekommen, um es zu Vorform so ich fand dieseSchwimmdock Bild oben Ecke der Seite

<html> 
    <head></head> 
    <body> 
     <div class="menu"> 
     <li> 
      <img style="float: left;margin-left: -50%;" src="../images/logo.png" alt="Tera Host inc." height="60" width="200"> 
      </li> 
     </div> 
    </body> 
</html> 

aber seine ganz oben auf der Seite erscheinen, ich möchte etwas auf der linken oberen Ecke so ein Freund sagte mir, etwas zu tun Sie haben 2 divs nach jeder andere zu machen und auf jeden du machst style = "float: left;" Und wenn yuu wieder mit dem floating getan links ein großes div Stellen, die diese divs und am Ende enthalten tun also wenn jemand mir helfen könnte pls den gesamten Code Vielen Dank im Voraus

+1

Ihre HTML ist ungültig für einen Start, 'li' muss in einem enthalten sein' ul oder ol. Wenn du * Codes wirklich nicht schreiben kannst, ist das nicht wirklich die Seite für dich, und ich zitiere den ersten Paraphen oder die [Tour] (https://stackoverflow.com/tour), Stack Overflow ist eine Frage-Antwort-Seite für professionelle und enthusiastische Programmierer. Die Antworten, die Sie erhalten werden, sind wahrscheinlich technischer Natur. Dies ist keine Website, um Code für Sie zu schreiben. Versuchen Sie etwas Anfang [HTML und CSS Tutorials] (https://developer.mozilla.org/en-US/docs/Learn/HTML). –

+0

Hallo ich bin neu in diesen Dingen so pls gehen einfach mit mir + ich versuche zu lernen –

+0

Ich habe kein Problem mit dem Sein neu und versuchen zu lernen. Ich wollte nur Ihre Erwartungen mit denen von StackOverflow ausdrücken. Es ist eine großartige Ressource, um Antworten auf ein Codierungsproblem zu erhalten, das Sie vielleicht haben, aber es ist nicht wirklich eine großartige "Lernressource", für die Sie Tutorials und Ähnliches benötigen. –

Antwort

0

Ich bin nicht sehr antworten Klar mit deiner Frage! Aber ich habe nur versucht, in einer Annahme und ich denke, Sie müssen das Menü & Logo Schwimmer getrennt machen.

Sie diese Geige überprüfen, https://jsfiddle.net/8brvykvn/1/

<div class="header"> 
<a href="#" class="logo"> 
<img src="../images/logo.png" alt="Tera Host inc." height="60" width="200"></a> 
<ul class="menu"> 
    <li><a href="#">Dashboard</a></li> 
    <li><a href="#">Game Monitor</a></li> 
    <li><a href="#">TS3 Admin</a></li> 
</ul> 

css:

.header a{ 
    float: left; 
    margin-right:10px; 
} 
.header .menu{ 
    float : left; 
    margin : 0; 
    padding: 0; 
} 

.header:after{ 
    content:''; 
    display:block; 
    clear: both 
} 

.header .menu li{ 
    list-style:none; 
    display:inline-block; 
} 

.header .menu li > a{ 
    margin-right:10px; 
} 
+0

Ich kann wirklich Codes schreiben, also könnten Sie für mich den ffloat separaten Code schreiben? –