Post Tagged with: "xhtml"

Tripoli – CSS reset

What is Tripoli? Tripoli is a generic css standard for HTML rendering. By resetting and rebuilding browser standards, Tripoli forms a stable, cross-browser rendering foundation for your web projects. The ideas behind Tripoli

Hívó környezet meghatározása

Néha jól jöhet, ha tudjuk, hogy egy-egy függvényünket milyen környezetből (milyen függvényből, mely osztály mely metódusából, melyik fájlból stb.) hívták meg. Ebben segíthet ez a snippet. Hogy egy példát is írjak, hogy mikor lehet ez hasznos: tegyük fel, szeretnénk elérni, hogy csak a System nevű osztályunk hívhassa – közvetlenül – a DB osztályunk Query metódusát. […]

Dinamikusan méreteződő textarea

Sziasztok, azt hiszem elég sokan kerestétek már, a megoldást a problémára, most megtaláltuk. Íme a kód:

Rekurzív DOM bejárás [snippet]

Jól jöhet az alábbi kód, ha JavaScripttel kell bejárni a DOM-fát egy csomópontból kiindulva

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:

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 […]

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.

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 […]

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.

E-mail ellenőrző JavaScript

Az alábbi javascript kód segítségével könnyedén ellenőrizhetjük, hogy a megadott e-mail cím formailag helyes-e. A function TRUE vagy FALSE értékkel tér vissza. (Értelemszerűen TRUE, ha helyes az e-mail cím, FALSE, ha helytelen)

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.

CSS layout negatív margókkal

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.