Köszönöm!

Sziasztok,

Most arra lennék kíváncsi, hogyan lehetne azt megoldani, hogy amikor kicsinyítem az oldalt (chromeban pl ctrl + scroll lefelé) akkor a kép mérete ne változzon. Itt egy példa.

Media query-vel tudod a dpi függő propertyket is megadni, nem csak a képernyő felbontás függőeket.

Én kérek elnézést!

Szia,

A megoldás:
background: url('vmi.jpg') fixed center center no-repeat;
background-size: cover;
Az ördög az utolsó sorban van.

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

Köszönöm!

Sziasztok, egy elméleti kérdés. Egy vízszintes menüt próbálok összehozni de nem tudom rávenni hogy az elemek középre legyenek rendezve és a maradék helyet kitöltse a hátterük. Tehát olyan széles legyen mint az oldal...

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

Ilyesmire gondoltál?

Inkább valami ilyesmire... persze ezt most hirtelen dobtam össze uh. biztos nem pontos az elválasztás... A betűtípus sem fontos....

[ Szerkesztve ]

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

És ez nagyobb felbontásokon jól nézne ki?

Minden formázást félretéve csak a lényeg:
ul { list-style: none; text-align: center; }
li { display: inline-block; }
jsfiddle példa

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

Nem ! De most nem is az a lényeg hanem az elrendezés...

DNReNTi:
Eddig én is megoldottam... most jönne az a rész, hogy ha háttérszínt állítok akkor ne látszódjon köztük hely meg hogy a hátterek kitöltsék az oldal szélességét...

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

Hát ha eddig eljutottál akkor nem értem a többi miért gond.
No de megoldottam neked.

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

Gyakorolnom kellene a tükör előtt mert nem értenek meg az emberek A különböző menüelemek háttere ki kellene töltse az egész szélességet... ezzel van problémám...

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

Valóban nem sikerült ezt eddig megfogalmaznod
fiddle

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

Legközelebb ügyesebb leszek ez az amire gondoltam... Köszönöm

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

Sziasztok ismét,

Ugye nemrég kérdeztem, hogyan lehet megoldani azt, hogy oldal nagyítás-kicsinyítés hatására ne változzon a kép.

Akkor meg adtam egy heightet, például 400 pixel. De mit kellene tennem akkor, ha ennek a képnek mindig a képernyő aljáig kell érnie? Például itt. Ha nagy monitoron nézem, ha laptopon, a kép mindig beteríti a területet.

Mondjuk nem pixelben adod meg a méretet, hanem százalékban. Ez most komoly kérdés volt, vagy valami elfuserált poén?

Én kérek elnézést!

Nem poén, %-ban meg van kavarodva a css, ezért gondoltam, hogy ide is valami turpisság kell. Lehet akkor a divek kesze-kuszák neki, átnézem azokat. :S

Szerk.: tényleg a divekkel volt a baj, sry.

[ Szerkesztve ]

Sziasztok, hogy tudnám egy inputnak megváltoztatni a háttérszínét akkor amikor a felhasználó rákattint, úgy, hogy úgy is maradjon? Illetve konkrétabb kérdés, hogy ezt meglehet e css-ben oldani vagy mondjuk js-el kell varázsolni?

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

CSS-el nem hiszem, hogy meg lehet csinálni, hogy úgy is maradjon, de js-el elég egyszerűen.

CSS-highlight:

<input type="text" class="inp" />

.inp:focus {
background-color: lightgreen;
}

Vanilla JavaScript:

Nem teszteltem: http://jsfiddle.net/Jim_Y/9yY2k/

jQuery:

http://jsfiddle.net/Jim_Y/q8L5G/1/

Szerinted ha egy függőlegesen tartott, 3 m hosszú léccel be akarsz menni egy 2 m magas ajtón, akkor a léc alkalmazkodni fog az ajtó méretéhez? Csak azért mondtam ezt a példát, hogy érezd, hogy a fix méretekkel kb. mit tudsz kezdeni. Vágod, a pixel az egy képpont, 400 képpont az 400 képpont, és kész. Nem alkalmazkodik az semmihez.

(#1070) Jim-Y :
Neked meg itt válaszoltam, nem nagyon reagáltál.

Sk8erPeter

Sziasztok!

Vannak egy oldalon különböző div-ek, az egyikben egy lenyíló select mező. Ha ez lenyílik, egy alatta lévő div eltakarja a felét a lenyílt mezőnek. Hogyan lehetne megoldani hogy a lenyíló select listája mindig minden felett legyen? A z-index tulajdonsággal próbálkoztam, ez a diveket szépen egymásra helyezi amilyen sorrendben akarom, de a divből nyíló mezőt már nem.

Az idő sebessége: 1s/s

Példát kérünk jsFiddle-re.

(#1072) Jim-Y : szívesen.

Sk8erPeter

Sziasztok, van egy oldal ahol egy php kód betölt x képet egy mappából. Ezek a képek ezekkel a tulajdonságokkal rendelkeznek:

img.galery{
width:150px;
height:150px;
border:5px groove pink;
padding:10px;
border-radius:3px;
margin:30px;
}

ez így szép és jó... a szülőelem beállítása szerint szépen megjelennek a képek középre rendezve, egy sorban x darab... Most rájöttem hogy a kereten belül kellene egy címet is írni ezért a képet beraktam egy div-be. Eme div tulajdonságai ~ugyan azon:

div.ga{
width:150px;
height:200px;
border:5px groove pink;
padding:10px;
border-radius:3px;
margin:30px;
font-family:CURSIVE;

}

Így viszont már egymás alatt jelennek meg a div-ek... (Bár tudtom szerint a diveknek ez az alap beállítása, megpróbáltam beállítani a display-t inline-ra, de semmi...

[ Szerkesztve ]

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

Erre is ezt tudom mondani: [link].

Sk8erPeter

Nem arra való, szóval nincs PHP-értelmező, de fogod, az érintett oldalnál a böngészőben megnyitod a forráskódnézegetőt (Ctrl+U) vagy a webfejlesztő panelt (Ctrl+Shift+I vagy F12), és szépen kimásolod a kész HTML-kimenetet, persze csak a releváns részeket. (Ahogy Jim-Y is írta.)

(#1079) kemkriszt98 :
A CSS, meg a kész HTML-kód szempontjából totálisan mindegy, hogy milyen szerveroldali/akár kliensoldali kód generálta le, először arra kell rájönni, hogy mi a rossz a kimenetben nálad, és rájövünk-e a hibára, aztán vissza lehet görgetni a korábbi állapotokra (hogy hogyan is történjen az a legenerálás).
A böngésződ sem látja az általad írt PHP-kódot, ő is csak a kapott HTML-kimenetből, meg CSS-kódokból (plusz JS-kódok, stb.) tud valamit megjeleníteni! A szervertől csak kap egy kódhalmazt, hogy nesze, ezzel kezdjél valamit. Eszerint gondold végig.

[ Szerkesztve ]

Sk8erPeter

Na, megszületett [link]

Azt tudtam, hogy a böngésző a "kész" html kódot kapja meg csak ez a megoldás nem jutott eszembe

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

Ha jól értem, akkor a .ga div elemeket szeretnéd egymás mellé helyezni. Add hozzá ezt a tulajdonságot: float: left;

Az a baj, hogy középre kellene őket rendezni... viszont ha jól sejtem a float:left ennek a hatásnak nem tesz jót...

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

Valóban nem középre lesz, ezen kitételen átsiklottam, így középre?

Danke schön

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

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

Hali.

Úgy ahogy kezdem megérteni a css és a html működését.

Már tudok csinálni egy kulturált menürendszert is, de csak úgy hogy mindig lesek valahonnan, mert a css kódban nem teljesen világos hogy a menü kódjánál mi mire szolgál. (a többi dolog nagyjából érthető)

Tudnátok valami féle oldalt vagy kódot linkelni ahol csak a css+html menüről van szó, és világosan (magyar nyelven elmagyarázzák az egészet?

XD alias IKSZDé

Akkor nem olvastad el figyelmesen amit írtam.

És lehetőleg ne ilyeneket írjatok, ezzel tényleg nem vagyok előrébb

Olyan oldalt nem találok sehol ami kifejezetten a css menüvel foglalkozik

XD alias IKSZDé

Figyi, ez olyan mintha írni/olvasni akarnál megtanulni, de te egyből a szépirodalommal akarod kezdeni, átugrva a betűk, nyelvtani szabályok, olvasókönyvek lépést.

Vélhetően semmit nem tudsz a css-ről, de rögtön menüt akarsz csinálni.

Én kérek elnézést!

"Olyan oldalt nem találok sehol ami kifejezetten a css menüvel foglalkozik"
Tényleg?
A teljesség igénye nélkül néhány:
line25
And/Or
purecss
+1

Ezek kifejezetten css menü posztok, részletes html és css kódokkal, magyarázattal, lépésről lépésre. Ezen felül nem tudom mi várható el egy css menükröl szóló bejegyzésben.

A keresés 2mp volt, ebben benne van a böngésző elindítása is.

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

Köszi xd

XD alias IKSZDé

de valamiert az osszes kod rosz.

mindegyket megneztem,es sehol nem hibaztam.

olyan mintha a css nem is letezne.

XD alias IKSZDé

Igen, tuti rosszak. Azert mukodnek a demo oldalakon. jsfiddle-re tegyed fel azt a kodot had lassuk hol hibaztak a posztok iroi.

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

Ha nem működik akkor nem működik.

Nem kell a lekezelő stílus.

Kipróbáltam úgy is hogy nem is írogatom, hanem mindent bemásolok

És úgy sem jó. És ha bemásolva sem működik akkor pedig nincs más lehetőség mint hogy a kóddal van a baj.

És mielőtt megint belekötnél valamibe, a szövegszerkesztőben is minden jól be van állítva

[ Szerkesztve ]

XD alias IKSZDé

Most komolyan, olvasd el, amiket írtál:

"Úgy ahogy kezdem megérteni a css és a html működését.
[...]
de valamiert az osszes kod rosz.
mindegyket megneztem,es sehol nem hibaztam.
olyan mintha a css nem is letezne. "

martonx kolléga előttem már említette, hogy némi ellentmondást lehet felfedezni itt aközött, hogy már kezded érteni a dolgot, de "valamiért az összes kód rossz". Meg itt egyszerűen nem tudunk miben segíteni, mivel nem tettél fel értelmes, célzott kérdést, kitalálni meg nem tudjuk, hogy mit rontasz el.
Ha "olyan, mintha a CSS nem is létezne", akkor valószínűleg rossz fájlnevet adtál meg. Vagy ki tudja, mit rontottál el.

[ Szerkesztve ]

Sk8erPeter

nagyon vicces vagy tenyleg.

mindegy,majd rajovok valahogy koszi

XD alias IKSZDé

Most úgy tűnik a reakcióidból, hogy azt hiszed, azzal van a baj, hogy kezdő vagy, nem azzal van a baj, hanem a kérdéseiddel és az általad szolgáltatott információkkal. Gondolj bele, hogy külsősként mi mit látunk bele abba, amivel próbálkozol, ha nem mondod el. Amúgy ha már kérdezel, akkor ne hőbörögj lépten-nyomon.

Sk8erPeter

"Ha nem működik akkor nem működik."
"Kipróbáltam úgy is hogy nem is írogatom, hanem mindent bemásolok És úgy sem jó. És ha bemásolva sem működik akkor pedig nincs más lehetőség mint hogy a kóddal van a baj."

Oké ne haragudj, hogy segíteni akartam. Elnézés igérem többé nem fordul elő.
Annyit még hozzátennék: a line25 példát egy az egyben másolva pontosan azt kapom amit kell. Nem tudom hol rontottam el. Maximum 5 perc volt, de csak mert átírtam a menüket nehogy meg legyek gyanúsítva hogy az eredetit befotosoppoltam.

Katt a nagyobb méretért.

Részemről lezárva.
Tehát összegzem: mindenki hülye, a kód szar, te vagy a király.

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