2006. január 12. \\ web témában
Mutatok egy CSS tippet. Kiváncsi vagyok, hányan ismerik.. Tehát ha mondjuk van nekünk egy fejlécünk, ami így néz ki:
[code]!lt;div id=”header”!gt;!lt;/div!gt;[/code]
Ez szép, meg jó, de minek van az a lezárás, ha egyszerűbben is meg tudjuk oldalni:
[code]!lt;div id=”header” /!gt;[/code]
Mielőtt bárki azzal jönne, hogy ez nem valid, szólok, hogy ez valid.
"majd meglátjuk tíz év múlva :D"
"Hajrá, most amúgy megint nagyon jó áron van a jegy az..."
"köszi szépen!"
"Aww, köszi szépen! :)"
"Köszönöm!"
Írja és rendezi Mefi, avagy Nádai Gábor © 2005-2024
A blogot büszkén pörgeti a WordPress motorja, Anders Norén sablonjának átbuherált változatával.
LeGaS
2006. január 12. — 18:15:32
Ismertem már ezt a technikát, de teljesen elfelejtettem hogy itt is hasznosíthatnám. 😀 Többnyire csak olyan tageknél szoktam, aminek ugye nincs záró tagje, de most evvel jó ötletet adtál. 🙂
Balázs
2006. január 12. — 18:18:39
Üres div-ekért ölök.
Archie
2006. január 12. — 19:30:52
én is használo üres diveket.. pl a headernél a kép háttérként van beállítva..
Balázs
2006. január 12. — 19:34:42
A headerben a fejlécinformációknak van helyük, például h1 meg a főoldalra visszavezető link. És ezeknek ott a helyük a headerben.
Mefi: miféle vonalmintára gondolsz?
moikboy
2006. január 12. — 20:16:05
és ezt ismered:
több class megadása:
Balázs
2006. január 12. — 20:16:56
suexID, mefi: lófaszt img, lófaszt üres div. Dizájnelemként funkcionáló képeket háttérként adunk meg, ha a bejegyzés végére akarod a mintát pakolni, akkor a bejegyzés div-nek adod meg háttérképként padding-gel. Mert azt úgy illik.
moikboy
2006. január 12. — 20:17:21
suexId: és mivan ha 100% hosszu csikot akarsz kirajzolni? ^^
Balázs
2006. január 12. — 20:18:00
moikboy: kár, hogy ez számos böngészőben nem működik, mert azok egy ilyen jó hosszú nevű osztályt fognak keresni. És nem feltétlenül az IE-ről beszélek most.
Balázs
2006. január 12. — 20:27:25
Mefi: ráadásul ez a bejegyzésed nem is CSS, hanem HTML tipp ;]
Balázs
2006. január 12. — 20:38:04
Dizájn célú képeket ismétlem: nem img-vel adunk meg, azt el lehet felejteni. A dizájnképeknek háttérben a helyük.
Balázs
2006. január 12. — 21:10:45
De nem.
A CSS-ben pedig:
.bejegyzes { background: url(hatterkep.gif) bottom repeat-x; padding-bottom: 30px; }
És máris nem kell az üres div. Ha az utolsó bejegyzésnek nem akarsz hátteret adni, akkor annak ha tudsz, külön osztályt adsz, ha nem tudsz, akkor bizonyos böngészőkben (FF, Safari, Konqueror; de nem IE, Opera) működik a következő:
.bejegyzes:last-child { background: none; padding-bottom: 0; }
Hát most már érted-e?
Balázs
2006. január 12. — 21:41:56
Ezt a marhaságot meg kitől hallottad?
A bejegyzésnél miért ne lenne megoldható a dolog, zöldfülű kis bolondgombám?
Balázs
2006. január 12. — 22:31:45
Ne legyél hülye, szépen rezgő hegedűhúrocskám, ne legyél hülye.
Balázs
2006. január 12. — 22:42:41
Főleg ha valaki nem jön rá, hogy hülye.
kukac7
2006. január 14. — 02:25:04
pff
Balázs
2006. február 24. — 21:21:09
http://www.w3.org/TR/xhtml1/#C_3
Lehet, hogy valid, de kerülendő. Most megnéztem neked.
Balázs
2006. február 24. — 21:50:15
Given an empty instance of an element whose content model is not EMPTY (for example, an empty title or paragraph) do not use the minimized form (e.g. use
and not
).
Fordítsd már le, mit jelenthet az az _an element_; a div modellje pedig nem üres, tehát a
kerülendő.
suexID
2006. június 05. — 22:41:38
mefi: img
suexID
2006. június 05. — 22:41:38
Balázs: nem akarok hitvitába belemenni, dizájn célú képeknek üres altot adunk meg, ez benne van a WCAG ajánlásban is.
moikboy: img width 100%
suexID
2006. június 05. — 22:41:38
Illetve elismerem, ott a pont, mintát nem lehet így megadni. Mert széthúzza a böngésző. Bocs!
suexID
2006. június 05. — 22:41:38
fléééém…. *g*
Mefi
2006. július 22. — 12:27:48
Balázs: Miért ölsz? Ha pl. akarsz csinálni egy vonalmintát, akkor azt mibe teszed? Mert szépen egy divben kifejezetten jól mutat. Vagy egy fejléc, ami üres (mert aminek benne kell lenni, az máshol van) az is tökéletes. Nincs igazam?
Mefi
2006. július 22. — 12:27:48
Olyasmire mint mondjuk a
. Tehát a bejegyzés végére egy minta, vagy akármi. És ugye abban nincs semmi, mert CSS-ben adom meg a hátterét. Érted?
Persze, ezt nem csak headernél lehet használni.
Mefi
2006. július 22. — 12:27:48
De én nem ezt mondom neked?
és CSS-ben pedig be van neki szépen állítva a háttér stb.
Mefi
2006. július 22. — 12:27:48
Igen. Ha nem is a bejegyzés tartalmába, de a lábléc tartalmába megoldható a dolog.
Egyébként háttal nem kezdünk mondatot, hehe ;]
Mefi
2006. július 22. — 12:27:48
Megoldható ott is, de jobban tetszene a láblécben arany csillagvirágszállam ;]
Mefi
2006. július 22. — 12:27:48
Semmi flém nincs itten kéremszépen. Csak alapból szeretjük cukkolni egymást az arany csillagvirágszállammal 😉
Mefi
2006. július 22. — 12:27:48
Látod, én is erre gondoltam 🙂 Csak épp fordítva.
Mefi
2006. július 22. — 12:27:48
De ez csak a bekezdésre vonatkozik, nem? (egyébként tudom, hogy nem használunk üres divet, mert csúnya 🙂 )
Mefi
2006. július 22. — 12:27:48
Ja jó, az csak példa, mellnézést. Az oldalon egy darab üres div nincsen. 🙂