Avatar billede cocolumbo Nybegynder
24. november 1999 - 00:28 Der er 4 kommentarer og
1 løsning

Kontrollerede Stylesheets

Hvordan laver man en menu på en side, hvor teksten skifter farve ved mouseover. Dog skal resten af linksene på siden ikke skifte farve. Det skal være med stylesheets i dw.

Husk på at jeg godt kan lave stylesheets men at det er problemet med at begrænse det til nogle særlige felter der er problemet.
Avatar billede hirtshals Nybegynder
24. november 1999 - 09:47 #1
Ved at bruge class til dit stylesheet

feks ved en tabel

<STYLE>

TD.colorhover
{
}
TD.colorhover A:active
{
    COLOR: green
}
TD.colorhover A:link
{
    COLOR: blue
}
TD.colorhover A:visited
{
    COLOR: gray
}
TD.colorhover A:hover{
    COLOR: red
}
TD.nogetnyt
{
Her skriver du alt hvad der skal ske i denne tabel celle, font etc etc
}
</STYLE>

<table>
<tr>
<td>Her Opfører link sig normalt</td>
<td class="colorhover">Her opfører de sig som stylesheet</td>

du kan lave alle de classer som du har lyst tiæ

feks
<td class="nogetnyt">
Avatar billede skjoldby Nybegynder
24. november 1999 - 15:52 #2
Jeg ville gøre sådan:

<style type="text/css">
<!--

a.menu:link { color: #000000; text-decoration: none}
a.menu:hover { color: #333333 ; text-decoration: underline}
a.menu:active { # 666666; text-decoration: none}
a.menu:visited { # 999999; text-decoration: none}
-->
Avatar billede cocolumbo Nybegynder
25. november 1999 - 22:47 #3
Da jeg ikke er nogen ørn til koder leder jeg efter en konkret fremgangsmåde i dw
Avatar billede skjoldby Nybegynder
25. november 1999 - 23:00 #4
Få vinduet styles frem (F7).
Tryk på Styles
Tryk på New
Tryk på Use CSS Selector og vælg eks. a:hover
    a:hover ændre du så til a.menu:hover
Tryk ok
Nu vælger du color, og text-decoration
Tryk ok og a.menu:hoover er oprettet.

Fortsæt med a:link, a:active, a:visited.

Når du er færdig med at definere alle css'erne siger du done.

Du vælger et link (det er nok bare at placere curseren på linket. det behøver ikke at være markeret).

I vinduet styles (F7) vælger du så <a> i 'apply to:' og vælger stylen menu.

tadaaaaa

/skjoldet
Avatar billede skjoldby Nybegynder
25. november 1999 - 23:02 #5
du kan også trykke f10 og paste min kode ind i headen, vælge linket og apply to: <a> og så stylen.
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
Kurser inden for grundlæggende programmering

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