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 endoscopică a hipofizei

"Standardul de aur" în chirurgia hipofizară îl reprezintă endoscopia transnazală transsfenoidală.

Echipa NeuroHope este antrenată în unul din cele mai mari centre de chirurgie a hipofizei din Europa, Spitalul Foch din Paris, centrul în care a fost introdus pentru prima dată endoscopul în chirurgia transnazală a hipofizei, de către neurochirurgul francez Guiot. Pe lângă tumorile cu origine hipofizară, prin tehnicile endoscopice transnazale pot fi abordate numeroase alte patologii neurochirurgicale.

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