Omu’ cât trăieşte învaţă

22 Jun

Nimic mai adevărat. Tocmai am aflat că Internet Explorer + position:relative + padding nu prea se împacă cu eventul mouseover din javascript sau cu pseudo-clasa :hover din CSS (valabil doar pentru IE7).

Codul iniţial era următorul:

<dd>
	<h2><a href="tooltip.cfm?id=#id#&amp;section=#section#" class="jTip">#title#</a></h2>
	<p>in <a href="##">#location_name#</a> of <strong>#apt_no#</strong> of <strong>#property_name#</strong></p>
	<span class="control"><a href="ticket_edit.cfm?id=#id#" class="edit"></a></span>
</dd>

DD era pozitionat relativ iar span class="control" era poziţionat absolut şi afişat doar la mouseover (făcut cu javascript din considerente de compatibilitate cu IE6, altă pocnitoare). Well… După o sesiune de vreo 10 minute de înjurături la adresa neamului lui William Henry Gates al III-lea, mi-a venit ideea salvatoare să aşez tot conţinutul DD într-un DIV:

<dd>
<div class="cnt">
	<h2><a href="tooltip.cfm?id=#id#&amp;section=#section#" class="jTip">#title#</a></h2>
	<p>in <a href="##">#location_name#</a> of <strong>#apt_no#</strong> of <strong>#property_name#</strong></p>
	<span class="control"><a href="ticket_edit.cfm?id=#id#" class="edit"></a></span>
</div> 
</dd>

Am transferat toate proprietăţile DD către div class="cnt" iar eventul l-am lăsat în continuare pe DD. Merge minunat

EDIT:

Este prima mea întâlnire cu Cold Fusion. Pare interesant, dar… Nu-i de mine

Scris în categoria: Astăzi urăsc, Css, Development, Javascript, My work / Portfolio, Tutoriale Niciun comentariu

Fără comentarii »

Lasă un comentariu

Nu completa urmatorul câmp!

Dacă tot mă înjuri, înjură-mă folosind un nume real Aşa cum eu îmi pot da numele şi datele de contact REALE, în acelaşi fel, din respect pentru restul cititorilor (dacă nu pentru mine), poţi folosi şi tu un nume adevărat. Numele mic este suficient (nu vreau să ştiu numele de familie, adresă, etc).
Este un semn de respect reciproc.
Mulţumesc.

Name (required)

Foloseşte o adresă de email REALĂ Nu vei primi spam şi nu vei fi contactat pe această adresă. Este utilă când te abonezi la comentarii

Mail (will not be published) (required)

Scrie site-ul tău Dacă nu ai site (sau dacă pur şi simplu nu vrei să îl dezvălui) lasă gol.
Site-ul NU este o adresă de email.

Website

Poţi folosi câteva taguri XHTML: <blockquote> <strong> <a> <em>

Pentru a posta secvenţe de cod, foloseşte
<pre lang="php/css/html/javascript"> CODUL TĂU <pre>

Do NOT fill this !