Címke ‘css’

1

rendezett css, globális white space reset

Amikor elkészítünk egy site-ot, a legfontosabb, hogy a kódunk minél rendezettebb, átláthatóbb legyen. Ez különösen érvényes, amikor css-t kódolunk. Sok féle rendezési módot kipróbáltam már. Az egyik az amikor minden elemet, osztályt logika szerint kommentekkel választunk el egyetlen css fájlban:

Írta: georgejr on May 26th, 2007 at 10:05 am
0

Azonos magasságú hasábok táblázat nélkül (Project7)

A szabványok és a trendek egyaránt arra irányulnak, hogy oldalaink layoutja ne táblázatokon alapuljon. Egy dolgot azonban táblázattal kétségtelenül nagyon egyszerű volt elérni: azt, hogy egymás melletti hasábjaink hossza mindig a leghosszabbhoz igazodjon. A táblázatnál ez automatikus, a DIV-es szerkezetben viszont az egyik DIV nem tudja, mit csinál a másik.
A különböző hackek helyett megoldás az [...]

Írta: Har_melin on May 19th, 2007 at 07:05 pm
2

Függő bekezdés CSS-sel

Nyomtatott anyagoknál gyakori megoldás az olyan, két hasábosnak tűnő tördelés, ahol egy rövidebb infohoz (pl. évszám) egy hosszabb szöveg tartozik úgy, hogy az egymáshoz tarozó párok első sorai egy vonalban vannak (ún. behúzás). Netoldalaknál ezt általában táblázatokkal szokták megoldani, de egy egyszerű css kóddal is el lehet érni ezt a hatást.

Írta: Har_melin on May 18th, 2007 at 02:05 am
23

Resizable tabbed navigation with CSS, avagy méretezhető füles menü

A minap olyan megoldásra volt szükség, hogy egy felső navigációs menüt fülekkel kellett megoldani az alábbi kikötésekkel:
- legyen rugalmas (a fül szövege határozza meg a fül szélességét)
- ne kelljen minden fülhöz külön háttérképet készíteni (hover, active stb.)
- legyen a képállomány a lehető legkisebb
- árnyék, körvonal és hasonló grafikai “bonyolítások” ne okozzanak gondot
- ne kelljen javascript [...]

Írta: Harder on May 15th, 2007 at 01:05 pm
14

Legördülő menü CSS-sel

css alapú legördülő horizontális menü készítését sajátíthatod el a leírás segítségével.

Írta: farkas77 on May 8th, 2007 at 10:05 pm
1

Initializálás – Harder

A css-ek elején szoktam ezt a kódot használni ahhoz, hogy minden böngésző alatt az egyébként másként megjelenített részeket azonos kinézetre formázzam.

Írta: Harder on May 2nd, 2007 at 01:05 pm
CSS layout negatív margókkal
7

CSS layout negatív margókkal

Célunk, hogy három fix szélességű oszlopból álló weboldalt készítsünk, ahol a tartalmat css stíluslapokkal formázzuk. A webtartalom megformázásához “sima” float-olást fogunk majd használni, de mindenekelőtt vessünk egy pillantást a következő ábrára, amely megmutatja, hogy a HTML oldalunkon mely DIV elemek lesznek majd használatosak.

Írta: moroder on May 1st, 2007 at 10:05 pm
2

Aktív tab a navigációs menüben PHP nélkül

A navigációnál használt tab-os/füles megoldások egy problémája szokott lenni, hogy hiába állítjuk be a css-ben, hogy az aktív tab-nak hogy kellene kinéznie, kattintás után mikor újratöltődik a lap, nyoma sincs a kívánt formázásnak. Persze php segítségével könnyű, de most az lenne a cél, hogy ezt kihagyva is működjön a dolog.

Írta: Harder on April 20th, 2007 at 07:04 am
0

initializálás – tantek

A böngészők alapértelmezett tulajdonságait már a css fájlok legelején érdemes egységessé tenni, így a későbbiekben elég sok bosszúságot meg lehet spórolni.

Írta: Harder on April 19th, 2007 at 11:04 pm
1

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:

Írta: Harder on March 28th, 2007 at 12:03 am
0

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).

Írta: Harder on March 28th, 2007 at 12:03 am
0

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

Írta: Harder on March 28th, 2007 at 12:03 am
oldal 3 / 712345...Utolsó »