<li> styling mit css (chrome Probleme)
Hallo, ich habe dieses seltsame problem mit css.
Ich bin Darstellung einer ungeordneten Liste
<ul>
<li>
<div class='align-left'>
PMI
</div>
<div class='align-right'>
<img src="/img/delete_icon2.png" id='19' class="elim" name="19">
</div>
</li>
<li>
<div class='align-left'>
GRANDS COMPTES
</div>
<div class='align-right'>
<img src="/img/delete_icon2.png" id='21' class="elim" name="21">
</div>
</li>
<li>
<div class='align-left'>
associations
</div>
<div class='align-right'>
<img src="/img/delete_icon2.png" id='22' class="elim" name="22">
</div>
</li>
<li>
<div class='align-left'>
PME
</div>
<div class='align-right'>
<img src="/img/delete_icon2.png" id='25' class="elim" name="25">
</div>
</li>
<li>
<div class='align-left'>
ecoles privees
</div>
<div class='align-right'>
<img src="/img/delete_icon2.png" id='28' class="elim" name="28">
</div>
</li>
<li>
<div class='align-left'>
organisme
</div>
<div class='align-right'>
<img src="/img/delete_icon2.png" id='32' class="elim" name="32">
</div>
</li>
<li>
<div class='align-left'>
test
</div>
<div class='align-right'>
<img src="/img/delete_icon2.png" id='34' class="elim" name="34">
</div>
</li>
</ul>
dies ist jetzt zusammen mit folgenden css-Regeln:
.align-right{
float: right;
}
.align-left{
float: left;
}
Auf Google chrome, den Punkt aus der Liste ist eigentlich UNTER dem text für den Punkt.
Warum ich das Tue, möchte ich die Bilder, die ausgerichtet werden, von oben nach unten.
hier sind screenshots der problem
vielen Dank im Voraus.
formatieren Probleme versuchen zu beheben, eine Sekunde
Hmm, jetzt weiß ich, ein Bild-hosting-service, den ich nicht verwenden.
zwei Minuten mehr als eine Sekunde. Lassen Sie mich helfen. 😉
Robert Harvey ???? was ist falsch mit imgur?
Sollten Sie veröffentlichen Sie Ihre HTML-Code-Einrückungen mit vier Leerzeichen. (klicken Sie auf die
Hmm, jetzt weiß ich, ein Bild-hosting-service, den ich nicht verwenden.
zwei Minuten mehr als eine Sekunde. Lassen Sie mich helfen. 😉
Robert Harvey ???? was ist falsch mit imgur?
Sollten Sie veröffentlichen Sie Ihre HTML-Code-Einrückungen mit vier Leerzeichen. (klicken Sie auf die
{}
- Taste)InformationsquelleAutor cromestant | 2011-01-24
Du musst angemeldet sein, um einen Kommentar abzugeben.
den code, den Sie, sofern nicht dieses problem verursachen.
Je nachdem, was Sie tun möchten, hinzufügen
ul { list-style-type:none; }
oder
ul li { padding-left:40px; }
kann erreichen der gewünschten Wirkung.
Bearbeiten
versuchen Sie
overflow:hidden;
zu denli
ElementeWürd ich auch persönlich mache es so:
keine Notwendigkeit, über die Dinge zu komplizieren.
Wenn Sie möchten, dass die DIVS klickbar können Sie nur
<li><a href="delete.php">PMI</a></li>
und CSS:
li a { display:block; width:xxx; height:xxx; }
als erforderlich.
eine teilweise Lösung, die funktioniert, untersuchen Sie den rest. diese blendet die Kugel Punkte, aber das ist bestimmt nicht Sache. willbe zurück tomorow, die Arbeit Tag ist vorbei danke für die Hilfe als gelöst markiert, weil es ist zum Teil gelöst
Wenn Sie möchten, dass die Kugel-Punkte, die Sie können Sie haben, aber Sie brauchen, um alle CSS + genau das, was Sie wollen. Idealerweise verwenden jsfiddle.net oder ähnliche für die besten Ergebnisse.
diese Feste mein problem. Ich war immer einige seltsame top-Polsterung, die ich nicht erklären konnte, und es war, weil die ul hatte eine Liste Stil.
InformationsquelleAutor Ross
Versuchen, spielen mit den
list-style-position
Eigenschaft. Optionen sindinside
undoutside
.Sorry, ich denke, dass ich falsch verstanden, die Frage. Ich dachte, Sie wollten zur Neuausrichtung der Punkte auf der rechten Seite.
InformationsquelleAutor dclowd9901
Ich hatte das gleiche problem und es scheint, dass Sie nicht die exakte Kontrolle über die position der Standard-Punkt.
Für mich die folgende arbeiten in Firefox und im IE, aber in Chrome ist es positioniert, das im text:
Ich brauchte, um Margen und Polster für der Liste und die Liste Elemente, um die Kugel-Punkt(Datenträger), außerhalb des Textes
Das seltsame ist, dass wenn ich den unteren Rändern, etwas weniger als 7 pixel, die Kugeln springen Sie innerhalb. 8px ist die kleinste funktionierende Wert, obwohl es viel Platz rund um und zwischen den Elementen (Sie bewegen sich näher zueinander fließend, nur die Punkte start, um zu springen).
InformationsquelleAutor Alendia