Avatar billede sijmonj Nybegynder
10. juni 2008 - 21:11 Der er 14 kommentarer og
1 løsning

Sæt et Div under et andet Div

Heej :), jeg har et problem, jeg skal til at sætte det her design op med Html og CSS

http://ziimx.zeekoo.dk/

som i kan se er min menu under top logo'et, og det er der jeg har mit problem, jeg kan ikke få den til det, har prøvet med Z-index men det virker slet ikke :S.
her kan i se hvorn det ser ud det jeg har lavet

http://ziimx.zeekoo.dk/test/

som i kan se i min CSS har jeg prøvet at sætte Z-index 2 på mit top logo og Z-index på min menu, men virker stadig ikke.

er der en som kan hjælpe mig lidt med at få det til at virke?.

Tak på forhånd (:
Avatar billede olebole Juniormester
10. juni 2008 - 23:29 #1
<ole>

#logo_top {
    background-image: url("http://ziimx.zeekoo.dk/images/logo_02.jpg");
    position: relative;
    height: 230px;
    width: 100%;
    background-repeat: repeat-x;
    z-index:2;
}

#menu {
    background-image: url("http://ziimx.zeekoo.dk/test/images/menu.jpg");
    position: absolute;
    top: 0;
    height: 622px;
    width: 191px;
    z-index:1;
}


/mvh
</bole>
Avatar billede sijmonj Nybegynder
10. juni 2008 - 23:39 #2
hm, nu kom den under men top logoet skære grafikken over
http://ziimx.zeekoo.dk/test/

er der en måde man kan løse det på :/?

og tak for hjælpen
Avatar billede w13 Novice
11. juni 2008 - 09:34 #3
Så skal #menu vel bare rykkes ned.
Ret:
top: 0;
til f.eks.:
top: 200px;

Dvs. find det rigtige px-tal.
Avatar billede sijmonj Nybegynder
11. juni 2008 - 13:24 #4
men altså, top logoet skære stadig noget af menu'en væk,
http://ziimx.zeekoo.dk/test/

er det fordi at jeg skal gøre min baggrund transparent og så bruge noget javascript eller hvordan kan jeg løse det problem?
Avatar billede w13 Novice
11. juni 2008 - 13:38 #5
Nej, så skal du jo skrive et større tal i top, f.eks.:
top: 500px;

Find det rigtige tal.
Avatar billede sijmonj Nybegynder
11. juni 2008 - 14:07 #6
jamen altså jeg vil gerne have at man kan se menu'en gå op under logo'et og ikke bare blive skåret i, sån her vil jeg gerne have det til at se ud
http://ziimx.zeekoo.dk/
Avatar billede mclemens Nybegynder
11. juni 2008 - 14:12 #7
Mon ikke http://ziimx.zeekoo.dk/test/images/logo_01.jpg skal være transparent ?
Avatar billede w13 Novice
11. juni 2008 - 14:21 #8
Ja, så skal dit billede jo gøres transparent!?
Avatar billede w13 Novice
11. juni 2008 - 14:21 #9
Eller endnu bedre/lettere, tegn menuen ind i billedet ;)
Avatar billede sijmonj Nybegynder
11. juni 2008 - 15:13 #10
det med at klippe menu'en ind i top logo'et vil ikke helt virke, fordi så kommer der alt for stort mellemrum mellem menu'en og content.

jeg vil lige prøve når jeg får tid, at gøre mit top logo transparent :).
men skal jeg så ikke bruge noget javascript?, og vil det virke i alle browsere? IE 6 og IE7 og firefox, safari etc.?
Avatar billede w13 Novice
11. juni 2008 - 15:15 #11
Det kommer an på, om du gør det ordentligt. :) Man kan godt lave en transparent, som ikke virker, men som regel vil det virke.

Jeg kan ikke forestille mig, hvordan der skulle komme et mellemrum mellem menuen og content ved at tegne menustregerne ind i logoet..
Avatar billede sijmonj Nybegynder
11. juni 2008 - 19:05 #12
Seriøst, det her er fanme ikke let :O, er der en som ved hvorfor at skyggen er blevet så meget mere mørk når det er et Png billed?.

http://ziimx.zeekoo.dk/test/
Avatar billede sijmonj Nybegynder
25. december 2009 - 22:45 #13
tak for hjælpen smid svar
Avatar billede w13 Novice
25. december 2009 - 23:19 #14
:)
Avatar billede w13 Novice
26. december 2009 - 23:09 #15
Tak for point!
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