Odpowiedz

Pozycja list-style-image

Łukasz Mik Technik-informatyk,
grafik, webmaster,
fotograf,
dziennik...

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ż.

2.02.2012, 15:46

Link do wypowiedzi

| Cytuj

Michał Szaniewski Co-Founder, 32m2
Studio

Temat: Pozycja list-style-image

pokaż kod

http://jsfiddle.net/

2.02.2012, 15:50

Link do wypowiedzi

| Cytuj

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ć.

2.02.2012, 16:09

Link do wypowiedzi

| Cytuj

Andrzej Winnicki Frontend Architect,
Developer &
Magician

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" ;)

2.02.2012, 16:19

Link do wypowiedzi

| Cytuj

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ł? :)

2.02.2012, 17:20

Link do wypowiedzi

| Cytuj

Dariusz Licznerski www.dariusz-liczners
ki.pl

Temat: Pozycja list-style-image

Andrzej Winnicki:
IE nie wie co to

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

2.02.2012, 21:11

Link do wypowiedzi

| Cytuj

Krzysztof Tomasz Jasiak multimedia, grafika,
internet, IT -
chętnie spróbuje
nowy...

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>

2.02.2012, 21:23

Link do wypowiedzi

| Cytuj

Łukasz Mik Technik-informatyk,
grafik, webmaster,
fotograf,
dziennik...