Avatar billede tobrukDk Novice
16. september 2011 - 23:53 Der er 9 kommentarer og
1 løsning

menu omkring billedet

Hej det er sådan at jeg har lavet menu billedet i photoshop men der er det billede som at der er mellem rum i hver billede sådan at det kommer til at se sådan her ud ;

http://localhostr.com/files/S6grcTc/capture.png



#menu {
    background:#FFF;
    margin-top:2px;
    color:#000;
}
#menu li {
    padding:5px;
    text-decoration:none;
    color:#000;
    display:inline;
    margin:0px;
}
#menu li a:link {
    background:#FFF url(img/bg.png);
    text-decoration:none;
    color:#000;
    padding:5px;
    margin:0px;
}
#menu li a:hover {
    background:#FFF url(img/bghover.png);
    text-decoration:none;
    color:#000;
    padding:5px;
    margin:0px;
}


Kan du forklare mig hvad jeg har gør forkredt siden at det ikke virker 100% altså jeg vil gerne have det sådan samme. så der ikke er noget i mellem dem,

Spørger mig hvis du vil vide mere.
Avatar billede NielsErikP Mester
17. september 2011 - 00:33 #1
Hej..
Findes der noget HTML til den CSS...Også evt. hele Css til menu'en???
Avatar billede olebole Juniormester
17. september 2011 - 00:39 #2
<ole>


#menu li {
    padding:5px; /* <-- Slet den her */
    text-decoration:none;
    color:#000;
    display:inline;
    margin:0px;
}


/mvh
</bole>
Avatar billede tobrukDk Novice
17. september 2011 - 00:43 #3
ser sådan her ud nu ;

http://localhostr.com/files/kbFXnjD/capture.png


#menu li {
    color:#000;
    display:inline;
    margin:0px;
}
#menu li a:link {
    background:#FFF url(img/bg.png);
    text-decoration:none;
    color:#000;
    padding:5px;
    margin:0px;
}
#menu li a:hover {
    background:#FFF url(img/bghover.png);
    text-decoration:none;
    color:#000;
    padding:5px;
    margin:0px;
}
Avatar billede olebole Juniormester
17. september 2011 - 00:43 #4
Njaah ... nu har jeg kikket på billedet, og det er jo en vandret listemenu  *o)

Du skal nok gøre sådan:


#menu {
    background:#FFF;
    margin-top:2px;
    color:#000;
}
#menu li {
    text-decoration:none;
    color:#000;
    display:inline-block;
    margin:0px;
}
#menu li a:link {
    background:#FFF url(img/bg.png);
    text-decoration:none;
    color:#000;
    padding:5px;
    margin:0px;
    display:block;
}
#menu li a:hover {
    background:#FFF url(img/bghover.png);
    text-decoration:none;
    color:#000;
    padding:5px;
    margin:0px;
}

Avatar billede tobrukDk Novice
17. september 2011 - 00:45 #5
Hvad havde jeg lavet af fejl der olebole?
Avatar billede olebole Juniormester
17. september 2011 - 00:54 #6
Padding i top og bund giver ikke mening på inline elementer. Det gør det kun på block elementer. Derfor gav jeg dine links display:block.

Dine LI elementer havde display:inline - men inline elementer kan/må ikke indeholde block elementer. Det er dine links jo nu.

Derfor gav jeg LI'erne display:inline-block i stedet for display:inline. Så opfører de sig 'udvendigt' som inline elementer - men som block elementer 'indvendigt'.

Det betyder, at de lægger sig pænt på en linje som inline elementer, men de kan/må indeholde block elementer.

Håber, det var forklaring nok. Ellers må du sige til  =)
Avatar billede tobrukDk Novice
17. september 2011 - 00:56 #7
Ja super :) jeg kan godt husk du sagde noget omkring det i den her uge. :)

lukker den her samtale selv da du 100% ikke gider have noget for det så godt kender jeg dig snart!. :) haha

Good' weekend!
Avatar billede olebole Juniormester
17. september 2011 - 01:07 #8
Same to you, Kid  *o)
Avatar billede tobrukDk Novice
17. september 2011 - 01:10 #9
så du siger at jeg er KID! WTF... ole,,, omg
haha :)

altså hvis du var min far så vil så have jeg spruget dig hele tiden :) haha!!
Avatar billede tobrukDk Novice
17. september 2011 - 01:11 #10
Håber du/i kan hjælp mig med ; http://www.eksperten.dk/spm/947410

Der jeg også har et lille problem med bg backgrund billed
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