ugrás a tartalomhoz

Archívum - 2009

július 8

Image replacement kerdes

zoliky · 2009. Júl. 8. (Sze), 09.35
Hello,
A kovetkezo modszert hasznalom (image replacement):

HTML:

<h2> 
<span></span>Hello World 
</h2>
CSS:

h2 { 
 width: 150px; 
 height: 35px; 
 position: relative; 
}

h2 span { 
 background: url(hello_world.gif) no-repeat; 
 position: absolute; 
 width: 100%; 
 height: 100%; 
}
A problema az, hogy a "Hello World" szoveg nem link. Megprobaltam igy:

HTML:

<h2> 
<span></span><a href="#">Hello World</a>
</h2>
Persze ugy tesz mintha semmi sem tortenik! A kep nem klikelheto! Valami otlet?
 ■

július 8

CSS Sprites are Stupid – Let's Use Archives Instead! (Firefox Demo)

yaanno · 2009. Júl. 7. (K), 22.24
Miért nem jó a CSS sprite, és miért használjunk inkább JAR-t
 ■

jQuery függöny

zoliky · 2009. Júl. 7. (K), 20.37
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!
 ■

Hogyan tudom meg az ID-t?

zoliky · 2009. Júl. 7. (K), 13.51
Hello,
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>
A Span ID-jet a kovetkezo keppen tudom meg JavaScript (jquery) alatt:

$(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
    });
});
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?
 ■

Stopping the CSS positioning panic (Part 1)

yaanno · 2009. Júl. 7. (K), 12.42
A pozícionálásról (nem csak) kezdőknek
 ■

Weblabor a Twitteren

Török Gábor · 2009. Júl. 7. (K), 11.31
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.

DIV-ben IFRAME + IE7

SySERR · 2009. Júl. 7. (K), 11.14
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!
 ■

CSS line-height - a simple step-by-step presentation

yaanno · 2009. Júl. 7. (K), 10.28
Nagyszerű bevezető a line-height tulajdonság világába
 ■

július 6

overmouse gondok

pacee · 2009. Júl. 6. (H), 20.43
Olyan menüt szeretnék kialakítani, ahol a menügombokat én rakosgatom be egy div-be. Namármost, el szeretném érni, hogy a gomb képe változzon ha ráviszem az egérkurzort. Találtam különböző javascript megoldásokat, de azok csak egy gomb változását tudták megoldani, én pedig minden gombnál el szeretném érni ezt. Itt a script,amivel dolgozom:

<script language='JavaScript'>
<!--
function click555()
{
var URL = 'link címe';
var link = '' + URL;
if (link != '') window.location = URL;
}
function mouseover555()
{
if (document.images) {document.img555.src = MouseOverImage555.src;}
}
function mouseout555()
{
if (document.images) {document.img555.src = MouseOutImage555.src;}
}
function mousedown555()
{
if (document.images) {document.img555.src = MouseDownImage555.src;}
}
if (document.images)
{
MouseOverImage555 = new Image();
MouseOutImage555 = new Image();
MouseDownImage555 = new Image();
MouseOverImage555.src = 'valtokép';
MouseOutImage555.src = 'alapkép';
MouseDownImage555.src = 'klikkkép';
}
// -->
</script>
<a href='javascript:click555()' onMouseOver='mouseover555();' onMouseOut='mouseout555();' onMouseDown='mousedown555();'>
<img name='img555' src='alapkép' alt='Megaport Portál' border=0 vspace=0 hspace=0></a>

Gondolom a script-ben kéne változásokat eszközölni, de sajnos nem értek hozzá ennyire. Tudna valaki segíteni ebben? Előre is köszönöm!
 ■

HTML 5 Cheat Sheet (PDF)

Kevlar · 2009. Júl. 6. (H), 18.08
HTML 5 Cheat Sheet - eléggé beszédes cím
 ■