webForumDet fria alternativet

Länk med färgbyte i bakgrund!

HTML & CSS

19 svar · 494 visningar · startad av Erik/Out

Medlem sedan mars 200362 inlägg
Frågan#1

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.

http://svt.se/svt/jsp/Crosslink.jsp?d=4578

Vill använda mig av samma system. Nån som kan hjälpa?

//Erik

Medlem sedan mars 20024 456 inlägg
#2

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...

Medlem sedan okt. 20023 030 inlägg
#3

Ä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.

Medlem sedan mars 200362 inlägg
#4

Vaddå IR och PS7??

Medlem sedan jan. 20016 874 inlägg
#5

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 <td> till länk

Medlem sedan mars 200362 inlägg
#6

Nexus86: Jaha,,?? hur vet du det?

Medlem sedan mars 200362 inlägg
#7

frankof: kan man, hurdå??

Medlem sedan mars 20024 456 inlägg
#8

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....

Medlem sedan mars 200362 inlägg
#9

Esen: Alltså menyn till vänster den röda!!!

Medlem sedan mars 20024 456 inlägg
#10

Erik/Out skrev:

Vaddå IR och PS7??

IR = ImageReady
PS7 = Photoshop 7

Medlem sedan juli 20013 378 inlägg
#11

Har inte kollat exakt vad som händer på just svt.se, men t.ex. http://css.maxdesign.com.au/listamatic/vertical08.htm
är en sida som förklarar principen för den (numera ganska vanliga) lösningen att lägga menyer i <ul>-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å <a>-taggen och sedan byta färg på den i a:hover (i kombination med olika klasser på <li>-taggarna om du dessutom vill ha olika färger på olika "menypinnar" )
;)

Tittar du sedan vidare på http://css.maxdesign.com.au/listamatic/ 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 ;)

Medlem sedan mars 20024 456 inlägg
#12

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...

Medlem sedan mars 200362 inlägg
#13

Denna sidan har ju nått likande!
http://home.about.com/

Medlem sedan mars 20024 456 inlägg
#14

Erik/Out skrev:

Denna sidan har ju nått likande!
http://home.about.com/

Jo, att bara få en bakgrund på en länk e ju enklet, bara att använda CSS till de...

Medlem sedan mars 200362 inlägg
#15

Men hela bakgrunden är ju en länk!
Och kan du berätta hur, nu när det är så enkelt...

Medlem sedan juli 20013 378 inlägg
#16

Ja just det...
Lägg en <a> inuti en <li> 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 <a> inuti en <td> också om det känns mer hemtamt än att meka om en massa list-taggar ;)

Medlem sedan mars 200362 inlägg
#17

jarvklo: AHA!!! TACKAR!!!
ÄNTLIGEN! Som jag har letet!!! :P

Medlem sedan juli 20013 378 inlägg
#18

NP :bire

Medlem sedan maj 2004451 inlägg
#19

Den här artikeln på A List Apart kan ju vara av intresse också:

http://www.alistapart.com/articles/taminglists/

Medlem sedan juli 20033 147 inlägg
#20

jarvklo skrev:

Tittar du sedan vidare på http://css.maxdesign.com.au/listamatic/ 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! :)

269 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
136 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)