Avatar billede lun Nybegynder
09. august 2003 - 08:29 Der er 7 kommentarer og
1 løsning

nye problemer med stylesheet og mouse over i tabel

http://www.eksperten.dk/spm/382885
I det spm fik jeg hælp til at lave en inkludret side med stylesheet. Tabellen skal skifte baggrundsfarve ved mouseover.

MEN jeg ville have et eksternt stylesheet, IKKE et i hver eneste side.

den inkluderede side hedder http://www.kaninbjerget.dk/whitelight/menu.html
og indexsiden hedder
http://www.kaninbjerget.dk/whitelight/index.htm

Jeg vil gerne have et stylesheet der gør at ALLE links i tabeller, ved mouse over skifter baggrundsfarven

Som nu, men altså i et style.css, så jeg kan ændre farver samme sted.

Det virker nemlig ikke hvis den inkluderede side har sin egen :
***
<style type="text/css">
body {color: black; background: black}
body,td {font: 12px verdana,arial,sans-serif}
a {color: #FFFFFF; text-decoration: none}
a:hover {color: #FF0000}
.tbl a {color: black; display: block; padding: 3px; background: black}
.tbl a:hover {color: black; display: block; padding: 3px; background: #808080}
</style>
***

og hver side har stylesheet. Så skifter baggrundsfarven ikke.
Håber at nogen forstår?

Jeg kan ikke slev skrive en css, derfor det høje pointtal

Håbefulde hilsner
Sofie
Avatar billede mikmakmuk Nybegynder
09. august 2003 - 08:43 #1
Du skal lave et eksternt stylesheet og så linke til det på de side du ønsker at bruge det :-)

<link rel="stylesheet" type="text/css" href="/style.css"/>
Avatar billede jakobclausen Nybegynder
09. august 2003 - 08:45 #2
(1)
Åbn notepad, og sæt følgende tekst ind:

body {color: black; background: black;}
body,td {font: 12px verdana,arial,sans-serif;}
a {color: #FFFFFF; text-decoration: none;}
a:hover {color: #FF0000;}
.tbl a {color: black; display: block; padding: 3px; background: black;}
.tbl a:hover {color: black; display: block; padding: 3px; background: #808080;}

(2) Gem denne fil som style.css
(3) Slet alt tekst fra <style> til </style> inde på din side
(4) Skriv følgende linie ind mellem <head> og </head>:
<link rel="stylesheet" type="text/css" href="style.css">

(5) I alle de tabeller du vil have til at skifte baggrund skal du skrive:
class="tbl" inde i tabel taget (<tabel class="tbl">

NB! Husk at du skal udføre trin 4 på alle de sider dette skal virke
Avatar billede lun Nybegynder
09. august 2003 - 08:55 #3
1000 tak jacobclausen!
Det virker
Avatar billede lun Nybegynder
09. august 2003 - 08:58 #4
Kan jeg få et hint mere med til prisen?

kan man få det til at ligne en knap, når man trykker på den? Uden at bruge java?

Ellers har jeg da flere point, hvis det sku vær' :-)
vh Sofie
Avatar billede jakobclausen Nybegynder
09. august 2003 - 08:59 #5
Jeg takker også!

Hvad mener du med at få det til at ligne en knap?
Avatar billede lun Nybegynder
09. august 2003 - 09:01 #6
altså at man kan se en siluet/ramme i en anden farve, som om knappen fylder noget...

kan ikke lige forklare det bedre
Avatar billede jakobclausen Nybegynder
09. august 2003 - 09:03 #7
Joo det mener jeg da man kan, det er noget med at man skal ligge en border rundt om den. Kan bare ikke lige huske hvordan det er man laver det.
Avatar billede lun Nybegynder
09. august 2003 - 09:05 #8
ok, måske en anden gang :-)
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