Avatar billede viggosmor Nybegynder
22. juni 2008 - 17:58 Der er 10 kommentarer og
1 løsning

placering af menu

Hejsa

Sidder med et problem, hvordan får jeg placeret følgende menu på denne side:

http://soederberg-webdesign.dk/astrid/

Så menuen ligger helt oppe til banneret og de ligger på én række??

Har prøvet med en masse padding og margin men uden godt resultat...
Avatar billede mclemens Nybegynder
22. juni 2008 - 18:10 #1
ul,li{margin:0;padding:0;} i css før andre ul og li regler
Avatar billede viggosmor Nybegynder
22. juni 2008 - 18:16 #2
Super, tak for det :)
Avatar billede mclemens Nybegynder
22. juni 2008 - 18:20 #3
Velbekom, og tak for point :)
Avatar billede viggosmor Nybegynder
22. juni 2008 - 19:03 #4
Du ved vel ikke lige i en fart, hvordan jeg får linkene til at skifte farve ved hover ( Har et hover billede, jeg vil have til at blive vist når musen kører hen over firkanten? )
Avatar billede mclemens Nybegynder
22. juni 2008 - 19:30 #5
Hmm, teksten er jo ikke billeder - men er det
noget i denne stil du tænker på med hover skifte ?

#navigation a:hover{width:150px;height:150px;display:block;background:url('http://www.eksperten.dk/img/elogo.png');}
#navigation a:hover img {display:none;}

(sæt evt. klasser på de href's hvor det skal ske og ret a:hover i ovenstående til
a.klassenavnet:hover)
Avatar billede mclemens Nybegynder
22. juni 2008 - 19:44 #6
Edit: teksten er jo ikke billeder -> teksten er jo billeder (LOL)
Avatar billede viggosmor Nybegynder
24. juni 2008 - 09:14 #7
Super takker for hjælpen :)
Avatar billede viggosmor Nybegynder
24. juni 2008 - 09:17 #8
Problemet er bare når jeg får forskellige links på billederne, så skal hoveren jo også være forskellig..

Men det klarer jeg måske med klasser?

Har ikke rigtigt arbejdet med klasser før...
Avatar billede viggosmor Nybegynder
24. juni 2008 - 09:42 #9
eller skal jeg lave en id for hvert link billede?
og definere hvert id i css?
Avatar billede mclemens Nybegynder
24. juni 2008 - 11:18 #10
Enten en id for hvert billede eller en class for hvert billede...

#navigation a:hover img {display:none;}
#navigation a:hover{width:150px;height:150px;display:block;}

#navigation .forside a:hover{background:url('http://www.eksperten.dk/img/elogo.png');} /* rammer li med class forside */
#navigation .link1 a:hover{background:url('http://www.eksperten.dk/img/flag_green.gif');} /* rammer li med class link1 */
#navigation #link2 a:hover{background:url('http://www.eksperten.dk/img/flag_green.gif');} /* rammer li med id link2 */
#navigation a:hover{background:url('http://www.eksperten.dk/img/flag_blue.gif');} /* Rammer alle der ikke er ramt */

- Prøv evt. at sætte link1 class på en li / eller id med link2 (udvid/slet efter behov).
Avatar billede mclemens Nybegynder
24. juni 2008 - 11:35 #11
Hvis det foresten blot er for at få en hover effect
kan du overveje (istedet for det ovenstående) at prøve med:

#navigation{background:#000;}
#navigation a:hover{opacity:0.5;filter:alpha(opacity=50);}

(husk at slette det andet fra tidligere indlæg for at teste dette)
... baggrundsfarven på #navigation kan så varieres og det samme med
opacity for at give en anden effekt i farven ...

- Hvis du så skal bruge en som selectet kan du via. dit
server side script sætte en id på det aktive link ved at udvide
#navigation{background:#000;}
#navigation a:hover{opacity:0.5;filter:alpha(opacity=50);}

til

#navigation{background:#000;}
#navigation a:hover, #navigation #activelink{opacity:0.5;filter:alpha(opacity=50);}
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