--- title: "Länk med färgbyte i bakgrund!" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/103806-länk-med-färgbyte-i-bakgrund" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "Erik/Out" published: "2004-05-17T20:42:08.000Z" updated: "2004-05-21T09:25:43.000Z" replies: 19 views: 498 page: 1 pages: 1 language: "sv-SE" site: "webForum — webforum.nu" rights: "Upphovsrätten till varje inlägg tillhör dess författare." attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/103806-länk-med-färgbyte-i-bakgrund" --- # Länk med färgbyte i bakgrund! ## #1 — Erik/Out, 2004-05-17T20:42Z Hur har SVT gjort länken till vänster där hela raden blir en länk? Jag fattar inget måste jag säga, men snyggt är det. Vill använda mig av samma system. Nån som kan hjälpa? //Erik Permalänk: https://www.webforum.nu/p/103806 ## #2 — Esen, 2004-05-17T20:47Z Som sakt var, Först trodde jag att det var Menyn till vänster med alla kategorier, Sen trodde jag att det var logans Meny, och tillslut trodde jag att det var Filmkrönikans meny, Så nu e jag helt förvirrad och inte vad han menar för meny, Det finns ju tre, Men bara en som byter färg när man har musen över. Men den ligger i mitten och inte till vänster... Permalänk: https://www.webforum.nu/p/1350339 ## #3 — Nexus86, 2004-05-17T20:51Z Är inte jsp ett serverspråk eller är det en ny förkortning för javascript? :OO ;) Angående menyn: De använder javascript, inte ren html. Permalänk: https://www.webforum.nu/p/1350342 ## #4 — Erik/Out, 2004-05-17T20:51Z Vaddå IR och PS7?? Permalänk: https://www.webforum.nu/p/1350343 ## #5 — frankof, 2004-05-17T20:52Z Finns lite olika lösningar på det. ``` A:link{COLOR: #000099; TEXT-DECORATION: none; } A:visited{COLOR: #000099; TEXT-DECORATION: none;} A:hover{COLOR: #000099; text-decoration: none; background-color: blue; } A:active{COLOR: #000099; TEXT-DECORATION: none;} ``` Annars kan du göra hela \ till länk Permalänk: https://www.webforum.nu/p/1350344 ## #6 — Erik/Out, 2004-05-17T20:52Z Nexus86: Jaha,,?? hur vet du det? Permalänk: https://www.webforum.nu/p/1350345 ## #7 — Erik/Out, 2004-05-17T20:53Z frankof: kan man, hurdå?? Permalänk: https://www.webforum.nu/p/1350347 ## #8 — Esen, 2004-05-17T20:57Z > **Nexus86 skrev:** > > Är inte jsp ett serverspråk Det e det väl? Och det används till menyn till vänster som jag trodde att han ville ha hjälp med först.... Permalänk: https://www.webforum.nu/p/1350354 ## #9 — Erik/Out, 2004-05-17T20:58Z Esen: Alltså menyn till vänster den röda!!! Permalänk: https://www.webforum.nu/p/1350355 ## #10 — Esen, 2004-05-17T20:58Z > **Erik/Out skrev:** > > Vaddå IR och PS7?? IR = ImageReady PS7 = Photoshop 7 Permalänk: https://www.webforum.nu/p/1350356 ## #11 — jarvklo, 2004-05-17T20:59Z Har inte kollat exakt vad som händer på just svt.se, men t.ex. är en sida som förklarar principen för den (numera ganska vanliga) lösningen att lägga menyer i \-listor och sedan fixa "rollover"-effekter med CSS... Vilket svt.se verkar ha inspirerats \*väldigt\* mycket av i sin meny ;) Förmodligen kan du få till effekt med en färg-ändrande vänsterkant som liknar deras genom att lägga en ganska tjock left-border på \-taggen och sedan byta färg på den i a:hover (i kombination med olika klasser på \-taggarna om du dessutom vill ha olika färger på olika "menypinnar" ) ;) Tittar du sedan vidare på för mer inspiration - man kan göra ett \*gäng\* snygga saker med bara listor, länkar och CSS ;) /red - och jo "JSP" är ett serverside-språk, precis som ASP och PHP... Det är inget som körs i webbläsaren på något vis ;) Permalänk: https://www.webforum.nu/p/1350358 ## #12 — Esen, 2004-05-17T21:00Z > **Erik/Out skrev:** > > Esen: Alltså menyn till vänster den röda!!! Okey, nu fattar jag, Det e gjort med hjälp av JavaScript och html och CSS... Permalänk: https://www.webforum.nu/p/1350359 ## #13 — Erik/Out, 2004-05-17T21:00Z Denna sidan har ju nått likande! Permalänk: https://www.webforum.nu/p/1350360 ## #14 — Esen, 2004-05-17T21:02Z > **Erik/Out skrev:** > > Denna sidan har ju nått likande! > Jo, att bara få en bakgrund på en länk e ju enklet, bara att använda CSS till de... Permalänk: https://www.webforum.nu/p/1350362 ## #15 — Erik/Out, 2004-05-17T21:04Z Men hela bakgrunden är ju en länk! Och kan du berätta hur, nu när det är så enkelt... Permalänk: https://www.webforum.nu/p/1350364 ## #16 — jarvklo, 2004-05-17T21:06Z Ja just det... Lägg en \ inuti en \ och sätt sedan display:block på a-taggen med CSS (se mitt tidigare inlägg i tråden !!!) Med lite fler detaljer i CSS:en får du till exakt det som svt.se gör ;) /red - funkar om du lägger en \ inuti en \ också om det känns mer hemtamt än att meka om en massa list-taggar ;) Permalänk: https://www.webforum.nu/p/1350367 ## #17 — Erik/Out, 2004-05-17T21:09Z jarvklo: AHA!!! TACKAR!!! ÄNTLIGEN! Som jag har letet!!! :P Permalänk: https://www.webforum.nu/p/1350374 ## #18 — jarvklo, 2004-05-17T21:15Z NP :bire Permalänk: https://www.webforum.nu/p/1350379 ## #19 — Tinwëlint, 2004-05-19T23:45Z Den här artikeln på A List Apart kan ju vara av intresse också: Permalänk: https://www.webforum.nu/p/1351392 ## #20 — Melea, 2004-05-21T09:25Z > **jarvklo skrev:** > > Tittar du sedan vidare på för mer inspiration - man kan göra ett \*gäng\* snygga saker med bara listor, länkar och CSS ;) De där kallar jag länkarnas länk! :) Permalänk: https://www.webforum.nu/p/1351913 --- Tråden på webben: https://www.webforum.nu/amne/html-css/103806-länk-med-färgbyte-i-bakgrund