Új hozzászólás Aktív témák
-
martonx
veterán
válasz honda 1993 #5950 üzenetére
Miért kell bárhol is nyelvet váltanod? Hozz létre egy css file-t, és kész. Ehhez nem kell soha sehol nyelvet váltanod.
Én kérek elnézést!
-
Jim-Y
veterán
válasz honda 1993 #5950 üzenetére
Sajnos csak annyi van, hogy tevedsz. Olyan dolgot probalsz csinalni a programban, ami masnak, nekem, Sk8erPeter-nek eszebe sem jutna, ilyen peldaul, hogy csinaljak egy akarmi.html fajlt, majd valahogy probalnam atallitani a syntaxot html-rol css-re. Mert ez netto hulyeseg. Attol, hogy atallitod a syntax highlightot meg a kiterjesztes nem fog valtozni. Csinalj egy index.html-t PLUSZ egy style.css nevu fajlt, es a style.css-be ird a css-t. De egyebkent, nem hiszem, hogy a 3 honap tanulasodba ezek az alapok nem fertek bele
-
honda 1993
senior tag
válasz martonx #5951 üzenetére
Amikor htmlt ir az ember akkor kivalasztja a html-t.
Ugyan ugy mint a notepad++-ban.
Es a css - nel is ki kell valasztani hogy. Css-t irsz.
Pont ugyan ugy mint a notepad ++-ban.
Tenyleg nem ertem hogy miert nem ertitek amit mondok.
Html fajl irasakor. Nyelv: html.
Css-nel nyelv: css.Ugyan ugy mint a notepad. ++-ban.
En nem tudom hogy tenyleg ennyire mashogy mukodik e ez a program mint a notepad ++, vagy csak en vagyok ennyire hulye, de nekem sokkal hasznalhatobbnak tunik a notepad ++.
XD alias IKSZDé
-
honda 1993
senior tag
Na jo.
Koszonom a segitseget, de valojaban mindenre valaszoltok nem a kerdesre, es kozben en erzem magamat egyre kinosabban, mert engem neztek hulyenek.
Koszonom megegyszer hogy valaszoltatok, de ez igy mar tenyleg nagyon kinos.
Minden egyes valaszbol csak az erzodik hogy teljesen idiotanak neztek.
Hol allitottam olyat hogy a html fajlt akarom atallitani css-re?
Ez tenyleg durva volt xd
[ Szerkesztve ]
XD alias IKSZDé
-
DNReNTi
őstag
válasz honda 1993 #5954 üzenetére
Hogyan hozzunk létre css fájlt jetbrains IDE-ben című rovatunk következik:
Létrehozol egy új fáljt:
Elnevezed, gondosan ügyelve arra, hogy a kiterjesztés ".css" legyen:
Az új fájlt a project explorer-ben megkeresed, dupla kattal megnyitod:
Szívesen.
"Minden egyes valaszbol csak az erzodik hogy teljesen idiotanak neztek."
Ezen ne csodálkozz, hanem inkább olvasd vissza a hozzászólásaidat, milyen problémákról beszélünk itt. Ezzel még nem is lenne gond, mer' senki nem úgy született, hogy webprogramozó, de hogy a válaszokkal sorra nem tudsz mit kezdeni, az már gond. Lásd, a minap ketten írtunk le egy teljesen alap dolgot, mégis sikerült teljesen másképp megcsinálni.but without you, my life is incomplete, my days are absolutely gray
-
Jim-Y
veterán
válasz honda 1993 #5954 üzenetére
De nem erted, hogy nem kell ilyet csinalnod, hogy, idezek toled:
Html fajl irasakor. Nyelv: html.
Nem kell, ilyet NEM kell csinalnod. Nem kell kivalasztani a nyelvet, csak letre kell hozni egy akarmi.html fajlt es annak mar magatol be lesz allitva, hogy html.
Css-nel nyelv: css.
Szintugy, NEM kell beallitani, hogy css. Csinalsz egy akarmi.css fajlt es mar irhatod is a css-t.
Ja es ez nem Notepad++, tehat nem is kell ugy hasznalnod mintha az lenne.
[ Szerkesztve ]
-
honda 1993
senior tag
válasz DNReNTi #5955 üzenetére
Koszonom.
Es had probaljam meg megegyszer elmondani amit akarok mert ez mar nem hagy nyugodni.
Minden egyes valaszt ertek, felfogtam.
Csak azert irogatok meg mindig, mert nem akarom annyiban hagyni.
(nehogymaaa en legyek a hulye) xdTudom hogy nem szabad a notepad ++ - al osszehasonlitani.
De az teljesen nyilvanvalo hogy a
Notepad ++-ban van egy pici kis menupontAz a neve hogy "nyelv"
Ott a "c" almenure kattintva felbukannak ezek: c, c#, c++, css stb stb.Amikor a webstormban kerestem a "css" menupontot akkor ott viszont nem talaltam olyat.
Ennyi. Nem azon problemazok hogy nem ertem a valaszokat, hanem csak probalom elmondni hogy miert ertetlenkedtem tegnap.
[ Szerkesztve ]
XD alias IKSZDé
-
DNReNTi
őstag
válasz honda 1993 #5957 üzenetére
Ennek az az oka, hogy az IDE van annyira jólképzett, hogy felismerje hogy egy css fájl az css fájl, egy html meg html, és így tovább. Ahogy Jim-Y is írta, nem kell foglalkozni nyelvbeállításokkal, majd azt a program tudja.
but without you, my life is incomplete, my days are absolutely gray
-
honda 1993
senior tag
-
Jim-Y
veterán
válasz honda 1993 #5960 üzenetére
Es egyaltalan hol probaltad meg atallitani a syntaxot? Csak mert en kb nem is talalok lehetoseget ilyenre..
-
honda 1993
senior tag
Ha megnezed az elso kepet amit DNReNTI kuldott, annak a jobb oldalan latod hogy lehet valasztani a fajlok kozul.
Na ott kerestem a css-t
Vagy lehet hogy nem pont ott, mar nem is emlekszem.
Most pedig a munkahelyemen vagyok es itt nincs meg a webstorm[ Szerkesztve ]
XD alias IKSZDé
-
martonx
veterán
válasz honda 1993 #5960 üzenetére
De igen, alapvetően nagy hülyeséget mondtál. Másrészt vicces lehet ez az ultra jó webstorm, ha simán file-ként kell létrehozni a css-t benne és kézzel bepötyögni, hogy .css
Erre az eshetőségre nem is gondoltam. Most gyorsan megnéztem az általam használt ingyenes Visual Studio - Netbeans-ben, és jééé azoknál lehet direktben stylesheet-et hozzá adni a projekthez.Én kérek elnézést!
-
Jim-Y
veterán
válasz martonx #5963 üzenetére
Ugye tudod, hogy ez azert nem volt profi hozzaszolas, meg ha ironikus is volt, akkor sem, pl Honda tuti komolyan veszi itt is fel lehet venni a listaba a css-t is, es onnantol kezdve az is benne lesz a listaban, templatet is meg lehet adni ugyanott a fajloknak. Annyi, hogy a keszitok a css-nek nem csinaltak "gyorsinditot".
-
honda 1993
senior tag
Teljesen mindegy.
Legalabb mar ertitek hogy nem a html fajlbol akartam css-t varazsolniXDCsak kerestem a css gyorsinditot(ahogy magad is fogalmaztal az utobbi valaszodban)
Innentol kezdve nem zavar ha hulyeskednek es kiforgatjak a szavaimat.
[ Szerkesztve ]
XD alias IKSZDé
-
DNReNTi
őstag
válasz martonx #5963 üzenetére
Mondjuk én még soha nem használtam az előre definiált "fájllétrehozót". Mindig simán új fájl billentyűkombó és beírom a kiterjesztést. Nekem ez gyorsabb mint kikattintgatni, hogy épp mit akarok. De nem tudom eldönteni, hogy most ez szarkazmus volt e, vagy nem e.
but without you, my life is incomplete, my days are absolutely gray
-
Cranium
tag
Hali, nem tudom, hogy jó helyre írom-e, ha nem, akkor előre is bocsi.
Szóval van egy blogom a Google által üzemeltetett Bloggeren. Beszúrtam egy képet a bejegyzésembe, azonban hiába állítom balra, még mindig killóg egy kicsit:Kép. Kérdésem, hogy milyen beállítást használjak, hogy balra igazítsam a képet? A Blogger-en van HTML szerkesztő, és ott próbáltam okoskodni, de nem jöttem rá a dolgokra. A HTML kódja így néz ki: Kép[ Szerkesztve ]
-
PumpkinSeed
addikt
válasz Cranium #5967 üzenetére
CSS-ben meg tudod adni a float: left;-et, ha jár a HTML mellé stíluslap is. Ha nem akkor az adott elemen: style="float: left;".
Elég csúnya megoldás, de én nem tudok jobbat a többiek biztos mondanak jobbat.
"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán
-
Cranium
tag
válasz PumpkinSeed #5968 üzenetére
Köszi a választ, az igazat megvalla, már így volt a kódban, hogy float: left; meg ilyesmi, de végül sikerült a "position: absolute; top:XXpx; left:XXpx;" kód megadávásal manuálisan helyre pattintani a képet.
-
honda 1993
senior tag
sziasztok.
nem tudom megszokni hogy miutan letrehoztam egy index.html es egy styles.css fajlt ,stb stb stb
nem kell menteni,mert akarmit irok az azonnal megy is az oldalra.
( hozzateszem hogy nem is lhetne menteni mert mar letezik az a fajl ) xd
de nem baj,mert minden mukodik,csak az lenne a kerdesem hogy ezt nem lehet -e valahogy kikapcsolni,mert valahogy nehezemre esik megszokni.illetve valamiert van az oldalam mappajaban egy .idea nevu mappa,amit nem en csinaltam. az vajon mi lehet ?
(phpStorm)
[ Szerkesztve ]
XD alias IKSZDé
-
PumpkinSeed
addikt
válasz honda 1993 #5971 üzenetére
Tudtommal a NetBeans nem tartalmaz AutoSave funkciót, csak pluginként lehet letölteni, de ,mikor a Build/Run funkciót használod akkor ment egyet. Persze nem találtam meg végül, hogy melyik IDE mellett döntöttél, de bátorkodtam azt feltételezni, hogy a NetBeans mellett miután az volt a téma. Nem teszel semmit mielőtt menti az állományod?
Most nézem a másik részt, itt írnak .idea mappáról. Ha a Intellij IDE-t használod akkor az automatikusan készít egyet. Általában minden IDE csinál valami hasonló nem általad létrehozott állományt a projektjeid mellé.
Az utóbbi IDE autosave beállításairól itt olvashatsz."Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán
-
honda 1993
senior tag
-
laslie92
senior tag
Sziasztok. Ismét segítségre lenne szükségem Valaki esetleg tud valami jó székelykapu képet? Ami esetleg PNG és átlátszó háttere van? Semmi használhatót nem találok a googlebe
Galaxy A33 5G , Asus Tuf Gaming FX505DU, Volkswagen Passat B6 3C
-
cidalain
veterán
válasz laslie92 #5974 üzenetére
ha nincs, akkor sajna meg kell csinálni:
fotózol egyet (direkt nem írtam hogy lopsz egy szimpatikusat a netről), majd jól kiszerkeszted mögüle a hátteret, és elmented png-be. de ez már erősen másik topik.>> GearBest Club Veszprém << >> https://www.facebook.com/gbc.veszprem <<
-
westcoastog
veterán
Üdv.
Kis falunk weblapjának szerkesztését kaptam meg mint feladat, galériába kell képeket feltöltenem.
Viszont a weblapon ha megnyit az ember egy galériát, és rákattint valamelyik képre, egy külön kis ablakban jönnek be a képek, ahol lehet lapozni köztük.
Na már most töltöttem föl képeket azóta a galériába, de amiket én töltöttem fel és szerkesztettem hozzá lapot azon nem fut le ez a lapozó, gondolom script szerűség.Pedig sablonnak olyan html oldalt használtam aminél működik a képnézegető.
Például, ezt nem én csináltam még, itt működik a képnézegető.
Ezt én töltöttem már fel, de itt már nem működik.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<title>2011.06.25. - Vidám Lurkók Napja Őrhalomban</title>
<meta name="description" content="Őrhalom község honlapja">
<META NAME="keywords" lang="HU" CONTENT="Őrhalom, Trázs, Strázs, Ipoly folyó, Nógrád megye, palóc, Kozmajer Viktor">
<meta name="robots" content="index,follow">
<meta name="copyright" content="Kozmajer Viktor">
<!--Az oldalt Kozmajer Viktor készítette. .:: Kozmajer Web Design ::. Copyright (C) 2009-->
<link href="design.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="design/chrometheme/chromestyle.css" />
<link rel="shortcut icon" href="design/cimer.ico">
<link rel="stylesheet" href="css/lightbox.css" type="text/css" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
</script>
</head>
<body bottommargin="0" topmargin="0" marginheight="0" marginwidth="0" leftmargin="0">
<a name="teteje" id="teteje"></a>
<script type="text/javascript" src="js/chrome.js">
/***********************************************
* Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>gondolom itt lenne a képnézegető, amit én szerkesztettem html-t annak is ugyan ez az eleje, de mégsem működik, csak új oldalon nyitja a képet.
[ Szerkesztve ]
-
TomKiss
tag
válasz westcoastog #5976 üzenetére
a linkeknél hiányzik a rel="lightbox[roadtrip]" hivatkozás, ezért nem a lightbox nyitja meg a képeket.
(mivel én úgy értem, hogy ahol nem működik, azt te magad kézzel írtad, így gondolom véletlenül maradt le)"Nincs az a magánélet, ami ne lenne leleplezhető. A civilizált világban nem lehet titkot tartani. A társadalom olyan, mint valami álarcosbál, ahol mindenki eltitkolja az igazi személyiségét, de rejtőzködés közben lelepleződünk."
-
Sk8erPeter
nagyúr
válasz DNReNTi #5958 üzenetére
"Ennek az az oka, hogy az IDE van annyira jólképzett, hogy felismerje hogy egy css fájl az css fájl, egy html meg html, és így tovább"
Ehhez hozzátenném, hogy a Notepad++ is van annyira "jólképzett", hogy bizonyos fájlkiterjesztések alapján hozzárendel bizonyos nyelvekhez tartozó syntax highlightot. Konkrétan ezt megtalálod a Notepad++-hoz tartozó langs.xml fájlban (Language tagnél az ext-attribútum értékei; egyébként ugyanebben a fájlban vannak felsorolva a kiemelendő kulcsszavak is) - ebből következően itt akár felül is lehet definiálni. DE a Settings > Style Configurator menüpontban is hozzá lehet adni plusz kiterjesztéseket az egyes nyelvekhez (pl. Drupalnál hasznos lehet pl. a .profile, .inc, .module, .install kiterjesztésű fájlokat hozzáadni pluszban a PHP syntax highlighthoz).Komoly kínszenvedés volt végigolvasni emberünk kálváriáját...
=================================
(#5960) honda 1993 :
"Viszont legalabb kiderult hogy nem mondtam olyan nagy hulyeseget, csak bekavart az a hulye notepad++."
Nem a Notepad++ a hülye azért, mert neked fogalmad sincs, hogy kell kezelni, és hogy miben tér el egy IDE-től. A Notepad++ egy nagyon hasznos szövegszerkesztő tud lenni, de el kell fogadni, hogy komoly fejlesztésre nem való, viszont annál kellemesebb tud lenni a könnyűsúlyúsága miatt bizonyos (gyors) szerkesztési feladatokra."Na mindegy, el is felejtem azt a progit mert tenyleg semmi koze a kettonek egymashoz."
Ahogy érzed... de talán inkább a fejedben helyre kéne rakni a dolgokat. Én például a mai napig használom a Notepad++-t bizonyos fájlszerkesztési feladatokra, és sosem éreztem úgy, hogy el kéne felejteni a programot, mert egyébként egy igen jó darab. Például egy sima szövegfájl olvasásához/szerkesztéséhez talán nincs szükség a NetBeans elindítására...
Normális fejlesztésre meg nyilván IDE-t kell használni.[ Szerkesztve ]
Sk8erPeter
-
Sk8erPeter
nagyúr
válasz westcoastog #5976 üzenetére
A Dynamic Drive-on azért sokszor nagyon elavult kódok vannak, nem biztos, hogy jó, hogy onnan ollózol.
Ahogy elnéztem, Lightboxot használsz, amihez meg jQuery kell, nem Prototype.js. Még a Colorbox ajánlott lehet.
Sk8erPeter
-
westcoastog
veterán
válasz Sk8erPeter #5980 üzenetére
Most már megoldottam, úgy működik ahogy kell, most javítom ki azokat az oldalakat ahol tegnap ez kimaradt.
Html szerkesztést ugyan tanultam anno még középiskolában, de ilyen jquery meg hasonló dolgokat nem.
-
DNReNTi
őstag
Ha már a múltkor úgy is az fejlesztői környezetekről volt szó...
Nem e tudja valaki be lehet e valahogy állítani PhpStorm-ban, hogy egy css osztályra ctrl-kattintás ne a css file megfejelő osztályához, hanem a sass fájlhoz mutasson?but without you, my life is incomplete, my days are absolutely gray
-
DNReNTi
őstag
-
Aureal
senior tag
Kérdés:
olyan oldalakon ahol fixen meg van szabva hány item legyen látható (fórumok, webshopok stb) az adott lapon, hogy és hol tudnám a böngészőmben (Opera v.12) átparaméterezni kód szinten hogy mondjuk 10 helyett 100-at listázzon, kérjen le a webservertől? Érthető a kérdés? -
cidalain
veterán
ha nincs rá az oldalon beállítási lehetőség (legördülő, gomb, akármi), akkor sehogy.
ha van, akkor válaszd a 100-as listázást, és ha böngésző címsorában változik a link akkor használd úgy:
pl www.akarmi.hu/termekek?list=100. ha nem változik a címsor, akkor cumi van.>> GearBest Club Veszprém << >> https://www.facebook.com/gbc.veszprem <<
-
Aureal
senior tag
válasz cidalain #5985 üzenetére
Nyilván ha ott az opció akkor nem kérdés.
Erre vhol régen láttam vmi megoldást, még talán dragonfly alatt is kell vmit pötyögni nem tudom már. Sajnos nem tudom hova mentettem le azt az oldalt már és fogalmam nincs a neten is kb hol található, de emléxem hogy meg lehetett csinálni vhogy.[ Szerkesztve ]
-
DNReNTi
őstag
Mivel az, hogy hány darab elemet (fórumbejegyzés, termék, egyéb, akármi) húz le a lekérdezés az adatbázisból, az szerver oldalon fut, így: nem, nem lehet valahogy megcsinálni kliens oldalról, csak úgy ahogy (#5985) cidalain is írta. Ha van rá get paraméter az URL-ben, az a legegyszerűbb. Meg lehet még nézni nincs e rá hidden input, vagy ha ajax request, akkor szintén meg lehet nézni a paramétereket devtool-al, de ezek mind oldalspecifikusak, vagy van vagy nincs.
but without you, my life is incomplete, my days are absolutely gray
-
cidalain
veterán
az elemek számának lekérése szerver oldalon megy.
a böngésző kliens oldalon fut.más számú bejegyzés lekérdezése csak akkor valósulhat meg, ha a kliens oldalról információt adsz a szerver oldalra. ha a szerver oldalon ilyen jellegű információ fogadása nincs beépítve a rendszerbe akkor megette a fene, nem tudod állítani
kliens oldalról kétféle módon tudsz információt átadni: GET metódussal URL címsoron keresztül, és POST metódussal HTTP fejrészben.
GET-es megoldással szemmel látható hogy a paramétert milyen módon kell továbbadni a szerver részére, így itt megy az URL-es módosítás.
POST-os megoldásnál simán nem látható hogy milyen módon adsz utasítást...Mindkettő megoldás esetén szükséges hogy legyen az oldalon egy ilyen funkció, mert honnan a pékből tudnád, hogy lehet e egyáltalán ezt a paramétert állítani. Ha igen akkor milyen névvel kell rá hivatkozni.
Nem mellesleg ha meg van ilyen állítási lehetőség akkor általában erre kezelőfelület is van.(itt a fórumon a beállításoknál tudsz választani pár előre definiált érték közül az adatlapodnál. de ezt mondjuk itt a HTML topicban ad-hoc módon nem fogod tudni mondjuk 231 komment/oldalra átírni )
[ Szerkesztve ]
>> GearBest Club Veszprém << >> https://www.facebook.com/gbc.veszprem <<
-
honda 1993
senior tag
Udv.
Ugyan sikerult megoldanom a kovetkezo problemat, de csak "ganyolva"
Az lenne a lenyeg hogy a fooldalon is vannak kepek, es mas menupontokban is.
Azt szeretnem hogy a fooldalon levo kepre NE legyen ervenyes az, amit css-ben irok.
Tehat csak a tobbi kepre szeretnem ervenyesiteni.
Elosszor ugye a sima <img src="valami.jpg"> koddal illesztettem be minden kepet, de amikor css-ben
Szerettem volna megadni a tulajdonsagokat, akkor ugyebar minden egyes kepre az lett ervenyes,
Ezert a fooldalon levo kepeket direkt ezzel a koddal illesztettem be<div id="header">
</div>
Azert hogy css-ben meg tudjam adni kulon a fooldalon levo kepek tulajdonsagait.
De tudom hogy ezt nem igy kellene csinalni, tehat ehez kernek segitseget, vagyis hogy hogyan csinaljam meg.
Egyebkent tudom hogy itt az "oroklodest" kellene megszuntetni, de nem tudom az ehez szugseges kodot.
(ha hulyeseget mondtam, akkor sorry)DNReNTI nem tudok jsfiddle peldat kuldeni mert nem vagyok otthon (telefonrol irok)
Viszont folyton ez jar a fejemben, es jo lenne ha tudnatok segiteni.Es ha lehet akkor ne szivassatok please
elore is koszi
[ Szerkesztve ]
XD alias IKSZDé
-
DNReNTi
őstag
válasz honda 1993 #5990 üzenetére
Eccerű:
Csinálsz egy osztályt a szükséges attribútumokkal és hozzáadod a képhez.
nagyon eccerű példa:
CSS:
.ez_egy_kicsi_kep_lesz {
height: 10px;
}
HTML:
<img src="akarmi.jpg" alt="akarmi" class="ez_egy_kicsi_kep_lesz ">Így a kép 10px magas lesz függetlenül attól hogy mit örökölne egyébként. Persze a felül nem definiált attribútumokat örökli! Erre figyelj oda.
but without you, my life is incomplete, my days are absolutely gray
-
Sk8erPeter
nagyúr
válasz honda 1993 #5990 üzenetére
Most megpróbálok segítőkész lenni.
Vágod, vannak a class-ok/osztályok (<div class="my_class"></div>), meg van az id/unique identifier/azonosító (<div id="my_unique_id"></div>). Utóbbi (id) szerint teljesen egyértelműen lehet azonosítani egy adott elemet, akármi is az (hiszen egy azonosítóból csak és kizárólag egy darab szabad, hogy legyen az egész oldalon!), előbbi (class) szerint általánosabb, több elemre érvényesíthető szabályokat lehet megfogalmazni.
Egy elem tehát 1, azaz egy darab id-val lehet ellátva, DE akárhány osztállyal is el lehet látva (class-attribútum szóközzel elválasztott értékei, pl. <div class="elso_osztaly masodik_osztaly">...</div>), ez arra ad lehetőséget, hogy több, külön-külön osztályban meghatározott szabály (stílusdefiníció) is vonatkozzon egy darab elemre. A kettőt természetesen kombinálni is lehet (id és class: <div id="my_unique_id" class="first_class second_class">...</div>), így mind az azonosítóra, mind az osztály(ok)ra vonatkozó stílusdefiníciók érvényesek lesznek az adott elemre. Tehát tulajdonképpen össze-vissza kombinálhatod a stílusdefiníciókat; nyilván ezt ésszel kell használni, nem egymásnak ellentmondó, egymást felülíró szabályokat ráhúzni egy adott elemre.
Az id-ra vonatkozó szabályokat a CSS-ben az anchor/kettőskereszt/létra jellel tudod meghatározni:#my_unique_id {
/* ide jöhetnek a szabályok */
}Az osztályra vonatkozó stílusdefiníciókat pedig a ponttal:
.first_class {
}Vegyük ezt a példát, hogy van egy ilyen elemed:
<div id="my_unique_id" class="first_class second_class">...</div>És van egy CSS-fájlod, amiben ilyen stílusdefiníciók szerepelnek:
#my_unique_id {
color: red;
}
.first_class {
background-color: yellow;
width:400px;
}
.second_class {
font-size: 30px;
}
.blabla {
margin: 20px 10px 30px 5px;
}Na, mi következik ebből? Az előbb meghatározott divre mind a #my_unique_id-re, mind a .first_class-re, mind a .second_class-re vonatkozó stílus érvényes lesz:
vagyis sorban:
- piros színű lesz a divben minden szöveg (aminek a színe nincs felülbírálva!!), mert ő a my_unique_id azonosítójú elem
- sárga lesz a háttere, meg 400px széles lesz, mert a first_class osztályba soroltad
- jó nagydarab, 30px-es betűméretűek lesznek a szövegek a divben, amiknek a mérete nem lett felüldefiniálva, mert hozzácsaptad a second_class osztályt isA .blabla osztályt pedig direkt azért tettem be, hogy megzavarjalak. Na jó, nem, de a lényeg, hogy a blabla osztályban meghatározott margóértékek a mostani példában senkit nem fognak érdekelni az előbb említett div szempontjából, mert nem kapcsoltuk ezt az elemet is a blabla osztályhoz.
Na, lépjünk tovább eggyel:
Van az előbb említett elem, és bele van ágyazva egy <p> (blokkszintű elem, bekezdés), azonbelül meg van egy <span> (sorszintű elem), ami el van látva a whatever-span osztállyal:<div id="my_unique_id" class="first_class second_class">
<p> Ez egy csodás bekezdés, <span class="whatever-span">ez meg egy csodás szöveg</span>.</p>
</div>Na, ha a CSS-fájlodban a .whatever-span-re az előbb látott módon meghatározol valamilyen stílust, akkor az vonatkozni fog nyilván az ominózus <span>-re.
DE hierarchikusan is hivatkozhatsz rá, abban a sorrendben, ahogy az elemek egymásba vannak ágyazva, pl. így:#my_unique_id .whatever-span {
}VAGY így:
#my_unique_id p .whatever-span {
}VAGY így:
#my_unique_id span.whatever-span {
}VAGY így:
.first-class .whatever-span {
}VAGY... na jó, nem folytatom.
Szóval esetedben - hogy a példádhoz is visszakapcsolódjak - így tudsz hivatkozni a #header id-vel ellátott elemben lévő képre:
#header img {
}DE ez még mindig elég általános, bármelyik, a header azonosítóval ellátott elemben lévő <img> tagre vonatkozni fog.
Remélem, most sikerült kicsit tisztábbá tennem a képet, igazán erőlködtem, hogy ne olyanokat mondjak, hogy guglizzámávaze, óvassá sztekkóverflót, satöbbi.
Sk8erPeter
-
Sk8erPeter
nagyúr
Sztem elég bőven kifejtették a kollégák, de talán úgy tudnád legkönnyebben elképzelni a dolgot, hogy ha nincs is mód a találat-megjelenítés bővítésére (mondjuk tegyük fel, még a backend-részét sem oldották meg) az adott oldalon, tehát nem lehet finomítani, akkor az olyan, mintha mondjuk egy ruhaboltban hiányolnád, hogy miért nincs kipakolva a látható területre a raktár tartalma.
(#5989) cidalain :
"kliens oldalról kétféle módon tudsz információt átadni: GET metódussal URL címsoron keresztül, és POST metódussal HTTP fejrészben."
Ezt korrigálnám: pont nem a headerben van az adat, hanem a törzsben.Sk8erPeter
-
honda 1993
senior tag
válasz Sk8erPeter #5992 üzenetére
Huha, ez elegge hosszu lett XD.
Koszonom szepen, illetve DNReNTI - nek is Koszonom.
Lesz mit olvasgatnom az este.
Egyebkent remelem nem sertodsz meg, de valahogy szimpatikusabbnak tunik DNReNTI valasza, de csak azert mert az az egyszerubb. XD
viccet felreteve, nyilvanvalo hogy abbol amit irtal, tobb dolgot meg tudok tanulni
[ Szerkesztve ]
XD alias IKSZDé
-
DNReNTi
őstag
válasz honda 1993 #5994 üzenetére
Pedig érdemes lesz párszor elolvasnod (#5992) Sk8erPeter válaszát is, mert sokkal többet tanulhatsz belőle mint az enyémből. És az pedig, hogy "azert mert az az egyszerubb" nem igaz. Hiába az én kommentem alapján könnyebb lesz implementálni a megoldást érteni nem fogod, mert ctrl c ctrl v. Az övébe le van írva mi miért úgy van ahogy.
[ Szerkesztve ]
but without you, my life is incomplete, my days are absolutely gray
-
DNReNTi
őstag
válasz honda 1993 #5996 üzenetére
Jogos. Bamba voltam. Angol amúgy megy? Mer' tele a net/youtube/nettuts+ CSS Basics videókkal. Azzal lehet többre mégy mint a száraz szöveggel.
but without you, my life is incomplete, my days are absolutely gray
-
PumpkinSeed
addikt
válasz honda 1993 #5998 üzenetére
HTML/CSS-t én itt tanultam: [link]. Merem ajánlani a kb 9 részes oktató videó sorozatot.
"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán
-
honda 1993
senior tag