float image inside the <li> tag

#1
The_recruit

Posted 26 May 2008 - 21:16

Member

Grup: Members
Posts: 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.

Attached Files

firefox.jpg 18.4K 12 downloads
IE_7_si_6.jpg 23.87K 9 downloads
opera.jpg 20.72K 9 downloads

Back to top

#2
MembruAnonim

Posted 27 May 2008 - 01:35

MembruAnonim

Grup: Banned
Posts: 398,284
Î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�

Back to top

#3
The_recruit

Posted 27 May 2008 - 05:21

Member

Grup: Members
Posts: 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.

Back to top

Anunturi

Chirurgia cranio-cerebrală minim invazivă

Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne.

Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale.

www.neurohope.ro

float image inside the <li> tag

#1 The_recruit Posted 26 May 2008 - 21:16

Attached Files

#2 MembruAnonim Posted 27 May 2008 - 01:35

#3 The_recruit Posted 27 May 2008 - 05:21

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
The_recruit

Posted 26 May 2008 - 21:16

#2
MembruAnonim

Posted 27 May 2008 - 01:35

#3
The_recruit

Posted 27 May 2008 - 05:21