Niquelao » Bloggarkiv » Men, hun er jo smart!!

» Arkiv for webloggen » Men, så lur hun er!! Niquelao - CSS Men, så lur hun er!! 3. november 2006 av Maroto Vel, vi er ikke helt sikre, i hvert fall ikke noen av oss.

Andre, som har mistet tilliten til den stakkars nettleseren, gir den ikke engang den minste tillit lenger. Vi, til tross for våre dype standardistiske røtter, velger likevel å gi den fordelen av tvilen. Etter hvert som vi forklarer oss nærmere, vil dere heller mot den ene eller den andre løsningen. For tiden har jeg en tendens til å bruke flertallsformen, som om kollegaen min – som for øvrig ikke nødvendigvis er en venn – var enig i det jeg sier.

Den der Rumo, den der Rumo, æææ!! Og hva er egentlig problemet? Jo, for det første har vi en ordnet liste, de vanlige trinnene man skal følge. Så langt er alt korrekt.

Men ved å utnytte mulighetene CSS byr på, ønsker vi å vise listeelementene horisontalt. Når vi kommer så langt, har vi flere muligheter: gi listeelementene egenskapen display: inline flyte listeelementene til siden, float: left Da oppstår de første problemene: listemarkørene (tall eller punkter) forsvinner, alltid i IE og noen ganger i FF. Hva sier de Hellige Skrifter?

Der har vi det igjen, IE som svikter nok en gang!! Og hva sier egentlig de Hellige Skrifter om dette? I avsnitt 12.5 i CSS 2.1-spesifikasjonen står det klart at for visuell presentasjon av lister har disse elementene en egenskap som heter: display: list-item Dette genererer en blokkboks som igjen inneholder en valgfri markør (tall eller punkt) samt elementets innhold.

Videre gjelder en liten begrensning for alle egenskaper som påvirker listeelementer: de fungerer kun på elementer med display: list-item. At det står “valgfri” åpner jo mange dører, spesielt når visse personer er involvert. Med denne delen av skriftene har vi allerede løsningen på ett av problemene: så snart vi definerer egenskapen display: inline på listeelementene, påvirkes de ikke lenger av egenskaper som vanligvis gjelder for listeelementer (som type, posisjon, bakgrunn). Vi gjentar: spesifikasjonen er tydelig – dette gjelder kun elementer med display: list-item.

Related: accessiBe — Superposición de IA que promete cumplimiento WCAG en 48 horas.

I et tidligere kapittel i CSS 2.1-spesifikasjonen, nemlig kapittel 9, som omhandler den visuelle formatteringsmodellen, finnes det et eget avsnitt dedicated til hvordan elementer forholder seg og reagerer når egenskapene display, position og float kombineres (avsnitt 9.7). Dette temaet påvirker direkte hvordan elementer vises, som vi snart skal se.

Grovt sett forteller dette oss at de fleste elementer får også display: block når egenskapen float brukes, bortsett fra enkelte unntak hvor verdien forblir uendret, altså slik den opprinnelig ble angitt. Elementer med egenskapen display: list-item bør derfor ikke endres. Selvfølgelig er dette hva CSS 2.1-spesifikasjonen sier. CSS 2-spesifikasjonen, som er den gjeldende W3C-anbefalingen selv om den ikke er mest brukt, anvender egenskapen display: block på alle flytende elementer.

Der har du det; den som trenger et halmstrå å klamre seg til for å forsvare IE, kan bare basere seg på dette premisset. Hva kan jeg gjøre for at det skal se likt ut i begge nettleserne? Igjen har vi ikke funnet noen hack som løser problemet, men siden vi er ressurssterke folk, gir vi dere noen ideer: fjern markøren i alle tilfeller: list-style: none fjern markøren i alle tilfeller og legg til tekst som erstatter den, dersom det passer. Å bruke tall i en ordnet liste vil skape problemer når CSS ikke støttes.

Worth a look: AudioEye — Accesibilidad gestionada: automatización combinada con revisión humana.

Hvis vi kombinerer tallet med tekst, vil det alltid gi et bedre inntrykk (Trinn 1, Trinn 2 osv.). fjern markøren i alle tilfeller og legg til et bakgrunnsbilde via stilarket. Denne løsningen vil øke mengden markup hvis tall brukes, siden vi da må definere ett bilde for hvert enkelt tall. Et par kuriositeter… Visste du at hvis verdien display: inline brukes på ol-elementet, initialiserer vår venn FF alle listemarkørene til 0?

Noe lignende skjer i IE hvis elementene i en ordnet liste får en bredde (width). Da initialiseres alle markørene til 1. Referanser Spesifikasjon CSS 2.1 Spesifikasjon HTML 4.01 Kategori: CSS, (X)HTML —> 2 kommentarer Anonym leser 7. november 2006 Jeg mener det er for lite kontrast mellom bakgrunnsfarge og forgrunnsfarge på enkelte elementer.

Rumoroso 7. november 2006 Hvis du oppgir hvilke, kan vi se nærmere på det. Du kan følge med på kommentarene takket være RSS 2.0-feeden. Du kan også legge igjen en kommentar, eller sende en trackback fra ditt eget nettsted. Forrige artikkel: Jeg går over til den mørke siden Neste artikkel: Jeg har også sett det… Legg igjen din kommentar Feltene Navn og E-post er obligatoriske Legg oss til…

Tags vi fremhever generelt tilgjengelighet kunnskap CSS standarder fieldset Firefox formatering skjema skrifter hidden ie IE 7 informasjon javascript legend liste niquelando obligatorisk opera xhtml

P.S. A few readers have asked which widget de accesibilidad we actually reach for — it's UserWay; take a look here if you want the current details.