GoldenLine
Zaloguj się

konto usunięte

Temat: Pozycja list-style-image

Witam ponownie ;)

szukam jakiegoś sposobu na pozycjonowanie list-style-image. Otóż zastąpiłem standardowy punktator obrazkiem, z tym, że nie jest on na środku w pionie względem tekstu obok niego. Za żadne skarby nie idzie tego zmienić, jest baseline i tyle... Ma ktoś jakiś pomysł na taki banał? :) Ofc mogę zmniejszyć obrazek na tyle, żeby od dołu dodać mu przeźroczystego tła więcej, ale niestety - ma być takiej wielkości i już.
Link do wypowiedziLink
Roch Szatan

Roch Szatan As

Temat: Pozycja list-style-image

pokaż kod

http://jsfiddle.net/
Link do wypowiedziLink
Mariusz Witek

Mariusz Witek Programista PHP,
Front-End Developer

Temat: Pozycja list-style-image

Może wygodniej będzie Ci użyć background-image i list-style: none; dla <li>.
Do tego display: inline-block; jeśli potrzebne i powinno wystarczyć.
Link do wypowiedziLink

konto usunięte

Temat: Pozycja list-style-image

Mariusz Witek:
Może wygodniej będzie Ci użyć background-image i list-style: none; dla <li>.
Do tego display: inline-block; jeśli potrzebne i powinno wystarczyć.

IE nie wie co to jest "inline-block" ;)
Link do wypowiedziLink
Mariusz Witek

Mariusz Witek Programista PHP,
Front-End Developer

Temat: Pozycja list-style-image

No dobra,


display: inline-block;

*display: inline;


o IE 6 chyba nikt się nie będzie czepiał? :)
Link do wypowiedziLink

konto usunięte

Temat: Pozycja list-style-image

Andrzej Winnicki:
IE nie wie co to

no właśnie co to IE? ;) to jakiś trojan pod Windowsem? ;)
Link do wypowiedziLink

konto usunięte

Temat: Pozycja list-style-image

szukam jakiegoś sposobu na pozycjonowanie list-style-image.
np. na jednej ze stron mam tak
css
ol, ul {
font-size: 1.3em;
list-style: none outside none;
margin: 0 0 1em;
}

ul.arrow li {
background: url("ścieżka-do-pliku.gif") no-repeat scroll 0 6px transparent;
line-height: 17px;
list-style-type: none;
margin: 0;
padding: 0 0 4px 12px;
}

kod
<ul class="arrow">
<li> <a href="link do dokumetu">link do dokumetu</a> </li>
<li> tekst </li>
</ul>
Link do wypowiedziLink

konto usunięte

Temat: Pozycja list-style-image

Dzięki :)Łukasz Mik edytował(a) ten post dnia 05.02.12 o godzinie 12:45
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

pozycja w google pomoc




Wyślij zaproszenie do
Anuluj