Autor Zpráva
Lopyn
Profil
čus chtěl jsem poprosti jestli byste mi někdo nemoh poradit jak bych měl uspůzobit kod, aby se správě zobrovali odrážky, vedle obrázku.
Tady je kod :
<a href="./cisla.php"><img src="./slozka/89.jpg" width="200" height="240" alt="aktuální číslo" class="float-left" /></a>
<div style="position:relative;left:10px; padding:10px 5px 5px 5px; font-size:13px;">
<ul>
<li>blabla</li>
<li>blabla</li>
<li>blabla</li>
<li>blabla</li>
</ul>
</div>
Lopyn
Profil
případne tady je url www.keramika-sklo.cz/index6.php
Manq
Profil
list-style-position:inside;
Lopyn
Profil
ok zkusim testnu a uvidim. diky
Lopyn
Profil
frčí všechno na plný obrátky.Thx manq
Lopyn
Profil
Ale přece jen bych měl ještě jeden dotaz...Nák mi nejde odsadit všechny řádky na stejnou úrověn. Respektivě, pokud se danný prvek nevejde na řádek, tak mi ho zobrazí na úrovní zarážky...
Manq
Profil
Lopyn
Logické. Nedávej obrážku přes list-style, ale přes background jako obrázek + nějaký levý padding.

Jestli někdo najde lepší řešení, sem s ním.
Lopyn
Profil
ok.
Lopyn
Profil
nák mi to nefunguje . mohuještě poprosit o radu....newim proč mi to nefrčí

.cislo ul{
list-style-image:none;

/*list-style-position:inside;*/
padding-left:7px;
margin-left:7px;
}
.cislo ul li{
background-position:top left;
background-image:url(bullet.gif);
background-repeat: no-repeat;
}
Lopyn
Profil
tak sem to nakonec vyřešil prasácky a to tak, že jsem vložil mezi obrázek a seznam další div, kterej reguluje vzdálenost těchto dvou prvků.
Manq
Profil
.cislo ul{
list-style-image:none;

/*list-style-position:inside;*/
padding-left:7px;
margin-left:7px;
}
.cislo ul li{
background-position:top left;
background-image:url(bullet.gif);
background-repeat: no-repeat;
}


Co ti na tomhle nefunguje?
Lopyn
Profil
no v IE se to nezobrazuje vůbec xD. zarážky... a v ostatních prohlížečích se to zase připláclo na obrázek..
Trejpa
Profil
Lopyn

Funguje všude:

ul { padding: 0; margin: 0; }
li { list-style-type: none; padding: 0 0 0 20px; margin: 0;
background: url(bullet.gif) center left no-repeat; }

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0