"-webkit-filter: blur(5px); megoldásra jQuery UI-val" - ez a kettő valahogy nem jön össze a fejemben. Az egyik css, a másik javascript.

Jsfiddle-t használd kérlek.

Én kérek elnézést!

Helló!
Minap futottam bele egy olyan esetbe, hogy egy letöltött css menü templateben egy png képre hivatkozva az az egyes menüelemekhez hozzárendelte a képeket.
Tehát, 1x1 pixeles üres png kép, mellette a többi ami a menüelemek mellett van. A css-ben csak ennyi áll:

ul#cssmenu a{
bla
bla bla
background-image:url("main.png");
bla
bla
}

ez valami bűvös kép mivel lehet szerkeszteni az elérési útjait?

[ Szerkesztve ]

Miért vegyem meg, ha 3x annyiért, 3x annyi idő alatt megépíthetem? ´¯`·.¸¸.·´¯`·.¸><(((º>

???

"mivel lehet szerkeszteni az elérési útjait?"

Most komolyan ez akart a kérdés lenni, vagy én értek félre valamit? Mondjuk egy szövegszerkesztővel lehet szerkeszteni az elérési utat.

Én kérek elnézést!

elbeszélünk egymás mellett... tehát szeretném ha hover-re másik képek jönnének be, és persze megcsinálhatom gyalog módszerrel, kap minden menüelem külön class-t, de ilyet először láttam és érdekel. Tehát a PNG kép hívja meg a többi képet, és az tartalmazza szerintem az elérési utat mivel az egyes képeknek random neve van, tehát nem egy sorozatot hív be mondjuk 1.jpg 2.jpg stb. Ezt dupláznám meg, és átírnám benne a hover képekre az elérési utat. Viszont természetesen csak úgy szövegszerkesztővel egy png-t nem lehet módosítani.

[ Szerkesztve ]

Miért vegyem meg, ha 3x annyiért, 3x annyi idő alatt megépíthetem? ´¯`·.¸¸.·´¯`·.¸><(((º>

"Tehát a PNG kép hívja meg a többi képet, és az tartalmazza szerintem az elérési utat mivel az egyes képeknek random neve van"

Hogy mi van??? A PNG kép garantálom neked, hogy nem hív meg semmit.

Én kérek elnézést!

[link] file>download nézd meg

Miért vegyem meg, ha 3x annyiért, 3x annyi idő alatt megépíthetem? ´¯`·.¸¸.·´¯`·.¸><(((º>

jsfiddle-ön szeretném megnézni. Hidd el neked is jobb lesz úgy.

Én kérek elnézést!

Csak hogy tisztázzuk, mert itt senki sem érti, miről beszélsz, te meg nem tudod - már bocsánat a megjegyzésért.
.png
Tehát ez egy fájlformátum (kép), nem egy futtatható kód.

[ Szerkesztve ]

most vettem észre, hogy kimutat egy külső fájlra nekem is gyanús volt, benéztem.

Miért vegyem meg, ha 3x annyiért, 3x annyi idő alatt megépíthetem? ´¯`·.¸¸.·´¯`·.¸><(((º>

Sziasztok, lenne egy kicsit összetettebb kérdésem, nem igazán értek a css+html+javascripthez. Van ez a játék:link. Ez ugye az előbb leírt nyelveken íródott. Én Windows Phone+C#-ban vagyok otthon, így szeretném portolni a játékot, illetve egy két funkcióval kiegészíteni. Annyi lenne a problémám ,hogy amikor csinálok egy húzást, akkor nem csak az a négyzet mozog amelyiknek kéne, hanem még pár másik is, de ezek csak minimálisan, mintha remegnének. De csak Windows Phone-n van ilyen problémám, ha ezt a sort kiveszem a main.css-ből:" -ms-transition: 100ms ease-in-out;" akkor megszűnik a problémám, de ezzel a húzás animálása is eltűnik. Ebben kérném a segítségeteket. Köszönöm.

És ezt te most hogy akarod portolni? C#-on belül futtatsz egy beépített böngészőt?
Javaslom, most már várd meg a WP 8.1-et (2 nap a bejelentéséig), mert abban már lesz natív html5 futtatás támogatás.

Én kérek elnézést!

Így van, fut szépen minden, meg működik az összes funkció. Csak ez a remegés idegesítő benne. Az a baj hogy mire a 8.1 SDK használható lesz az több idő.

Maga az SDK használható lesz napokon belül.
Az más kérdés, hogy mire a telefonok befrissülnek 8.1-re, az kb. 1 hónap lesz még.

Én kérek elnézést!

Vagy még több, kivéve a béta programban résztvevőket.
Lelassítva az animációt, olyan mintha 1pixellel arréb kerülnének a csempék, majd a végén vissza, ezért olyan mintha remegnének, valakinek valami ötlete, hogy ezt mi okozhatja?

Üdv!

keyframes-el hozzá adtam pár li-hez animációkat amik az oldal betöltésekor/után pár másodpercel futnak le.Utánna hozzá adtam ugyan ezekhez az elemekhez egy hover effect-et,de valamiert chrome-be nem működik a hover effect.Firefox-ba működik néhány,de Chrome-be egyik se.

itt van egy kódrészletem:

.item
{
float:left;
width: 110px;
height: 110px;
cursor: pointer;
border-radius: 50%;
transition: background-color 1s;
background-color: #000;
animation:item ease-in 1;
-webkit-animation-fill-mode:forwards;
}

.item:hover
{
background-color: #637db5;
}

.item-2s
{
animation-duration:2s;
}

.item-Delay-85s
{

animation-delay:8.5s;
}

@keyframes item { 0% { background-color: #000;} 50% { background-color: #637db5;} 100% { background-color: #000;} }

a vendorokat kihagytam a kod roviditese veget.

Elore is koszonom a segitseget!

"Sült hal, Tom Jones, délutáni tea, rossz kaja, mégrosszabb idő, kibaszott Mary Poppins, LONDON!" // ...when i get sad.i stop being sad and be awesome instead...

jsfiddle?

Én kérek elnézést!

Elnézést az valoban lemaradt.Itt potoltam.

"Sült hal, Tom Jones, délutáni tea, rossz kaja, mégrosszabb idő, kibaszott Mary Poppins, LONDON!" // ...when i get sad.i stop being sad and be awesome instead...

Ezzel sokkal előrébb nem leszel, de csináltam egy picit egyszerűsített változatot:

link

IE11-ben tökéletesen működik (egy ideje mondom, hogy az IE egészen felnőtt a feladathoz, már amikor éppen nem utálom az idióta korlátai miatt).
Firefox-ban a kezdő animáció működik, a hover-re elkékül, viszont visszaugraik feketére.
Chrome-ban csak a kezdő animáció működik.

Ahogy kipróbáltam az animációs css rész okozza a gondot. Ha azokat kiveszed, akkor a hoveres animált átszinezés minden böngészőben jól működik. Szvsz valahogy Chrome-ban és FF-ben üti egymást az elsütendő hover animáció, és a beállított egyéb css animációs szabályok.

Én kérek elnézést!

Igen én is erre tippeltem,de akkor gondolom nincs rá megoldás.Az jutott eszembe hogy jquery-vel csinalok ra egy mouseover effectet,vagy elotte removeClass es utanna mouseover,de az se akart mukodni

"Sült hal, Tom Jones, délutáni tea, rossz kaja, mégrosszabb idő, kibaszott Mary Poppins, LONDON!" // ...when i get sad.i stop being sad and be awesome instead...

Ha egyszer túl sok az az animáció amit rákötöttél a Chrome-nak és az FF-nek, akkor ezt hiába kezded el js-el kapcsolgatni.

Én kérek elnézést!

Sziasztok,

CSS segítségével formáznék epub könyvet. Egyedi, beépített font használatakor valamiért az e-readerek nem jelenítik meg a betűtípus, pedig a @font-face stílust definiálom, használom a szövegben. Sigil szerkesztőt használok. Mi lehet a baj?

Köszi!

Original's never fit - Socket 370

Mi a betűtípus formátuma? Eszerint otf-t ajánlott használni.

Sziasztok!

Kis segítsége kérnék Tőletek..

Ebben a css-ben, mit kell ahhoz megváltoztatnom, hogy a fejléc és a lábléc hátterének a méretét változtatni tudjam? Illetve a fejlécben lévő kereső mezőt szeretném megnagyobbítani, de nem tudok rájönni hogyan

Lehet ez nem olyan egyszerű mint, ahogy azt elképzeltem.. Nem konyítok a CSS-hez úgy kezeljetek

Könnyebb lenne a feladat ha az oldalt linkelnéd be amin ezt használod.

but without you, my life is incomplete, my days are absolutely gray

Erről az oldalról lenne szó! Épülget

[ Szerkesztve ]

A fejléchez a .header_inner osztály min-height attribútumát, a a lábléchez a .footer osztályhoz add hozzá a height attribútumot. A keresőmező a .search_input_left, itt módosítsd a tulajdonságokat úgy hogy neked megfejeljen.

Annyit azért hozzátennék, hogy ez egy nagyon rossz struktúra így. Táblákban div-ek, egyedi elemekre felhasznált osztályok... jaj.

but without you, my life is incomplete, my days are absolutely gray

Próbálkozok ..

Hátha van még rajtam kívül valaki akinek ez új:
Vertikálisan középre rendezés CSS-el bármit, bármiben! A tűz és a kerék óta nem volt ilyen jelentős felfedezése az emberiségnek.

but without you, my life is incomplete, my days are absolutely gray

Sziasztok, azt szeretném megoldani, hogy ha valaki ráviszi az egeret egy képre akkor az növekedjen meg. Ezt meg tudom olfani csak azt nem tudom hogy hogyan csináljam meg, hogy mikor megnövekszik eltakarja a többi elemet és ne tolja őket el.

"Tigris, tigris, csóvafény éjszakáknak erdején, mily kéz adta teneked szörnyü és szép termeted?" -William Blake-

CSS. [link]

-gf-

Lehet velem van a baj de én nem látom a megoldást a problémámra.

"Tigris, tigris, csóvafény éjszakáknak erdején, mily kéz adta teneked szörnyü és szép termeted?" -William Blake-

Nem túl egyértelmű a kérdés, amire te gondolsz az szerintem valami jquery lightbox szerű dolog lehet. De ha elég az hogy csak kicsit nagyobb legyen a kép, akkor :hover állapotra el kell venni a margóból (már ha van miből). Fiddle.

but without you, my life is incomplete, my days are absolutely gray

Ha nem elég egyértelmű akkor bocs, megpróbálom még egyszer. Az megvan, hogy megnő a kép. A probléma az, hogy ha nagyobb akkor nagyobb helyre van szüksége, így az alatta lévő dolgok lejjebb csúsznak és én ezt szeretném elkerülni valahogy úgy, hogy a többi elem felé kerüljön.

[ Szerkesztve ]

"Tigris, tigris, csóvafény éjszakáknak erdején, mily kéz adta teneked szörnyü és szép termeted?" -William Blake-

Jó lenne tudni, hogyan csináltad.

-gf-

hover + transition

"Tigris, tigris, csóvafény éjszakáknak erdején, mily kéz adta teneked szörnyü és szép termeted?" -William Blake-

Z-index-et próbáltad.?

-gf-

Igen, és az lett az eredménye, hogy csak egyik irányba tolja el a dolgokat.

"Tigris, tigris, csóvafény éjszakáknak erdején, mily kéz adta teneked szörnyü és szép termeted?" -William Blake-

Frissített jsfiddle. Szerintem ez már az amit leírtál.
update: Így még átmenetes is

[ Szerkesztve ]

but without you, my life is incomplete, my days are absolutely gray

heló!

adott ez az összerakott gomb: jsfiddle

- azt szeretném elérni, hogy a gomb szélessége dinamikus legyen (.nButton.width ne legyen fix), azaz a szöveg hossza határozná meg a szélességet. úgy szeretném, hogy a szöveg bal és jobb oldalán azonos távolság legyen, tehát ne a .btnArea közepére legyen igazítva, hanem az abban lévő fix logo után maradt helyre, mint ahogy most van

- illetve szeretném, hogy függőlegesen középen legyen a szöveg, de a kis 'v' betű alul, de középen lenne

tudna vki segíteni?

Muton#2316 - $z@r a drop >_<

tessék

Én kérek elnézést!

az eredeti verziót linkelted

Muton#2316 - $z@r a drop >_<

bocsi

Én kérek elnézést!

köszi. de nem erre gondoltam. úgy látszik félreérthető voltam. ilyet szeretnék:

tehát ha a szöveg hosszabb (sosem lesz kisregény 10-50 karakter, a gomb szélesebb lesz, és egy sorban van a logoval. a szöveg mellett azonos távolság, a logo és a szöveg vertikálisan középen, míg a v lent.

egy fix, a gomb magassága, jelenleg 30 px

Muton#2316 - $z@r a drop >_<

Sziasztok,
DOM elemekből, pl span szeretnék egy játéktáblát csinálni.

10x10 -es grid-re lenne szükségem, de sajnos nem értek a css-hez, eddig kb ennyit sikerült összehozni: http://jsfiddle.net/Jim_Y/wQLK3/

Látszik, hogy nem így kéne, túl nagy a gap két sor között :/

De remélem az is látszik, hogy mit szeretnék

Üdv

[ Szerkesztve ]

sikerült

Muton#2316 - $z@r a drop >_<

Köszi!

Újabb kérdésem lenne: a példában szereplő vörös mezőt szeretném felosztani 4 egyenlő részre, mintha bekockáznám. http://jsfiddle.net/25pTC/

Azt szeretném elérni, hogy a négyzet, vagy ha olyan a viewport akkor téglalap négy egyenlő részében, középen legyenek social media ikonok, szépen középre rendezve. Remélem érthető.

Köszi

megj: illetve olyat lehet-e csinálni, hogy a jobb oldali navbar mindig jobb oldalon legyen (scrollozás esetén), ha a bal oldali sávban lesznek majd bejegyzések?!

[ Szerkesztve ]

Itt egy gyors átírás:
http://jsfiddle.net/wQLK3/1/

Egyébként szabad tudni, hogy a sima táblázat (table, tr, td) jelen esetben miért nem jó?

Sk8erPeter

Sziasztok,

Van egy formom, benne input texttel, passworddel és egy buttonnal. (Button, mert a form nem kerül majd elküldésre, csak teszt céljából készül a dolog). A kérdésem az lenne, hogy amikor megadok egy szélességet ezeknek a mezőknek, a Button mindig lemarad ebben. Van erre valamiféle trükk, vagy annak külön meg kell mondani, hogy "na te most akkor XY pixellel több leszel"?

Példa