Tag: css-float
Positionierung der Elemente auf der linken oder rechten Seite der Container mit der CSS-float-Attribut.
3
Antworten
Möchte ich drei div { width:33%; border: 3px solid #333;} beiseite innerhalb einer Seite. Aber es scheitert, wie wenn die Summe war höher als 100%. Wie float 3 divs nebeneinander und das eine width:100%, ohne Durcheinander ?
5
Antworten
Ich habe Probleme bei der Angleichung der <li> element auf der linken Seite. Im Bild unten angegeben, können Sie sehen, dass es gibt Raum auf der linken Seite von jeder Kugel. Will ich löschen, dass der Raum,
6
Antworten
Habe ich Login Seite, mit einem div in der Mitte. Ich habe die Höhe und es passt perfekt. Wenn ich allerdings hinzufügen Validierung Fehler an der Spitze der div, die Taste unten gedrängt, die außerhalb des div.
3
Antworten
Folgende web-Seite zeigt nicht richtig im IE 9. Es scheint nur ein problem im IE 9. http://froyo.tv/test/ den list-style-image über das Bild! IE9 Firefox, Chrome, IE8, ... EDIT: ich weiß, wie um es zu beheben! Aber ich
2
Antworten
Ich bin sicher, das muss so überzogen vor, weil ich bin sicher ich bin nicht der erste, dies zu tun, aber ich kann die Antwort nicht finden. Ich bin erschafft einen Schatten-Effekt für eine <div> durch wiederholte,
2
Antworten
Ich bin mir nicht sicher, ob dieses Q ist beantwortet vor. bitte beraten, wenn es einen Weg gibt, mit CSS kann ich erreichen, um die Mitte der Formular-Elemente zentriert und, wenn der Benutzer versucht, um die Größe
3
Antworten
Soll ich machen 3 divs nebeneinander sitzen. Also machte ich einen div und ich habe drei divs, die mit diesem css-style: div.holder div { float: left; width: 250px; background-color: yellow; /*margin-right:auto; /**These did not help**/ margin-left:auto; */
1
Antworten
Ich einen Artikel gelesen über clear float How To Clear Floats Ohne Strukturelles Markup dann überprüfe ich die .clearfix im bootstrap: .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after
2
Antworten
Ich habe eine <ul> <li> und ich erfordern den Einsatz von display: inline-block;. Dies ist erforderlich, um zu "schweben" die li ist, während das Letzte element ist 100% weit Sie den übergeordneten container und es könnte eine
1
Antworten
Diese sollte einfach sein, aber ich habe Probleme damit, eine stabile Lösung. Grundsätzlich bin ich versucht, dies zu erreichen: So, ein element (a oder button) mit einem Symbol rechts ausgerichtet, mit einem icon-font. Ich brauche, um sicherzustellen,
2
Antworten
Ich bin kämpfen, um eine Liste immer Anzeigeelemente auf 1 Zeile. Um diese besser zu verstehen lassen Sie mich zunächst zeigen einige code: html-Struktur ist diese: <div id="tab-content"> <div id="part-list"> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul>
1
Antworten
machen, wie der Stadtstaat zip ausrichten, die in der gleichen Zeile ich reduzierte die Breite, sondern seine nicht funktioniert wie zu beheben <div class=""> <label class="" for="">City</label><input style="width: 54px;" type="text"> <label class="" for="">State</label><input style="width: 54px;" type="text"> <label
3
Antworten
Ich habe eine field_wrapper div class enthält die 3 sub-divs field_label, field_input und field_error Ich die field_label, field_input nebeneinander und field_error unterhalb der ersten beiden. Bitte sehen Sie die untenstehenden css-code, um zu wissen, wie ich dies
5
Antworten
Habe ich den folgenden HTML - <style type="text/css"> <!-- .msg_ok{ font-family: "Trebuchet MS"; font-weight: bold; font-size: 16px; margin:0 auto; padding:10px; width:500px; height:auto; display:block; } .msg_ok{ background-color:#DCFFB9; border:#003300 1px solid; color:#003500; } --> </style> <div class="msg_ok" style="height:auto;"> <div
2
Antworten
Diese Frage hat vermutlich eine einfache Lösung. Ich habe für eine website mit zwei Spalten nebeneinander. Alles ist fest (Menü-Leiste und linke Spalte) mit Ausnahme der rechten Spalte. Dies ist beabsichtigt, denn ich möchte nur die Rechte
2
Antworten
Ich habe mehrere div's enthalten einen Schwamm Bild und eine ungeordnete Liste. Ich möchte diese beiden werden nebeneinander platziert unten auf der Seite. Die Frage ist, wie der divs gehen unten auf der Seite, die ganze Sache
6
Antworten
Ich kaum nutzen float:right in meiner css-und jetzt habe ich und bin dabei auf ein nerviges problem. Ich Schwebe mein Menüpunkte auf der rechten meine HTMl - <ul id="extMenu"> <li> <a href="#">Home</a> </li> <li> <a href="#">Feedback</a> </li>
4
Antworten
Ich habe eine div (div1) , hat seine position, Breite, Höhe, alles eingestellt, und es ist extern, also kann ich nicht im Voraus wissen, was diese Werte sind. Innen und an der Spitze der div1 ist ein
3
Antworten
Ich versuche CSS zu benutzen um eine 100% width div über die Seite und dann unter, dass div 2 divs inline sind 50% jeder 10px padding auf alle divs und dann die Seite kleiner machen die beiden
3
Antworten
Ich gerade meinen ersten Tumblr Thema mit einem tutorial, ich bin ein total Neuling auf diesem. .metadata a { display: inline-block; float: center; margin-left: 2%; } Ich soll der Pfosten zentriert werden, aber die einzigen Dinge, die
3
Antworten
Ich habe eine Menge von Variationen zu dieser Frage, die in SO, aber es scheint, egal was ich versuche ich kann nicht erhalten Sie dieses (scheinbar sehr einfach!) Sache arbeiten! Was ich versuche zu tun, ist zu
1
Antworten
Ich habe ein div ist auf 100% eingestellt, und im inneren, das andere div ist zentriert und eingestellt 883px. Die navigation ist eine Liste, aber wenn ich das float:right-element dieses element ist es Umgekehrt, die Reihenfolge der
2
Antworten
Ich versuche zu schweben text über ein Bild in der 3. Spalte der ersten Zeile innerhalb einer Tabelle. Diese Zelle hat eine <img> innerhalb es (bearbeitet von psd slicing) und ich möchte einen text über Sie. Ich
1
Antworten
Neben, position: relative, und legen Sie dann die Rechte und untere position? Möchte ich das schließen-Zeichen positioniert, rechts oben, was die Größe des img - position:absolute; top:0; right:0; ? InformationsquelleAutor 9blue | 2014-03-20
3
Antworten
Ich habe eine Seite die wie folgt aussieht: <div> <p> This text appears above the image</p> <!-- I know the <div><p> construction is superfluous. I was just trying things out --> </div> <div style="display: block; width: 100%;
6
Antworten
Arbeite ich mit HTML und CSS, und ich will richten Sie die form und das logo mehr auf der rechten Seite: Den Positionen, die ich will, mehr wie das, wenn ich ein mockup: Mein HTML ist <!DOCTYPE
5
Antworten
Bin ich mit einem seltsamen Problem im Firefox, dass ich kann nicht scheinen, um zu lösen. In Chrome und Safari mein float: left und float: right Spalten arbeiten korrekt und in der richtigen position, aber wenn ich
1
Antworten
Also ich habe ein div-Element und zwei Spannweiten: <div class="A"> <span class="B"></span> <span class="C"></span> <span class="clear"></span> </div> Davon ausgehen, dass B und C hat ausreichend Inhalt. Die CSS-snippet: .A { position: absolute; } /* I need this
1
Antworten
Ich versuche zu konvertieren hex-Wert zu schweben mit (Python 2.7) die folgende Methode: def hex2float(x): y = 0 z = x.decode('hex') try: y = struct.unpack('!f', z)[0] except: print sys.exc_info()[1] print 'z = ' + z print 'y
3
Antworten
Wenn ich habe drei divs, die alle float left ich will die Abschnitte zu erweitern oder Vertrag, wie lange die Daten in Ihnen ist. Zum Beispiel, wenn die 1. Adresse ist sehr lang ich will, dass die
1
Antworten
Habe ich eine web-Seite, die zwei divs, eine Links, eine rechts. Ich habe diese positioniert mit float: left/right; Alles ist gut in FireFox, IE (einschließlich IE6!!!) und Chrome. Aber aus irgendeinem Grund in Safari, mit der rechten
5
Antworten
Ich versuche zu splitten, meiner Fußzeile so, dass es Links ausgerichtet und rechts ausgerichteten text. Ich habe Folgendes, aber die zwei Elemente angezeigt werden, einer nach dem anderen: #footer { clear: both; background-color: #330066; padding: .5em; font-size:
2
Antworten
Ich bin neu in der Welt der Programmierung sowie CSS und habe bemerkt, dass wenn ich die Größe meines Browsers, alle meine Schwimmer-Elemente verschieben zu sagen, das richtige und der Nutzer gezwungen ist, horizontal Blättern können, um
2
Antworten
Ich würde gerne einen ähnlichen Effekt zu erzielen, wie in diesem Bild: geben Sie den link-Beschreibung hier http://img843.imageshack.us/img843/8328/floatingheader.png Im Grunde genommen, ich möchte ein div als eine Menüleiste, die immer oben - das div-Element unter dem div-container
3
Antworten
Float:right angegeben für einen div innerhalb einer Tabellenzelle scheint keinen Effekt im IE. Ich habe auch versucht, text-align-right, unter anderem, ein ausrichten der layer-Inhalt auf der rechten Seite, aber ohne Erfolg im IE 7. CSS-snippet: .workloadcell {
3
Antworten
ich würde gerne einen container (mit text) auf der linken Seite der Seite, , die passt sich mit den verfügbaren Speicherplatz, und 2 Seitenleisten folgenden auf der rechten Seite (ich bin mit WordPress). (Die 2 Seitenleisten funktionieren
4
Antworten
Ich kann nicht finden, eine gute Lösung für dieses problem. Ich habe 2 divs innerhalb eines übergeordneten div. Wenn ich versuche, und schweben die divs rechts und Links um 2 Spalten innerhalb des übergeordneten div, die Kind-divs
4
Antworten
Hier ist ein Beispiel http://jsfiddle.net/BringMeAnother/LwXhE/ //html <div class="container clearfix"> <div class="child"></div> <div class="child"></div> <div class="child"></div> </div> //css .container { background: red; padding: 10px; } .child { width: 100px; height: 100px; float: left; } .child:nth-child(even) { background: green;
1
Antworten
In diesem unter html-design, ich möchte text-overflow ellipsis für den Medien-gespielt und Bemerkungen Aufkleber und wollen die Medien gespielt (erste Linie) in der ersten Zeile und Bemerkungen (zweiter bing Linie) würde gehen auf der nächsten Zeile. Die
4
Antworten
Diesem Beispiel sehen, um zu verstehen, http://jsbin.com/ocewu alt-text http://easycaptures.com/fs/uploaded/212/8042227539.png Dies ist der code von Beispiel <style type="text/css" media="screen"> body { background-color: #000; font: 16px Helvetica, Arial; color: #fff; } div {width:300px;height:42px;border:2px solid red} a{border:2px solid blue;padding:10px} div
6
Antworten
Ich habe 2 divs in einer Tabellenzelle. Ich will den linken div-Größe je nach Inhalt es ist, und ich will den rechten div float right. Beide sollten vertikal zentriert. Die Tabellenzelle autosizes wie diese: <td style="width: 1px;">
4
Antworten
Sorry. Ich hatte zu Bearbeiten, meine Frage: ich habe das zweite Bild in Photoshop. **Ich bin auf der Suche nach einem DIV-Element entspricht einer Tabelle. Wie bekommt man divs Verhalten sich wie TDs: Alle TDs passen Ihre
3
Antworten
Ich habe dieses css: .post-user { background:black; color:white; width:auto; float:left; } .img-side { border-style:solid;border-width:medium;width:75px;margin-bottom:2px; } .top-head { background:cyan; width:100%; height:20px; display:block; } .main-box { border-style:solid; border-width:1px; display:block; height:auto; } - Und html sieht so aus : <div
2
Antworten
Habe ich folgenden html-Code: <div class="box"> <div class="box-left"> <p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet</p> </div> <div class="box-right"> <button>Resource View</button> <button>Employee View</button> <button>Regular View</button> </div> </div> Hier ist, wie es aussieht, standardmäßig: Wie sieht
5
Antworten
Habe ich den folgenden HTML-layout für eine website (powered by Network Solutions nsCommerceSpace) ich entwerfe ein Design für: <div id="ctl00_breadcrumb" class="breadcrumb"> <span id="ctl00_breadcrumbContent"> <span><a href="/">[Name of Webstore]</a></span> <span> > </span> <span><a href="/page.aspx">Page</a></span> <span> > </span> <span>Here is a very long title
4
Antworten
Habe ich folgenden HTML-Code. Und der text (Leckerbissen) auf der rechten Seite hält ein herunterfallen auf die nächste Zeile. Dies ist in Chrom. Gibt es eine Möglichkeit das zu behalten, was innerhalb des pull-right div zusammen in
4
Antworten
Ich habe ein layout wie diese: Header div divLeft divRight Footer div divLeft ist eine Menge von text und divRight ist ein div mit ein paar Sachen in es. divLeft ist viel mehr, und ich möchte den
1
Antworten
Ich habe eine Frage zu floating-Elemente in <li> tag. Habe ich folgende markup <li> <img src="concept-truck.jpg" alt="2013 Toyota Tacoma" id="itemImg" style="float:left"> <p>2013 Toyota Tacoma</p> <p>Price : 450000$</p> <p>Year : 2013</p> <p><a href="/item/index/63">more</a></p> </li> In FF, IE funktioniert,
1
Antworten
Ich bin der Migration aus dem Twitter Bootstrap version 2.3.2 auf die neueste version 3 RC 1. Jetzt treffe ich ein problem mit den search-buttons in der oberen Navigationsleiste. HTML-code ist unten: <body> <div class="navbar navbar-inverse navbar-fixed-top">
3
Antworten
Ich habe einige Probleme immer ein kleines Stück text zentriert werden, während schwimmende neben einem Bild. <html> <head> <style type="text/css"> img { float:right; } </style> </head> <body> <p>In the paragraph below, we have added an image with