Avatar billede Marting Forsker
15. juni 2002 - 19:02 Der er 9 kommentarer og
1 løsning

Baggrundsfarver via CSS

Hej!!

Jeg har 3 tabeler!! hvor jeg ville kunne skifte Baggrundsfarver vis CSS!!

hvordan gør jeg det??

Martin
Avatar billede -master-d- Nybegynder
15. juni 2002 - 19:11 #1
<STYLE type=text/css>
.Classe {background-color: #CCCC99;}
{background-color: #FFFFFF;}
</STYLE>

og tabellen
<table class="Classe">
<tr><td></td></tr></table
Avatar billede -master-d- Nybegynder
15. juni 2002 - 19:12 #2
Hvis du vil skifte farver kan det også gøres, men kræver lidt javascript..
Avatar billede Marting Forsker
15. juni 2002 - 19:24 #3
ok Javascript!

jeg har prøvet men dur ikke!

gør jeg det rigtig??

<tr> <!-- Mellem -->

    <td width="100%" height="335" valign="top" class="Classe" >Jeg ville vise lidt om mit hus.. Jeg har fået lave en mur foran mit hus
      tryk <a href="mur2.htm">her</a>
     
     
      </td>

</tr>
Avatar billede and.vang Nybegynder
15. juni 2002 - 19:57 #4
<head>
<style type="text/css">
table.etnavn { background-color : #000000 }
</style>
</head>
osv....

/Anders
Avatar billede pato Nybegynder
15. juni 2002 - 20:00 #5
<HTML>
<HEAD>

<style>
.clsover{
background: #FF0000
}
.clsout{
background: white
}
</style>

<TITLE></TITLE>
</HEAD>
<BODY>

<table>

<tr> <!-- Mellem -->
    <td id="ftd2" width="100%" class=clsout height="335" valign="top" onmouseover="java script:this.className='clsover';" onmouseout="java script:this.className='clsout';">
Jeg ville vise lidt om mit hus.. Jeg har fået lave en mur foran mit hus
      tryk <a href="mur2.htm">her</a>


</td></tr>
</table>

</BODY>
</HTML>
Avatar billede Marting Forsker
15. juni 2002 - 20:17 #6
Pato :

nu skifter den farve!! når men kørere musen op på feltet!!

men den skulle stå konsta. samme farve!!

Martin
Avatar billede -master-d- Nybegynder
16. juni 2002 - 15:29 #7
Så skal den nok se sådan her ud :

<tr> <!-- Mellem -->
    <td id="ftd2" width="100%" class=clsout height="335" valign="top" onmouseover="java script:this.className='clsover';" onmouseout="java script:this.className='clsover';">
Jeg ville vise lidt om mit hus.. Jeg har fået lave en mur foran mit hus
      tryk <a href="mur2.htm">her</a>
Avatar billede nstenberg Nybegynder
17. juni 2002 - 22:25 #8
Du kan gøre som de gør på www.alistapart.com :

<style type="text/css" media="all">@import "/css1.css";</style>
<link rel="alternate stylesheet" type="text/css" media="screen" title="baggrundsfarve2" href="/css2.css" />

^--- heri angiver du dit stylesheet og alternativ-stylesheetet; begge med forskellige baggrundsfarver.


Så placerer du to knapper et eller andet sted på din side, hvorpå brugeren kan vælge hvilket af de to style-sheets han/hun vil bruge:

<form action="googoodoll">
<input
type="button"
class="typebutt"
value="Default Style"
onclick="setActiveStyleSheet('default'); return false;" />
</form>

<form action="googoodoll" class="vs0">
<input
type="button"
class="typebutt2"
value="Bigger Text"
onclick="setActiveStyleSheet('baggrundsfarve2'); return false;" />
</form>


Ganske simpelt.


/ nikolaj stenberg
Avatar billede Marting Forsker
20. juni 2002 - 17:43 #9
nstenberg :

kunne jeg ikke lige for dig til at sende et eksempel til mig!!

på MBG@C.DK

Martin
Avatar billede Marting Forsker
22. juni 2002 - 19:55 #10
-master-d-  :

nej sådan skal det ikke se ud!!!

den skifter først farve når man går ned i feltet!!!

Mrtin
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