05. januar 2006 - 22:23Der er
8 kommentarer og 1 løsning
Problem med kombination af H'er
Har lavet en menu - http://www.fdp.dk/00.htm Hvor jeg gerne ville have lidt mindre afstand mellem Menu 2 og undermenu 2a og igen 2b, og det forsøger jeg med en kombination af <H1> og <H2>. Det duer ikke i hverken IE eller FF. Det regnede jeg sådan set heller ikke med - men hvordan gør man så?
Støv, fibre og metalliske partikler kan påvirke både uptime, levetid og driftssikkerhed. Derfor arbejder flere datacentre systematisk med contamination control.
Man angiver en mindre top-margin (end den defaulte i browseren) på h2-elementet.
Det er dog ikke 'lovligt' det du gør, med at placere et heading element inde i et andet. Du kunne evt. overveje at lister i stedet, se fx på http://css.maxdesign.com.au/ hvordan man kan style dem.
Synes godt om
Slettet bruger
06. januar 2006 - 03:09#2
Jeg tænkte også på lister, emn jeg har ikke plads nok i bredden til at der kan være lister.
Det kan du igen ændre ved at angive margin og padding. Prøv fx at se hvad der sker hvis du tilføjer: ul, li { margin:0; padding:0; }
Generelt kan du opnå utrolig meget med CSS, og i stedet for at tænke på hvordan det ser ud pr. default i browserne, så tænk hellere på hvad det er du har med at gøre, rent semantisk.
Synes godt om
Slettet bruger
06. januar 2006 - 03:32#4
Indtil nu synes jeg nu ikke, jeg har opnået meget andet med CSS end en utrolig masse bøvl og besvær og irritationer. Jeg mener, at jeg engang har forsøgt med lister, men aldrig fik det til at virke. Men måske kunne jeg nøjes med at bruge lister til undermenuerne og så bare bruge en mindre fonttype til dem.
Tjaa, hvis du ikke skal lave ret meget hjemmeside-halløj, er det ikke sikkert du får så meget ud af at lære det. Men det er nu ellers ikke så svært endda, som regel ihf., og fordelene ved det er nu engang utroligt store, hvis man arbejder en del med det. Det er bare et spørgsmål om at gå i gang med at lære det stille og roligt, i stedet for at kaste sig hovedkulds ud i det, og kopiere andre folks kode, uden at forstå en bjælde af det (desværre nogenlunde sådan jeg kom i gang med det).
Læs en enkelt eller to bøger om det, og du vil sikkert hurtigt have 'tjent' tiden hjem igen, som du ellers ville have siddet og brugt på, at finde ud af hvorfor noget ikke fungerer. Jeg mener fx Zeldmans "Designing With Web Standards" skulle være et udmærket springbræt til at komme i gang med det.
Du må dog forresten heller ikke have en liste inden i et h-element.
Synes godt om
Slettet bruger
07. januar 2006 - 18:55#7
Ja, jeg forventer heller ikke, at det skal være let. Det var det heller ikke, da jeg i sin tid lærte html eller andre former for programmering. Men jeg synes, css er mere bøvlet og nogle gange alogisk (hvis man an sige det) end noget andet, jeg har oplevet. Jeg har noget, som jeg skal have færdigt, så nogle gange 'låner' jeg noget kode, som jeg ikke 100% forstår. Det er en metode, som jeg heller ikke bryder mig om, men tiden er knap.
Men det, du siger, må vel betyde, at man skal definere H til menuen, som har padding på 0px. Eller må man heller ikke lægge H inden i lister? :-)
Synes godt om
Slettet bruger
07. januar 2006 - 18:56#8
Grunden til at jeg foretrækker at bruge H er, at jeg gerne vil gøre Google opmærksom på indholdet i menuen.
Jeg synes nu egentlig CSS er ganske logisk (ulogisk var forresten nok det ord du ledte efter :-)), problemerne man kan løbe ind i, skyldes som regel 'blot' forskelle i implementationerne (mangler, bugs, forskellige fortolkninger af standarderne, ...).
Du må gerne bruge heading-elementer i lister, det er det omvendte du ikke må. Var det ikke smartere at google fandt den underside man kommer ind på, via diverse menupunkter? Jeg er _temmelig_ sikker på det vil fungere langt bedre, hvis du i stedet har et 'højtvægtet' heading-element på hver side, højt oppe i koden, med sidens titel.
Tid er selvfølgelig altid et problem, men det er fx helt essentielt at forstå boksmodellen, hvis man vil designe ordentligt med CSS...
Synes godt om
Ny brugerNybegynder
Din løsning...
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.