Avatar billede Slettet bruger
05. januar 2006 - 22:23 Der 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å?
Avatar billede stich Nybegynder
06. januar 2006 - 02:53 #1
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.
Avatar billede 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.
Avatar billede stich Nybegynder
06. januar 2006 - 03:17 #3
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.
Avatar billede 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.
Avatar billede stich Nybegynder
06. januar 2006 - 04:36 #5
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.
Avatar billede stich Nybegynder
06. januar 2006 - 04:39 #6
Du må dog forresten heller ikke have en liste inden i et h-element.
Avatar billede 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?  :-)
Avatar billede 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.
Avatar billede stich Nybegynder
07. januar 2006 - 19:52 #9
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...
Avatar billede Ny bruger Nybegynder

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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester