Tag: css-float
Positionierung der Elemente auf der linken oder rechten Seite der Container mit der CSS-float-Attribut.
2
Antworten
Habe ich dieses layout, das ich auf Arbeit bin, und auf die Beiträge teilen (es ist wie ein blog), möchte ich es wie folgt Aussehen (ignoriert die feinen Unterschiede in der Bilder/styles, dieser wurde von der PSD):
1
Antworten
ich habe ein problem mit meinem code, die Breite scheint zu funktionieren, aber die schweben nicht. Hier ist es: HIER IST EIN BEISPIEL: http://jsfiddle.net/v82ck/ DAS PROBLEM: die Eigenschaft float auf das Menü, wenn die Maus nicht ändern,
2
Antworten
Hier ist mein setup: Habe ich einen Kommentar div-container. Innerhalb dieses div habe ich drei weitere divs. Zwei float-Links, und man ist float-right. http://imgur.com/hkLI5 Diese 3 divs haben um Sie herum abgerundeten Ecken Grenzen. Ich denke, es
3
Antworten
Habe ich diese html-Datei <div class="con" style="width:100px;height:200px;"> 1 </div> <div class="con" style="width:100px;height:200px;"> 2 </div> <div class="con" style="width:100px;height:400px;"> 3 </div> <div class="con" style="width:100px;height:400px;"> 4 </div> <div class="con" style="width:100px;height:100px;"> 5 </div> <div class="con" style="width:100px;height:100px;"> 6 </div> <div class="con" style="width:100px;height:100px;">
5
Antworten
Wenn jemand vorschlagen kann, eine bessere Platzierung als stackoverflow für css-Fragen bitte lassen Sie mich wissen. Ich habe ein äußeres div mit hintergrund und Rahmen, und dann muss ich zwei Spalten haben, in das farbige Feld. Irgendeinem
4
Antworten
Ich habe dieses problem für eine lange Zeit, wenn die Arbeit mit HTML/CSS und Floats. In das Bild, das Sie sehen können, habe ich eine Div-Box, die ist Geschwommen wie Links es gibt viele von diesen Boxen.
2
Antworten
Es ist üblich, für Menüs auf desktop-apps zeigen den Namen der Aktion auf der linken Seite und der Tastatur-shortcut auf der rechten Seite, wie diese. Will ich tun die gleiche Sache in ein Bootstrap dropdown-Menü. Allerdings kann
3
Antworten
Ich versuche, eine pdf-Datei erstellen (verwenden Sie mPDF), aber ich habe ein problem. Blick auf http://irk-studio.ru/files/763.pdf Das problem ist, schweben, Bild und text. Es sieht aus wie zwei-Spalten-Seite, aber es ist nicht gut für mich. html ist
2
Antworten
Bin ich immer Fehler, weil meine divs nicht schwimmen überhaupt Hier ist meine css - #content { width: 1070px; } .date{ float:left; width:80px; margin: 50px 8px 0px -60px; padding: 0px 0px 0px 0px; } .month { color:#fff;
3
Antworten
.container { position: absolute; bottom: 0px; height: 25px; left: 200px; padding-right: 5px; background-color: black; overflow: hidden; } .child { position: relative; float: left; height: 100%; width: 95px; background-color: #99CCFF; margin-left: 5px; } Ich, wenn die Größe des
1
Antworten
Diese Frage ist unwahrscheinlich, um zu helfen alle zukünftigen Besucher; es ist nur für einen kleinen geografischen Gebiet, einen bestimmten moment in der Zeit, oder eine außerordentlich engen situation, die nicht allgemein für das weltweite Publikum des
5
Antworten
Möchte ich einige anzeigen floating-Boxen (divs mit thumbnails) und die Anzahl der Bilder hängt von der aktuellen Seitengröße. Zum Beispiel: <div class="container"> <div class="box1" style="float:left;width:120px;height:120px;margin-right:10px;">Thumbnail image here</div> <div class="box2" style="float:left;width:120px;height:120px;margin-right:10px;">Thumbnail image here</div> <div class="box3" style="float:left;width:120px;height:120px;margin-right:10px;">Thumbnail image here</div>
1
Antworten
Ich habe ein problem mit Webkit-Browsern (Chrome/Safari), CSS3 Media Queries, display und float auf meine Website. Die Standard-styling auf meiner Webseite ist auf float das element nav rechts und display:inline-block. Wenn das Fenster in der Größe verändert,
4
Antworten
Das problem ist, dass ich ein Formular mit verschiedenen Feldern, in verschiedenen Größen. Jedes Feld wird innerhalb eines div mit float:left. Und Sie verteilen automaticlly in 2 Spalten. Wenn Sie alle die gleiche Höhe haben, ist es
5
Antworten
Habe ich: CSS: #content { width: 100%; text-align: center; } .item { float: left; } HTML: <div id="content"> <div class="item"><img /><br />wordsn</div> <div class="item"><img /><br />stuff</div> <div class="item"><img /><br />asdasdasdn</div> <div class="item"><img /><br />Dhdfrhwon</div> <div class="item"><img /><br
4
Antworten
Habe ich Folgendes markieren: <div id="playArea" style="position: relative;"> <div style="position: absolute; left: 295px; top: -1px; width: 313px; height: 269px;">Hello</div> <div style="position: absolute; left: 63px; top: 35px; width: 80px; height: 42px;">World</div> <div style="position: absolute; left: 534px; top: 329px;
2
Antworten
Ich habe ein problem immer drei Elemente schwimmen in Chrom. Im Grunde ist es ein Bild auf der linken Seite, mit zwei gefloateten divs auf der rechten Seite. Problem ist die rigght schwebte Tauchgänge sind fallen auf
3
Antworten
Ich versuche mit zwei neben einander. Ich habe versucht, code aus dieser Frage: CSS zwei divs nebeneinander, aber nichts funktioniert. Dies ist mein code Profil.css: #content { width: 100%; } #profile-image { float: left; display: inline-block; }
2
Antworten
Kommen, wie wenn ich einen div style auf display: block; float: right im IE6 das div geht immer noch unter den text, und nicht in der Mitte davon schwebte nur auf der rechten Seite. Es funktioniert in
3
Antworten
Ok, ich bin im Grunde Bau eines fluid Layouts. Meine HTML sieht so aus: <div id="container"> <div class="box" id="left">Left</div> <div class="box" id="center">This text is long and can get longer</div> <div class="box" id="right">Right</div> <div class="clear"></div> </div> Hier ist
3
Antworten
Ich versuche, erstellen Sie ein grid-layout http://www.gablabelle.com/. Ich habe mehrere divs (Bilder) mit float: left; Eigentum und ich Frage mich, warum es gibt ein paar leere Räume, und warum das floating divs nicht füllen die Lücken. Vielen
3
Antworten
Arbeite ich an der einfachen HTML/CSS Website, mit einer horizontalen schwebte CSS-Menü. Das problem, das ich habe, ist ich kann nicht herausfinden, wie zu ändern, die Positionierung des Menüs. Seine Zeit an der Spitze, ich weiß, dass
3
Antworten
Ich versuche zu schweben ein div über ein anderes, aber in der Mitte (Breite). EDIT: ich möchte den div-container werden über die top-div und zentriert. Aktuellen CSS: body { background-color: #FFF; margin: auto; } #top { background-color:
3
Antworten
Ich erinnere mich an diese Frage eine Weile zurück, aber ich kann nicht scheinen, um es wieder zu finden! Ich habe gesucht, aber ich kann nicht scheinen, um die Lösung zu finden, die ich Suche. Sagen wir,
1
Antworten
Dies ist neu, ich habe problem mit einem Archiv-Seite, die ich gemacht habe. Es scheint wie ein ziemlich gerades vorwärts schwebte div Bildergalerie... doch aus irgendeinem Grund gibt es eine Reihe von Zeilenumbrüchen zufällig den ganzen divs.
4
Antworten
Hier ist mein fiddel: http://jsfiddle.net/kasper90/GB7bs/6/ Ich will das Haupt-div so groß wie möglich platziert, direkt auf den toggle-div. Wie kann ich dies tun ? Jede Hilfe wird wirklich geschätzt 🙂 Html: <div id="toggle"></div> <script> $( document ).click(function()
3
Antworten
Kämpfe ich mit der CSS von einer ungeordneten Liste, die ich verwenden möchten, um links zu einer Reihe von online-Profilen. die Liste erscheint in der Fußzeile auf jeder Seite, wie dies (rechts unten): http://www.alexbrunner.com. mein Verständnis ist
9
Antworten
Dies ist ein wenig schwer zu beschreiben, aber im Grunde gibt es zu unerwünschten Leerzeichen Links von einem gefloateten div auf meiner Seite. Hier gibt es Bilder, die das problem beschreiben. Die black boxes sind divs. Bevor
3
Antworten
Ich bin nicht geschickt im Umgang mit CSS, das ist eines meiner ersten Projekte. Ich habe versucht, einen CSS-Stil für einen regler habe ich noch, ich möchte so etwas wie dies: Ich habe erfolgreich die inneren divs
2
Antworten
Ich habe eine <dl> mit kurzen <dt> Texte und möglicherweise lange <dd> Texte. Im layout, an dem ich bin mit Ihnen ich möchte Ihnen zu erscheinen side-by-side: /==============\ |DT DD........| |DT DD........| |DT DD........| \==============/ Jedoch bei
4
Antworten
Welche CSS-Regeln erklären die folgenden sceanrio: Angenommen ich habe Folgendes HTML-CSS-snippets HTML: <div id="main"> <div id="first"> first div float left </div> <div id="second"> second div does not have a float property set and appears in a new
2
Antworten
Mache ich eine E-Mail-Vorlage, wo ich möchte umbrechen von text um ein Bild, aber ich kann nicht mit float weil es nicht funktioniert in Outlook 2007 und verschiedenen anderen E-Mail-clients. [ ] Lorem ipsum test text blah
2
Antworten
Habe ich ein div namens footerWrap, die enthält 3 ungeordnete Listen. Ich schwebte nach Links, alle ungeordneten Listen. Meine Absicht war es, die footerWrap in die Höhe wachsen nach der Höhe der ungeordnete Listen. Allerdings... in allen
4
Antworten
Habe ich eine Serie von LI innerhalb eines UL wie diese: <ul> <li class="section left"></li> <li>I want to float this on the left</li> <li>I want to float this on the left</li> <li>I want to float this on
4
Antworten
Ich versuche, eine ungeordnete Liste reaktionsschnell Weg, indem der status der Schwimmer je nach Bildschirm-Größe. Starte ich mit allen li schwebt nach Links. Bei 520px ich will die Dritte li nur nicht schwimmen, so dass ich mich
12
Antworten
Ich bin der Implementierung der Paginierung, und es muss zentriert werden. Das problem ist, dass die links angezeigt werden müssen, als block, so müssen Sie zu schwebte. Aber dann text-align: center; nicht an Ihnen arbeiten. Ich konnte
2
Antworten
Sagen, ich habe 2 Bilder und ich möchte legen Sie Sie Seite an Seite mit ein paar Leerzeichen dazwischen, wie mache ich das? Ich hörte etwas von schwimmen? Was ist das und wie kann/sollte ich verwenden? So
3
Antworten
Die ganze navigation bar zusammen mit seiner JavaScript-Einstellungen finden Sie hier http://jsfiddle.net/DyJzg/3/ gerade jetzt bleibt es an der Spitze der Seite, aber ich Frage mich, ob es sein könnte, aus oben schwimmt, auch wenn Sie nach unten
5
Antworten
Das Problem: **Der linke Teil** (#nav ul li) das float: left und **das richtige Teil** (#nav .Suche) das float: right **sind nicht in einer Linie**. es sollte wie folgt sein: aber mir: HTML: <div id="nav"> <ul> <li><a
2
Antworten
Bitte werfen Sie einen Blick auf das code-snippet: http://codepen.io/anon/pen/JItLa Ich versuche zu zeigen 2 Reihen von Blöcken mit unterschiedlichen Menge von Elementen in einer Zeile. Das hover-Ereignis zeigen, sollten die CSS-Schatten, aber es gibt ein problem: der
5
Antworten
Können Sie erzwingen, dass ein DIV-container die Höhe, um Platz für zwei gefloateten div-Kinder? Gibt es einen tollen trick, den ich verwenden kann, das zu tun? Ich versuche, zwei gleich große divs innerhalb des Eltern-div. Ich möchte,
2
Antworten
Ich will eine Seite anzeigen von Miniaturansichten. Die thumbnails sind Nutzer hochgeladenen Bildmaterial Bilder. Jedes Bild hat eine eingeschränkte Breite, aber nicht eine eingeschränkte Höhe, dies ist zu zeigen, das volle Bild ohne Beschnitt. Möchte ich die
5
Antworten
Ich ständig mich selbst zu finden, die Probleme mit Elementen schwebte direkt im IE7. Ich habe gelesen, dass viele Stack-Überlauf Fragen, die diesem ähnlich sind, aber es scheint nicht zu sein, durchweg saubere CSS-Antworten. Was ich damit
3
Antworten
Kann mir jemand sagen, wie man eine linke div-füllen Sie den verbleibenden Platz, ohne Festlegung der Rechte div-Größe. Will ich das genaue Gegenteil von dem folgenden Beispiel: .left {float: left; border: 1px solid blue;} .right {overflow: hidden;
7
Antworten
Würde ich mag zu Fragen, wie Höhe und float arbeiten. Ich habe eine äußere div-Element und ein inneres div, dass der Inhalt in ihm. Ihre Höhe kann je nach Inhalt des inneren div, aber es scheint, dass
3
Antworten
Ich bin erstellen einer web-Seite mit 3 Spalten. Die mittlere Spalte ist, wo alle Inhalte geht. Die Inhalte, die ich eingeben möchten, muss das format der Links ausgerichtet Bild, gefolgt von etwas text neben dem Bild. Und
3
Antworten
Ich bin kämpfen, um ein div zu erweitern, voll zu container-Höhe. Markup: <div class="container"> <div class="innerOne inner"></div> <div class="innerTwo inner"></div> </div> In verschiedenen Fenstern .innerTwo's-Gehalt ist größer als die von .innerOne's, aber ich möchte es im hintergrund
4
Antworten
Hab ich ein problem-rendering-box-Schatten über floating divs! Ive getestet in chrome und firefox, mit dem gleichen Ergebnis. <html> <head> </head> <body> <div style="float:left; clear: left; background-color: #aaa; -moz-box-shadow: 0px 8px 8px #000; width: 200px; height: 200px;"> </div>
2
Antworten
Ich möchte erstellen Sie eine "scorecard" raster output-Daten. Wenn die Daten in den einzelnen div.item alle die gleiche Höhe, dann eine einfache float-Links auf jeder div.item gibt auch einen ganz tollen layout, die Skalen rauf und runter
3
Antworten
Dem folgenden code macht große in FF3 aber nicht in IE7. Hat jemand eine Idee wie es zu lösen ist? <div style="padding-top:3px;padding-bottom:5px;width:650px;background:blue"> <div style="height:50px;float:left;display:inline;width:500px;background:gray">http://www.brainsolis.com/2008/10/twitter-tools-for-comunity-and-love-for-...</div> <div style="width:100%;text-align:right;float-right;background:yellow">saaal is saaa twittertool ds ds dsdfsdsdfsdfsdfsdfsdfsd sdf dsf sdf sdf sdf