Bullet pointai palenda po paveiksleliu (Wordpress)

Sveiki, turiu problema su Wordpress bulletais. Noriu padaryti taip:

[ ---------------- ] • Kazkoks sarasas

[ ---------------- ] • Kazkoks sarasas

[ Paveikslelis ] • Kazkoks sarasas

[ ---------------- ] • Kazkoks sarasas

[ -----------------] • Kazkoks sarasas

• Kazkoks sarasas

• Kazkoks sarasas

• Kazkoks sarasas

Bet gaunasi taip, kad bullet pointai esantys prie paveikslelio palenda po juo.

[ ---------------- ] Kazkoks sarasas

[ ---------------- ] Kazkoks sarasas

[ Paveikslelis ] Kazkoks sarasas

[ ---------------- ] Kazkoks sarasas

[ ---------------- ] Kazkoks sarasas

• Kazkoks sarasas

• Kazkoks sarasas

• Kazkoks sarasas

CSS kodas:

ul {
	padding:0;
	margin:0 0 26px 0;
}

ul li {
	vertical-align:top;
	list-style-type:none; 
	list-style-position:inside;
	background:url(images/list-marker.png) 0px 5px no-repeat;
	padding:0px 0 0px 20px;
	margin:0 0 6px 0;
}

ul li a {
	color:#6d6d6d;
	text-decoration:none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}

ul li a:hover {color: #d3280b;}

Galeciau viska pataisyti idedamas margin-left, bet sis variantas netinka, nes dizainas turi buti responsive. Galbut kas isivaizduojate kur ieskoti problemu?

duok veikiantį pvz, kad eitų debuginti, dabar niekas nenorės net spėlioti kai nemato varianto.

duok veikiantį pvz, kad eitų debuginti, dabar niekas nenorės net spėlioti kai nemato varianto.

Atsiprasau, mano klaida. Stai veikiantis pavyzdys:

http://jsfiddle.net/2UnjF/

jeigu nebijai senų naršyklių, žaisk su css3 :before , o ne ant itemo dėk background. Tada viskas susitvarkys, bet nepalaikys IE8 berods

jeigu nebijai senų naršyklių, žaisk su css3 :before , o ne ant itemo dėk background. Tada viskas susitvarkys, bet nepalaikys IE8 berods

Dekoju, problem solved. ;)

Dekoju, problem solved. ;)

nėra už ką, bet sakei, kad pas tave responsive, tai nepamiršk patraukti į šoną šiek tiek visą bloką, kad esant wide screenui neužeitų ant paveiksliukų taškai

nėra už ką, bet sakei, kad pas tave responsive, tai nepamiršk patraukti į šoną šiek tiek visą bloką, kad esant wide screenui neužeitų ant paveiksliukų taškai

Ech.. uzejo. :D Ikisau i wordpress, tai puse bullet pointu ant paveiksliuko, o puse ten kur ir turi buti. :D

Anyway, viskas normaliai dabar isskyrus viena dalyka. Pasidariau situos bulletus kaip atskira klase, tai man dabar rodo ir paprastus bulletus be klases, ir situos kuriuos dabar pasidariau. Bulletai be klases ant paveikslelio kabo, o su klase kaip ir turi buti.

nėra už ką, bet sakei, kad pas tave responsive, tai nepamiršk patraukti į šoną šiek tiek visą bloką, kad esant wide screenui neužeitų ant paveiksliukų taškai

Zinai gal kaip isspresti sita problema? :D

nu tai dėk šitą divą į parentą ir daryk visur plotį procentais. ir nustatyk, kad kiekvienas li turi "float: left" taisyklę ir "margin-left: 5px;" taisyklę. Nu ir galiausiai tą : before taisyklę apsirašysi taip, kad būtų burbulas 5px į šoną ir tau visada bus normaliai