Egyéb problémák

[<madbence />]

background-position: x y
Ez pont jó lesz.
Itt egy kép mellékelve, miért is negatív. (mert a hátteret tolod el, nem magát a konténert)

[NoNametheone]

én is így gondolnám de itt pont fordítva van, vagy nem értem...
http://www.w3schools.com/css/tryit.asp?filename=trycss_sprites_img

[Rimelek]

Javascripttel is előre lehet tölteni a képeket, hogy ne villanjanak képcserekor. Nem ez az előnye a css megoldásnak, hanem az, hogy javascript nélkül is működik. És talán egyszerűbb is. Kivéve, ha egyszer csak nagyobb kép kell és az egészet lehet újraszerkeszteni. De kész oldalnál ez már nem lehet túl gyakori.

De igen, meg kell adnod a képet mindig.

A left érték a bal széltől való távolság. Szóval ha minél nagyobb értéket megadva távolabb kerül a kép a bal széltől, akkor minél kisebbet megadva közelebb. Negatívval pedig balra kilép.

[NoNametheone]

üdv!

image spritesot használnék a képek megváltoztatásához :hover-nél mert gyorsabb mint a js, mert jsnél addig eltűnik a kép amíg nem tölti le a másikat,
css nél meg ilyen nincs..

 ugye egy képnél szépen meg is hogy

Kód: CSS

1. #kepgomb a:hover{background: url('img.gif') 0 -45px;}
2.  

de ha több gombot akarok megadni akkor megkell adnom mindig a kép elérési utját ezt nem lehet megoldani valahogy-e nélkül?

(kb 15 gomb van tehát 15 képem van, mindegykiben egy sima meg egy hover résszel)

+1 kérdés: nem értem a leftet miért mínuszban kell megadni hogy tényleg balra mozduljon el a kép? (ha simában adom meg jobbra megy el a kép)

[M. Tamás]

Kód: CSS

1. display: block;
2. float: left;

lényegében, de mást is fog kelleni módosítanod

Igen, mert ha középre szeretném, akkor lennie kell majd kiszámolt margónak... lehet, hogy maradok akkor az inline-block-nál.

[tomi6230i]

Kód: CSS

1. display: block;
2. float: left;

lényegében, de mást is fog kelleni módosítanod

[M. Tamás]

Mit?

A gondom. http://mafia.realgameguides.com/ -> Azok az elemek, melyeknek fekete a háttere és MAFIA van pirossal rajta, azok csak akkor néznek ki úgy, ahogyan css-ben beállítottam, hogyha a lejjebb írt tulajdonságot beállítom neki, amúgy meg nem (<a> elem mind, vagyis alapból mind szövegközi).

[tomi6230i]

Mit?

[M. Tamás]

inline-block-ot pl. horizontális menüknél szokás használni. Ahol olyan beállítások kellenek, amelyek blokkszintű elemekre jellemzőek, pl. az inline-nak nem lehet beállítani a szélességet. De inline-block mindig megkerülhető, legfeljebb picit több kód kell. Én azt mondom, hogy ne használd.

Az inline-block-ot? Akkor hogyan oldjam meg helyette? :confused:

[tomi6230i]

inline-block-ot pl. horizontális menüknél szokás használni. Ahol olyan beállítások kellenek, amelyek blokkszintű elemekre jellemzőek, pl. az inline-nak nem lehet beállítani a szélességet. De inline-block mindig megkerülhető, legfeljebb picit több kód kell. Én azt mondom, hogy ne használd.

[M. Tamás]

Az inline-block az inkább olyan, mint a block, csak nem kerül automatikusan új sorba. Na meg IE nem ismeri, azt hiszem, hogy 8-as verziótól már igen.

Csak mert FF-ben így néz ki, ha nincs megadva az a.img-nek a display:inline-block;. Block-ban meg sortörést csinál, akkor mit használjak?

[tomi6230i]

Az inline-block az inkább olyan, mint a block, csak nem kerül automatikusan új sorba. Na meg IE nem ismeri, azt hiszem, hogy 8-as verziótól már igen.

[M. Tamás]

Nem. Ez olyan, mint a vastag dőlt betű és a dőlt vastag. Nem ugyanaz az eredmény?

Örök dilema.
Mi a különbség a display:inline; és a display:inline-block; között? Azt tudom, hogy szövegközi és szövegközi tömb, viszont nem tudom mi a megjelenésbeli különbség (az IE nem ismeri fel az utóbbit). A div-ekre szövegközi tömb-öt használok, de akkor az inline is jó lenne helyette?

[Rimelek]

Nem. Ez olyan, mint a vastag dőlt betű és a dőlt vastag. Nem ugyanaz az eredmény?

[M. Tamás]

Szerintem tök mindegy.

Értem. Ez olyasmi mint az echo illetve a print. :idiot: