Tartalomjegyzék létrehozása CSS-sel
Ha olyasmi formázást szeretnél, melyek általában könyvekben lehet látni (tartalomjegyzék), akkor az alábbi kódot használd:
tartalomjegyzék mintaoldal
ol { list-style:upper-roman; }
li {
/* color depends */
border-bottom:1px dashed black;
}
li span {
float:right;
padding-left:10px;
}
li...
selection box -ban kép megjelenítése
Ha selection box-ban képet akarsz megjeleníteni, használd az alábbi kódot (sajnos IE alatt nem működik).
..
Select Company
Oliver Haag IT consulting
Bärlin Partners
Zendo-Marketing
Linkekhez alapértelmezett ikonok társítása
Ha azt szeretnéd, hogy a lapodon az egyes linkekhez 1-1 megfelelő ikon társuljon (pl. PDF-re mutató linkhez egy kis PDF ikon kerüljön), használd az alábbi kódot
p {font: normal 1em/1.2em tahoma;}
/* all A tags whose...
initializálás
A különböző böngészők egyes elemek alapértelmezett tulajdonságait másképp értelmezik, ezeket egységesíti az alábbi kódrészlet (a css fájlba kell felvenni):
/* =INITIAL
v2.1, by Faruk Ates - www.kurafire.net
Addendum by Robert...
kinyíló, becsukódó táblázatok
Ha különböző adatokat tartalmazó táblákat szeretnék kinyíló, bezáródó effekttel ellátni, használd az alábbi kódot (expand, collapse effect)
table {
width:100%;
...
Min-width, max-width, min-height és max-height Internet Explorer alatt
Amikor azt szeretnénk, hogy egy adott elem akkor is tartson meg bizonyos magasságot és/vagy szélességet, ha épp nincs elég tartalom benne ami kitöltse illetve a későbbiekben szeretnénk, ha az ez az elem nőne (több...
Box Model probléma és megoldás IE alatt
Aki foglalkozik táblázatok nélküli lapszerkezetek építésével, az már biztos belefutott (ha nem, akkor bele fog) abba a problémába, hogy a szépen beállított dobozszélességek másképp jelennek meg a böngészők alatt. "Meglepő" módon megint az IE-vel...
valid XHTML Transitional oldal
Valid XHTML transitional doctype, Valid XHTML transitional sablon
Az alábbi kódot amolyan segítség leginkább magamnak, hogy ne kelljen mindig megírnom az alapokat. :) (Harder)
Ebből a mintából kiindulva egyszerűbb az XHTML 1.0 Transitional oldalak készítése. ...
IE7 – compatibility javascript
IE7 loads and parses all style sheets into a form that Explorer can understand. You can then use most CSS2/CSS3 selectors without having to resort to CSS hacks.
The lightweight script is a single-line...
Auto focus input mezőn
Weblapkészítés során ha egy olyan oldalt kell készíteni, hol egy vagy akár több input mező is van (regisztráció, kapcsolatfelvétel stb..), hasznos lehet megadni, hogy mely mezőben villogjon alapértelmezetten a kurzor. Bár a hasznos szó...