Fed menu i CSS

Hej, i kender mig vist nok, jeg hedder Mikkel Idag, har jeg valgt at skrive en artikel om CSS, hvilket ikke er svært. Emnet idag for mig er: Fed menu i CSS. Lad os gå direkte til koden: a:link, a:active, a:visited { text-decoration: none;  // Tekst dekorationen sætter vi til ingenting, ellers bliver den understreget color: #ffffff;  // Farven sætter vi til hvis, ligemeget hvilken farve background: url("DIT BILLEDE.jpg");  // Her sætter du dit billede ind der hvor der stå: DIT BILLEDE.jpg, det er det billede der er når man ikke har musen over linket- display: block;  // Gør at linket følger hele tabellen, hele vejen hen til kanten. } # Det samme gør vi med a:hover ;) a:hover { text-decoration: none;  // Tekst dekorationen sætter vi til ingenting, ellers bliver den understreget color: #ffffff;  // Farven sætter vi til hvis, ligemeget hvilken farve background: url("DIT BILLEDE.jpg");  // Her sætter du dit billede ind der hvor der stå: DIT BILLEDE.jpg, det billede er det der skal vises når man tar musen over linket display: block;  // Gør at linket følger hele tabellen, hele vejen hen til kanten. } Sådan laver du en fed menu i CSS :) Og husk nu. Afslut altid med } og start (efter teksten) med { Så er der ikke mere fra mig :) Hilsen Mikkel / Razo

Oprettet af: lordofthesheeps HTML Point modtaget: 0 Rate: Vælg12345   Mail Kommentarer 20:40 01/12/2005

Kommentarer

Giv din mening tilkende om denne artikel, eller læs andres.
Har du spørgsmål eller brug for hjælp til denne artikel henvises du til forummet.

Udemærket artikkel.. Så har man også lært lidt i dag!! Men hvor du dog ser stenet ud på dit billede..

Oprettet af: __ak   Mail 20:44 01/12/2005

Det er også 1½ år siden det blev taget ;)

Oprettet af: lordofthesheeps   Mail 21:24 01/12/2005

Hehe.. Jeg kom lige til at kigge på mit eget billede, så jeg skal vist ikke snakke for højt.. hehe.. Men flødeskumskager smager altså bare godt:P

Oprettet af: __ak   Mail 16:01 02/12/2005

Det er nogenlunde samme metode der bliver brugt i rowls menu til venstre.

Oprettet af: Micra   Mail 22:08 03/12/2005

Hmm i Rowls topmenu, er deet bygget på denne måde ?: #link a:link { display: block; bacground: url(link_image_1.jpg); } #link a:hover { display: block; background: url(link_image_2.jpg); } Sådan ville jeg i hvert fald lave det ;) Altså skifter det bare billede når man kører musen henover eller.. ?? Sidst redigeret 16:10 - 04/12/2005

Oprettet af: Per   Mail 16:10 04/12/2005

Per-> Jo det er nogenlunde sådan det er lavet. Det er jo også samme metode som i artiklen?

Oprettet af: Micra   Mail 16:14 04/12/2005

tror bare han er fuld :)

Oprettet af: __ak   Mail 12:42 07/12/2005

det ser altså forkert ud per .. :S a.link:link { display: block; bacground: url(link_image_1.jpg); } a.link:hover { display: block; background: url(link_image_2.jpg); }

Oprettet af: lordofthesheeps   Mail 19:53 09/12/2005

Men menuen er da fed bruger selv tit det script.

Oprettet af: NieGo   Mail 15:49 14/12/2005

hmm.. virker den i mozilla?

Oprettet af: Serverin   Mail 17:39 15/01/2006

Du skal være oprettet og logget ind for at kommentere en artikel