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 spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

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