25. januar 2007 - 22:43Der er
16 kommentarer og 1 løsning
vandret streg i forbindelse med menu
Hej med jer Jeg har lavet (lånt) en fanebladsmenu hvos jeg undervejs har mistet den linje som ellers ligger under menupunkteren og ligesom definerer fanebladet.
Jeg ville positionere stregen til det rette sted. Tilføj denne til din css: hr { position:absolute; left:1em; top:215px; }
Du skal også lige være opmærksom på, at din side ikke vises ens i IE og Mozilla. har ikke checket de andre browsere, men i de to, er der i hvert fald i væsentlig forskel.
Håber du kunne bruge hjælpen, har checket det selv, så det burde virke.
Hej igen Har kigget lidt mere på det. Firefox læser min css som jeg gerne vil ha den til. den laver en streg på tværs i hele indholdsfeltet og giver de aktive menupunkter lov at overskrive med deres egen (og baggrundens) farve. det er den funktion IE tilsyneladende ikke forstår... Har prøver din løsning og den laver en fin linje der hvor jeg vil ha den, men hvordan får jeg den til at fylde i hele bredden ?
Der er flere ting du skal gøre, hvis jeg har forstået dig ret. Hvis du sætter en bredde på dit element nu, vil din side hoste op med to borders. Tag' en kopi af dit element og prøv at redigere i din kopi, følgende:
1. Slet border på din .menu, da den border kun er i vejen. 2. For at få samme bredde på borderen i henholdvis Firefox/Mozilla og IE, skal du have slettet dine padding-left:16px; padding-right:16px; på dit #banner element. Hvis du ikke sletter dem, vil Firefox have en større/længere bredde end IE. Eller omvendt sagt, IE, vil have en for kort bredde. 3. Derefter skal du lave en ny div: #streg { height:1px; background: url(/hjaelp/2.jpg) top left repeat-x; } Vælger du denne mulighed skal du lave et billede med den farve stregen skal være - et billede på 1*1 pixels.
Derefter skal du hente div'en efter din menu, med denne (Lige inden starten på #page-elementet): <div id="streg"> </div>
Så skulle du gerne have din streg, så den ser ens ud i alle browsere. -- Hvis det ikke virker skal du endelig komme tilbage. Det kan være jeg har overset noget.
Forresten er stregen også flyttet op under menuen, hvilket den ikke var i IE før. -- Jeg ville også validerer dit dokument. Det er ikke noget krav, men det er noget lettere at kode hjemmesider, når man ved, at de fejl der er på siden, er ens egne kodefejl.
nu ser det rigtigt ud i frefox men i IE forsvinder den nederste border ikke når linket er aktiv...
Har haft prøvet at validere og har også fundet lidt fejl, åske forstår jeg bare ikke hvad det er den brokker sig over. men jeg kan ikke få rettet de sidste ting.
vil gerne give dig flere point hvis du vil hjælpe mig færdig med den her ting.
Det som driller er at IE ikke fjerner den nederste border på det faneblad som er aktivt. I firefox er det tydeligt hvilket menupunkt/faneblad man er i gang med hvor IE viser det med den rigtige farve men med den sorte linje synlig.
Så er jeg med. Det kan du sagtens lave. Problemet er at IE kun forstår dit z-index under body.sektion7 ul.menu li a#link7 , hvis der er en position absolute eller relative på. Prøv derfor at sæt position:relative; på ovennævnte. Sætter du absolute på, vil dit aktive menupunkt rykke sig lidt, så anvend relative..
det virker stadig ikke. ved heller ikke om det er den rigtige løsning at bruge z-index, det var bare en ide jeg havde om at det måtte overskrive den streg jeg ville af med.
Du er en engel og har fast plads i min aftenbøn langt tid fremover :-)
hvis jeg må presse citronen en lille bitte smule mere, så kunne jeg godt tænke mig enten den streg som lå fra fanebladene og ud til kanten tilbage eller at fanebladene fyldte hele det "midtercentreringen".
vil gerne oprette det i et nyt spg, da det jo er en ny ting.
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.