float image inside the <li> tag

#1
The_recruit

Publicat: 26 mai 2008 - 21:16

Member

Grup: Members
Mesaje: 276
Înscris: 29.08.2005

Nu mi s-a mai intamplat sa am acelasi element afisat in 3 moduri diferite respectiv in Firefox, ie si opera.

<li> <p class="clearfix"><a href="java script:;" onmouseover="doTooltip(event,0)" onmouseout="hideTip()"><img src="Imagini/#.jpg" alt="" class="img_float"/></a>bla bla </p>
</li>

si css:

.img_float {float:left; margin: 0 5px 5px 0; border:thin solid #7b8439; padding: 3px; width:110px}

si hackul de float (am incercat si simplu cu <br class=clear: both> si e aceeasi treaba):

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

Ce se intampla: in firefox imi arata cum trebuie deci tot respectul in ie imi arata bullet number mai jos iar in opera imi arata numarul pe imagine.

S-a mai confruntat cineva cu asa ceva? Chiar as vrea sa am numerotarea acolo si sa nu o scot.
Am atasat si imagini sa vedeti despre ce e vorba.

Fi�iere ata�ate

firefox.jpg 18,4K 12 download-uri
IE_7_si_6.jpg 23,87K 9 download-uri
opera.jpg 20,72K 9 download-uri

Sus

#2
MembruAnonim

Publicat: 27 mai 2008 - 01:35

MembruAnonim

Grup: Banned
Mesaje: 399.554
Înscris: 08.10.2015

cred c� ar trebui s� dai float la link, nu la imagine.
apoi, dac� nu merge a�a, �ncearc� urm�toarea chestie:
clasa clearfix o pui pe LI
link-ul cu imagine �l sco�i din <p> �i �i dai float:left; iar la paragraf �i dai float:left. asta ar trebui s� mearg�

Sus

#3
The_recruit

Publicat: 27 mai 2008 - 05:21

Member

Grup: Members
Mesaje: 276
Înscris: 29.08.2005

i0nutzb, on May 27 2008, 01:35, said:

cred c� ar trebui s� dai float la link, nu la imagine.
apoi, dac� nu merge a�a, �ncearc� urm�toarea chestie:
clasa clearfix o pui pe LI
link-ul cu imagine �l sco�i din <p> �i �i dai float:left; iar la paragraf �i dai float:left. asta ar trebui s� mearg�

Am incercat si eu mai multe combinatii de genul crede-ma, inclusiv ultima metoda data de tine. Se pare ca alta trebuie sa fie problema.

Sus

Anunturi

Bun venit pe Forumul Softpedia!

float image inside the <li> tag

#1 The_recruit Publicat: 26 mai 2008 - 21:16

Fi�iere ata�ate

#2 MembruAnonim Publicat: 27 mai 2008 - 01:35

#3 The_recruit Publicat: 27 mai 2008 - 05:21

Anunturi

▶ Utilizatori activi: 1

Autentificare

#1
The_recruit

Publicat: 26 mai 2008 - 21:16

#2
MembruAnonim

Publicat: 27 mai 2008 - 01:35

#3
The_recruit

Publicat: 27 mai 2008 - 05:21