Archívum - Júl 7, 2009
CSS Sprites are Stupid – Let's Use Archives Instead! (Firefox Demo)
Miért nem jó a CSS sprite, és miért használjunk inkább JAR-t
■ jQuery függöny
Hello,
A kovetkezo menut raktam ossze: http://bit.ly/9sZkD
A menu alatt SPAN elemek vannak, mindegyik kulombozo szinu. Ezeket a SPAN elemeket siman el birom tuntetni az "overflow: hidden;"-el (persze a demo-ban ez nincs benne).
Az animaciot meg birtam volna csinalni a jQuery UI csomagal de eppen az volt a lenyeg, hogy sima jQuery-vel legyen megoldva! Velemenyetek szerint ha eltuntetem a SPAN tagogat "overflow"-al lehet valami hatranya a dolognak ?
Koszonom!
■ A kovetkezo menut raktam ossze: http://bit.ly/9sZkD
A menu alatt SPAN elemek vannak, mindegyik kulombozo szinu. Ezeket a SPAN elemeket siman el birom tuntetni az "overflow: hidden;"-el (persze a demo-ban ez nincs benne).
Az animaciot meg birtam volna csinalni a jQuery UI csomagal de eppen az volt a lenyeg, hogy sima jQuery-vel legyen megoldva! Velemenyetek szerint ha eltuntetem a SPAN tagogat "overflow"-al lehet valami hatranya a dolognak ?
Koszonom!
Hogyan tudom meg az ID-t?
Hello,
Van egy HTML kod:A Span ID-jet a kovetkezo keppen tudom meg JavaScript (jquery) alatt:Szerintem a $(this)[0].title nem egy jo megoldas, mert ha egyik a ketto kozul valtozik (title vagy span id) nem mukodik a szkript.
Minek a title tag ha kiszedhetnem egyenesen a SPAN-bol az ID-t ? Meg tudnam csinalni, hogy egyenesen a SPAN-bol jojon ki az ID neve?
■ Van egy HTML kod:
<ul>
<li><a href="#" title="one">Home</a><span id="one"></span></li>
<li><a href="#" title="two">About</a><span id="two"></span></li>
<li><a href="#" title="three">News</a><span id="three"></span></li>
<li><a href="#" title="four">Servives</a><span id="four"></span></li>
<li><a href="#" title="five">Clients</a><span id="five"></span></li>
<li><a href="#" title="six">Contact</a><span id="six"></span></li>
</ul>
$(document).ready(function() {
$('ul li a').hover(function() {
// A span ID-t kiszedem a title attribute segitsegevel.
var idName = $(this)[0].title;
// A ID nevet felhasznalom es a SPAN-on animaciot vegzek
$('#' + idName).stop().animate({
marginTop: "-30px",
}, 600);
},
function() {
// code 2
});
});
Minek a title tag ha kiszedhetnem egyenesen a SPAN-bol az ID-t ? Meg tudnam csinalni, hogy egyenesen a SPAN-bol jojon ki az ID neve?
Stopping the CSS positioning panic (Part 1)
A pozícionálásról (nem csak) kezdőknek
■ Weblabor a Twitteren
Három hete, hogy megjelent a Weblabor a Twitteren. (Mi a Twitter?) A Weblabor Twitter-kontóján a Weblabor házatájáról olvashattok bejegyzéseket a szerkesztőktől.
A következetes moderációs gyakorlat miatt rendre kaptunk bírálatot, hogy egy-egy tartalom miért nem fér el blogmarkként, amikor az a beküldő számára fontos és értékes. Ennek feloldására tesszük lehetővé azt, hogy begyűjtjük a #weblabor címkéjű csiripeket és az oldalsávban megjelentetjük őket.
A következetes moderációs gyakorlat miatt rendre kaptunk bírálatot, hogy egy-egy tartalom miért nem fér el blogmarkként, amikor az a beküldő számára fontos és értékes. Ennek feloldására tesszük lehetővé azt, hogy begyűjtjük a #weblabor címkéjű csiripeket és az oldalsávban megjelentetjük őket.
DIV-ben IFRAME + IE7
Adott a kovetkezo oldal: http://www.streamstat.hu/stat.cgi?info=icecast2-mch&87.229.24.114:8040
Az osszes altalam kiprobalt bongeszo alatt jo (Firefox 3.5, Chrome, Opera, Safari), de IE7 alatt a grafikonok eltakarjak a fentebb talalhato informacios reszt es a lejatszasi linkeket. Meg IE8 alatt is jo, de a kompatibilitasi nezet bekapcsolasa utan az is eltakarja. Az IE7 supportot nem szeretnem dobni mert nehanyan meg azt hasznaljak.
A problemas kod:
<div class="stat_info_right"><iframe scrolling="no" height="235" width="489" frameborder="0" name="mchplaypanel" allowtransparency="true" src="playmchpanel.cgi?icecast2-mch&87.229.24.114:8040" style=""></iframe></div>
Egy hulye kerdes de azert beprobalom:
Safari alatt a fooldalon eltunik a `rendezes` es a `talalat/oldal` utan a kivalaszto resz ket ok miatt: Safari alatt szelesebb a space, az alt+0160 karakter es a kivalaszto gomb. Ezeknek a mereteit hogy tudom beallitani?
Help pls!
■ Az osszes altalam kiprobalt bongeszo alatt jo (Firefox 3.5, Chrome, Opera, Safari), de IE7 alatt a grafikonok eltakarjak a fentebb talalhato informacios reszt es a lejatszasi linkeket. Meg IE8 alatt is jo, de a kompatibilitasi nezet bekapcsolasa utan az is eltakarja. Az IE7 supportot nem szeretnem dobni mert nehanyan meg azt hasznaljak.
A problemas kod:
<div class="stat_info_right"><iframe scrolling="no" height="235" width="489" frameborder="0" name="mchplaypanel" allowtransparency="true" src="playmchpanel.cgi?icecast2-mch&87.229.24.114:8040" style=""></iframe></div>
Egy hulye kerdes de azert beprobalom:
Safari alatt a fooldalon eltunik a `rendezes` es a `talalat/oldal` utan a kivalaszto resz ket ok miatt: Safari alatt szelesebb a space, az alt+0160 karakter es a kivalaszto gomb. Ezeknek a mereteit hogy tudom beallitani?
Help pls!
CSS line-height - a simple step-by-step presentation
Nagyszerű bevezető a line-height tulajdonság világába
■