Avatar billede dk-morten Nybegynder
21. juni 2007 - 16:14 Der er 16 kommentarer og
1 løsning

Mouseover CSS

Hej alle sammen.
Jeg sidder og har et lille problem med en mouseover.. Jeg kan simeplthen ikke huske hvordan jeg får den til at passe.
Jeg vil gerne have min mouse over til at se såen her ud:
http://www.d-signs.dk/Morten/over.jpg

Men min ser kun såen her ud:
http://www.d-signs.dk/Morten/over1.JPG

Hvad er det nu CSS koden er til det?



På forhånd tak!
Avatar billede jokkejensen Novice
21. juni 2007 - 16:16 #1
a
{
display:block;
height: 30px;
width: 100%;
background-image: url();
}

det er helt sikkert display:block; du mangler.. et anchor er et inline element, som ikke kan have padding-top og bund, og margin-top og bund - og derfor heller ingen height sat.

Ændrer du display: til block, så kan du.

/JJ
Avatar billede dk-morten Nybegynder
21. juni 2007 - 16:18 #2
Hmm.. Hvor skal jeg sætte det ind henne? Jeg har lavet min side i DIV.. så det er jo selvfølge delt op i ID's.. jeg har en der hedder:

#menu a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: none;
    text-decoration: none;
    background-image: url(images/Mouseover.jpg);
Avatar billede dk-morten Nybegynder
21. juni 2007 - 16:20 #3
vil det så bare sige jeg skal skrive:

#menu a:hover {
  Display:block;
  height: 30px;
  width: 100%;
  background-image: url(images/Mouseover.jpg);    ?
Avatar billede jokkejensen Novice
21. juni 2007 - 16:21 #4
Hvis du gerne vil skrive med den specielle skrifttype du bruger til din menu, kan du bruge sifr, der komplierer du lige de tegn du vil, med en selvvalgt skrifttype ned i en swf fil, og med noget JS erstatter menu punkterne og ligger en swf oven på..

TDC bruger det ex her : http://privat.tdc.dk/ (kundecenter, internet telefoni osv.)

Sifr kan hentes her :

http://wiki.novemberborn.net/sifr

/JJ
Avatar billede jokkejensen Novice
21. juni 2007 - 16:22 #5
Ja - jeg kender ikke lige højden på dit grafik, det var mere som illustration..

Har du et link, så kan jeg fikse det for dig ?
Avatar billede dk-morten Nybegynder
21. juni 2007 - 16:24 #6
jeg prøver lige selv 2 sec ;) Ellers kalder jeg lige igen :) Skriver lige om 1 sec
Avatar billede dk-morten Nybegynder
21. juni 2007 - 16:30 #7
Hmm nu gør den bare det her:
http://www.d-signs.dk/Morten/hmm.JPG

hvordan vil du lave det? hehe.. for det må du godt. Har kodet for meget idag, min hjerne er helt forviret :D
Avatar billede jokkejensen Novice
21. juni 2007 - 16:31 #8
Du kommer til at løbe ind i et problem med at dine menu punkter, rent fysisk ikke er lige lange... altså din mouseover grafik, vil måske ikke gå ud over de længste menupunkter pga de har flere chars.

Jeg syntes du skal tage at kigge på Sliding doors fra alistapart.com.

Jeg har brugt det her, da jeg tævede den side sammen :
http://www.ipvision.dk

CSS
http://www.ipvision.dk/CSS/Menu/MainMenu.css

Billeder
http://www.ipvision.dk//images/backgrounds/MainMenuSlidingDoorsLeft.gif
http://www.ipvision.dk//images/backgrounds/MainMenuSlidingDoorsRight.gif

Du stjæler bare løs, al kredit går til www.alistapart.com :)


/JJ
Avatar billede jokkejensen Novice
21. juni 2007 - 16:31 #9
#menu a
{
float:right;
}
Avatar billede jokkejensen Novice
21. juni 2007 - 16:31 #10
Float:left :)
Avatar billede jokkejensen Novice
21. juni 2007 - 16:33 #11
Hvis du vil have menuen i højre side så er det

#menu a
{
float:right;
}
Avatar billede jokkejensen Novice
21. juni 2007 - 16:34 #12
Jeg bliver desværre nød til at smutte hjem, og der er ikke inet på hotellet, men bliver kastet ud herfra nu..

HVis ikke en anden følger op, skal jeg nok lige kigge ind i morgen..

/JJ
Avatar billede dk-morten Nybegynder
21. juni 2007 - 16:37 #13
bare i orden.. bare smid et svar når du er her igen.. eller nu hvis du kan nå det :)
Avatar billede dk-morten Nybegynder
21. juni 2007 - 16:37 #14
Mange tak for hjælpen!
Avatar billede jokkejensen Novice
21. juni 2007 - 17:09 #15
Nå det lader til at en eller anden har et netværk der hedder "default" i nærheden af hotel astoria, overhovedet ikke kender til "trådløs sikkerhed" :)

Hvor langt kom du ?
Avatar billede dk-morten Nybegynder
22. juni 2007 - 10:25 #16
så er jeg her igen. Jeg kan sku ikk få det til at virke :) Men har ikke kigget så meget på de links du har givet, da min far har 50's fødselsdag :) Men du må meget gerne hjælpe ;)
Avatar billede dk-morten Nybegynder
19. september 2010 - 15:42 #17
Ingen svar
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