ugrás a tartalomhoz

Keresek egy js-t menü gombra

L-Bandi · 2011. Júl. 25. (H), 09.54
Egyszer már használtam, de nem találom :(
A lényege az volt, hogy egy képben volt két menügomb, de először csak az egyik jelent meg. Ha felé vitted az egeret, akkor megjelent a kép másik fele (a megadott pixelnél).
Ebben az volt a poén h nem tűnt el kis időre a kép, mert egybe már betöltötte a böngésző a képet.

Ha valaki tudja miről beszélek és tudna adni egy linket, azt nagyon megköszönném!
 
1

megvan!

L-Bandi · 2011. Júl. 25. (H), 09.58
megtaláltam... ha valakit érdekel:
itt van
2

csak éppen nem JS

Akron · 2011. Júl. 25. (H), 10.17
Jó, hogy sikerült magadnak megtalálnod, mert ez éppen nem JS :)
3

:)

L-Bandi · 2011. Júl. 25. (H), 10.26
ja rájöttem. nem tudod hogy lehet témát törölni véletlenül? :) az most sokat segítene :/
4

Törölni?

Arnold Layne · 2011. Júl. 25. (H), 17.23
az most sokat segítene :/

Szerintem meg az a segítség, ha leírod, hogy mi volt a neve annak, amit kerestél (súgok: CSS sprite). Megeshet, hogy mások is JS-sel keresik és nem fogják megtalálni a jó megoldást. Az, hogy belinkelted az első hozzászólásba, az egy jó dolog. Szerintem.
5

jaa

L-Bandi · 2011. Júl. 25. (H), 22.53
oké, köszi! hagyom itt szépen.

egyébként ez lett belőle:
Pcbusz.hu

sajna firefoxban elcsúszik :(
de explorerben szép...
Ha erre valaki tud tippet, küldje be! köszi
6

Nézd át a CSS-t mégegyszer

SecMan · 2011. Júl. 26. (K), 00.20
Firefoxban nálam nincs elcsúszva, ugyanakkor a bannersáv árnyéka csak IE-ben látszik, se Chrome, se FF...
a CSS-t viszont nézd át elgépelések után, pl menu.css
#main: "hight" "height" helyett, a background-position-nek adjál meg értéket, -229 helyett -229px.

Ha a div#main0 -nak adsz 70px-es magasságot akkor a háttér is látszódni fog.
Háttér önmagában nem jelent tartalmat, így a dobozod 0 magas.

Valamint az ul-re adjál 0-s felső margót.

Meg azt nem tudom, hogy miért jó, hogy mindegyik menüelem egy újabb egy tagos lista újabb osztállyal.
7

üdv

L-Bandi · 2011. Júl. 26. (K), 11.36
kijavítgattam a dolgokat amit írtál, köszi, hogy szóltál!
De nekem firefoxban meg g.chromeban még mindig nem jó sem az árnyék sem a hézag... Néztem másik gépeken is és ott sem jó. Tipp?
8

Mondtam pedig :)

SecMan · 2011. Júl. 26. (K), 16.15
#main0{
height:70px;}
ul.menu,ul.menu2,ul.menu3,ul.menu4{
margin-top:0px;}
Továbbá mértékegység megadása érték után:
table height="152" ---> height="152px"

Továbbá, mint mondtam:
a menüpontjaid lehetnének egyetlen <ul>-ben és a <li> vagy <a> elemeket lásd el id-vel, a háttér pozícionálásához, így az ismétlődő kifejezéseket a css-ben is ki tudnád küszöbölni.
pl. most minden ul újabb class-t kap, de ugyanazokkal a meghatározásokkal, ehelyett egyetlen ul, egyetlen azonosító, egyszeri meghatározás.
A sprite-os megoldáshoz szükséges eltérő pozíciókhoz meg az adott elemeket látod el azonosítóval.
9

Köszönöm

L-Bandi · 2011. Júl. 26. (K), 16.34
Úúúú nagyon köszönöm!
Működik, már nincs hézag.

Igen tudom, de nem merem átirkálni már, mert örülök, hogy legalább így működik.

Köszönöm még egyszer a segítséget!
10

Szívesen :)

SecMan · 2011. Júl. 26. (K), 16.42
Szívesen.

...nem merem átirkálni már, mert örülök, hogy legalább így működik.

:)
Erre van a localhost, vagy a megjegyzések használata.
Megjegyzésbe teszed a működő kódot, amíg próbálkozol az újjal és ha nem sikerülne, csak visszaállítod a megjegyzésbe tett kódot.

...és igenis tessék csak próbálkozni, abból tanul a legtöbbet az ember
(én is eme rögös utat járom épp)