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

Neurochirurgie minim invazivă

"Primum non nocere" este ideea ce a deschis drumul medicinei spre minim invaziv.

Avansul tehnologic extraordinar din ultimele decenii a permis dezvoltarea tuturor domeniilor medicinei. Microscopul operator, neuronavigația, tehnicile anestezice avansate permit intervenții chirurgicale tot mai precise, tot mai sigure. Neurochirurgia minim invazivă, sau prin "gaura cheii", oferă pacienților posibilitatea de a se opera cu riscuri minime, fie ele neurologice, infecțioase, medicale sau estetice.

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