Avatar billede webpassion.dk Novice
01. juni 2010 - 18:21 Der er 7 kommentarer og
1 løsning

CSS og Javascript udfordringer

Se dette link:
http://www.svanholm.com/test/

spørgsmål 1:
Hvordan får jeg vandret menu under punktet svanholm.com til at komme foran venstre menu. Her går den bagved. Har prøvet mig med noget z-index, men uden succes. Css til vandret menu findes i jqueryslidemenu.css

spørgsmål 2
I venstre menu under fx. Cell Culture får jeg ved mouseover en meget lang undermenu. Dette bevirker at siden rykker sig, fordi der kommer en scrollbar op. Jeg kan dog ikke komme til de nederste punkter på undermenuen. Hvordan rykker jeg undermenuen op? Den er sat til position: absolute - men jeg tror, det er oppe i javascriptet, der skal ændres noget????

spørgsmål 3:
Har forsøgt at oprette border-left i venstre menu og er også ret sikker på, at jeg har sat koden rigtigt ind, men noget gør, at man ikke kan se den?? Har det noget at gøre med positioneringen af sidebar.
Venstre menu har css-koderne: sidebarmenu i selve index-filen.

Håber, der er nogle, der kan hjælpe mig.

Mvh
Charlot
Avatar billede zips Juniormester
01. juni 2010 - 18:39 #1
1 indsæt z-index som her

/*1st sub level menu*/
.jqueryslidemenu ul li ul{
z-index:1;

2 grunden er at du får en scrolbar frem som gør at siden flytter sig, du kan indsætte height:101% på din html i din css så er den fast, det kan også laves med en anden css kode.

3 Hvis du valider din css http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww.svanholm.com%2Ftest%2F vil du se at du har indsat en farve som ikke er valid på din border.
Avatar billede webpassion.dk Novice
01. juni 2010 - 20:14 #2
Heyy zips, my man ;o)

How are u?

sp. 1: It works. Jubii. Så jeg var lidt på rette spor, men satte den bare ikke ind det rette sted. Super - tak for dét ;o)

sp. 3: betyder det virkelig noget?? Ja, det gjorde det sørme. Hvor er du god!!!

Så mangler jeg bare sidste spørgsmål. Har prøvet at sætte height:110%; ind flere steder. Ingen steder får det nogen virkning.

Et lille tillægsspørgsmål: hvordan får jeg undermenuen til at flugte helt med overmenuen i venstre side. Hvis jeg nu ønsker ingen margin ml menu og undermenu i venstre menu??
Avatar billede zips Juniormester
01. juni 2010 - 20:36 #3
Din css skal se sådan ud

html {height:101%}

Det den gør er at tvinge en fast synlig vertikal scrollbar frem.

Dit tillæg-
her skal du rette denne css
.jqueryslidemenu ul li ul li a{

Hvor du har padding:5px den skal ændres til padding: 5px 10px;

Dette er jeg ikke sikker på hvad du mener?
"Hvis jeg nu ønsker ingen margin ml menu og undermenu i venstre menu??"
Avatar billede webpassion.dk Novice
01. juni 2010 - 20:59 #4
hvor skal jeg sætte koden ind: har prøvet alt - intet hjælper.
.html {height:101%}

Dette er jeg ikke sikker på hvad du mener?
"Hvis jeg nu ønsker ingen margin ml menu og undermenu i venstre menu??"

Når jeg laver mouseover på fx. "Research", så kommer en undermenu frem.
På menuen's højre margin og undermenuens venstre margin er en lille afstand. Hvad hvis jeg ønsker at højre og venstre margin skal smelte sammen?? Afstand=0px???
Avatar billede zips Juniormester
01. juni 2010 - 23:18 #5
Html css skal indsætte et sted i en af dinne css regler som dette

html {height: 101%}
body {background-color: #4e6172; margin: 0px;}
img {display: block;}


Din menu border kan du rette ved at gøre dette.

Ret denne .sidebarmenu ul li a{ her skal du slette dette border-left: 1px solid #ccc;

I denne css .sidebarmenu ul li ul{ skal du indsætte dette border-left: 0px;
Avatar billede webpassion.dk Novice
02. juni 2010 - 06:34 #6
Tak for ovenstående. Det virker fint med fast scrollbar.

Jeg fik ændret på top:0 til top:-40px, så nu kan jeg se det nederste af undermenu på fx. Cell Culture.

/*Sub level menu items */
width: 280px; /*Sub Menu Items width */
top: 0;
}

........ og så tusind tak for hjælpen. Sender du et svar, så du kan få dine points ;o)
Avatar billede zips Juniormester
02. juni 2010 - 19:50 #7
Her er et svar :-)

At sætte top til -40px kan godt være det ser rigtigt ud med din skærmopløsning, men ikke alle har den som du har, så det du har gjort virker fint hos dig, men det er ikke sikkert det gør det hos andre :)
Avatar billede webpassion.dk Novice
03. juni 2010 - 06:18 #8
Det har jeg tænkt på ;o)Hvad ville du da ellers gøre? Kan man sætte den relativ på en eller anden måde, så nederste del af undermenu altid vil være synlig ligemeget hvilken skærmopløsning man har??
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