fireisland.no » css

Reset er resatt – igjen

Anders-Meyer — Mon, 04 Feb 2008 11:32:23 +0000

Eric Meyer CSS-Guruen har nok ein gong endra si utgåve av reset.css - som tilbakestiller nettlesaranes forhåndsdefinerte stilar. Noko av det som er endringar i denne utgåva er at ein fjernar nokre unødvendige tilbakestillingar som ga minimale utslag frå ein nettlesar til ein anna. Til dømes at taggen no forblir “bold” og forblir “italic”. Og ein del andre ting også sjølvsagt les meir om det hos Eric Meyer

IE Min-height hack

Anders-Meyer — Tue, 08 Jan 2008 19:59:27 +0000

I mozilla kan ein enkelt få ting til å ha minimun høgde, men i IE er dette litt verre. Men denne metoden ser ut til å vikre tilfredstillande:
#innholdsramme { min-height:300px; height:auto !important; height:300px; }

Metoden oppdaga eg her: Min-Height Fast Hack

Fjerne firefox link border

Anders-Meyer — Mon, 07 Jan 2008 08:58:02 +0000

Eg har ikkje kome borti problemstillinga med at firefox markerer lenkjer når du trykker på dei med ei punkta linje, før eg brukte javascript tabs på eit prosjekt. Og løysinga var sjølvsagt enkelt.

Her følgjer løysinga på problemet ved hjelp av css.

a:active, a:focus { outline: 0; }

Blueprint CSS rammeverk

Anders-Meyer — Fri, 28 Dec 2007 16:38:12 +0000

Endeleg eit CSS rammeverk som ikkje er for komplisert og innvikla! Det er NTNU studenten Olav Bjørkøy som står bak Blueprint CSS Framework. Rammeverket er ikkje kome ut offisielt enda, men det ser lovande ut og eg har alt testa det på nokre prosjekt.

Rammeverket er bygd opp av X antall kolloner som alle har fast bredde og leuft. Kollonene er enkle å tilpasse ynskjeleg layout, men det kan være litt verre å treffe ønska kollone mengd om ein ikkje brukar “standardmål” på layouten. Ein brukar enkelt i html koden for å sette dei ut i live.
til dømes:

vil seie 30px (om ein ikkje har endra grid-oppsettet)

ville blitt 60px osb.

Eit anna verktyg som er greit å bruke i saman med rammeverket er Blueprint Grid CSS Generator som enkelt reknar ut grid-oppsettet for deg.

Besides, you can also use theto generate more flexible versions of Blueprint’s templates. Whether you prefer 8, 10,16 or 24 columns in your design, this generator now enables you that flexibility with Blueprint CSS Framework – a new “to-become-standard” in grid-based design approach.