---

Jeg er ved at lave en ny website. Og er igang med selve designet nu.
På nogen af siderne skal der bruges en hel del knapper/links. Jeg har set i
FP2000 tema at knapperne f ex skifter farve/udseende, når man besøger siden
der hører til knappen.
Jeg bruger ikke tema på denne siden. Men jeg vil nu høre om det er muligt at
jeg selv programmere knapperne til at skifte farve/udseende, når man er på
den aktuelle side? Og om det er muligt at få knapperne til at bibeholde en
anden farve når en bestemt side er besøgt (Lige som med links/besøgte links)
Jeg ved godt at jeg skal ha' knapperne i de forskellige farve. Men hvordan
programmere jeg dem?
Håber der er een eller flere derude der kan hjælpe mig.
På forhånd tak

--
VH Pernille Lauridsen
http://praxis-it.dk

---

"Pernille Lauridsen" skrev bla.
.. Jeg har set i
> FP2000 tema at knapperne f ex skifter farve/udseende, når man besøger
siden
> der hører til knappen.

Hvis du bruger FrontPage så spørg evt i deres egen gruppe.
news:dk.edb.internet.webdesign.frontpage

Her vil mit svar være : brug CSS

--

jopa
www.jp-web.dk
www.web-templates.dk
www.webshop-jylland.dk

---

Hejsa og tak for svaret.
Jeg stillede samme spørgsmål i den gruppe allerede igår, og det ser ikke ud
til at der er nogen der kan hjælpe der, så derfor gik det ud over denne
gruppe.

VH Pernille

---

"Pernille Lauridsen" skrev .
> Hejsa og tak for svaret.
> Jeg stillede samme spørgsmål i den gruppe allerede igår, og det ser ikke
ud
> til at der er nogen der kan hjælpe der, så derfor gik det ud over denne
> gruppe.
Du er velkommen.

Vedr HTML og CSS så kan du få al den hjælp du ønsker her.
Dit spørgsmål som jeg tydede det gik på Java apletter/Hover buttons som
FrontPage gør ivrig brug af, og det er nok ikke det smarteste til navigation
da mange har fravalgt sig muligheden af at køre Java på deres pc.
Derfor svaret: brug CSS til navigation.
Rigtigt godt link til HTML/CSS
www.html.dk samt IDG's billigbøger om emnet. De fåes for under en hund.

--

jopa
www.jp-web.dk
www.web-templates.dk
www.webshop-jylland.dk

---

Tak skal du ha'

Jeg har nu bestilt hæftet om CSS hos IDG

VH Pernille

---

Mon, 9 Sep 2002 12:24:49 +0200, skrev "Pernille Lauridsen"
<news@NOSPAMpraxis-it.dk>:

>Jeg er ved at lave en ny website. Og er igang med selve designet nu.
>På nogen af siderne skal der bruges en hel del knapper/links. Jeg har set i
>FP2000 tema at knapperne f ex skifter farve/udseende, når man besøger siden
>der hører til knappen.

Det burde kunne laves med css i FP, men hvordan det laves i FP
har jeg ikke anelse om.

Jeg kan give dig en opskrift på det, kort: du skal indsætte
knapperne som baggrundsbillede og så bruge visited og hover.

Vil du have »opskriften«, hvordan du laver det med manuel kode
som du selv skal sætte ind i htmlvisning, så sig til.
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

---

Til *S*

Jeg kender ikke så meget til CSS endnu, men jeg kan da rode lidt med HTML.

VH Pernille

---

Mon, 9 Sep 2002 17:34:06 +0200, skrev "Pernille Lauridsen"
<news@NOSPAMpraxis-it.dk>:

>Jeg kender ikke så meget til CSS endnu, men jeg kan da rode lidt med HTML.

http://home13.inet.tele.dk/smedpark/test/knap.htm

Højreklik => vis kilde.

Det er en rød og blå knap, der er brugt, men kunne selvf. være
hvilket som helst billede.
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

---

Tusind tak

VH Pernille

---

Hejsa Knus

Kan du hjælpe igen?
Jeg har nu kopieret Kilden fra den side, og pillet ved den i Notebook, og
checket en million gange.....det skulle se rigtig ud, men......
Knapperne skifter ikke til den nye knap, når siden er besøgt.
Jeg har kopieret hele HTML-koden på pågældende side.
Håber du kan se hvad der er galt

På forhånd tak

VH Pernille


<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>blondiner forside</title>
<style type="text/css">
<!--
a.hjernen { color: transparent; background-image:
url('images/blond%20knap/lilla/hjernen.jpg');
background-repeat: repeat; background-attachment: scroll;
width: 100px; height: 25px; display: block; text-decoration:
none; background-position: 0% }
a.hjernen:visited {color: transparent; background:
url(images/blond%20knap/green/hjernen.jpg); width: 100px; height: 25px;
display: block; text-decoration: none}

a.hvad { color: transparent; background-image:
url('images/blond%20knap/lilla/hvad.jpg'); background-repeat:
repeat; background-attachment: scroll; width: 100px; height:
25px; display: block; text-decoration: none;
background-position: 0% }
a.hvad:visited {color: transparent; background:
url(images/blond%20knap/green/hvad.jpg); width: 100px; height: 25px;
display: block; text-decoration: none}

a.hvor { color: transparent; background-image:
url('images/blond%20knap/lilla/hvor.jpg'); background-repeat:
repeat; background-attachment: scroll; width: 100px; height:
25px; display: block; text-decoration: none;
background-position: 0% }
a.hvor:visited {color: transparent; background:
url(images/blond%20knap/green/hvor.jpg); width: 100px; height: 25px;
display: block; text-decoration: none}

a.hvordan { color: transparent; background-image:
url('images/blond%20knap/lilla/hvordan.jpg');
background-repeat: repeat; background-attachment: scroll;
width: 100px; height: 25px; display: block; text-decoration:
none; background-position: 0% }
a.hvordan:visited {color: transparent; background:
url(images/blond%20knap/green/hvordan.jpg); width: 100px; height: 25px;
display: block; text-decoration: none}

a.hvorfor { color: transparent; background-image:
url('images/blond%20knap/lilla/hvorfor.jpg');
background-repeat: repeat; background-attachment: scroll;
width: 100px; height: 25px; display: block; text-decoration:
none; background-position: 0% }
a.hvorfor:visited { color: transparent; background-image:
url('images/blond%20knap/lilla/hvorfor.jpg');
background-repeat: repeat; background-attachment: scroll;
width: 100px; height: 25px; display: block; text-decoration:
none; background-position: 0% }
a.laege {color: transparent; background:
url(images/blond%20knap/lilla/laege.jpg); width: 100px; height: 25px;
display: block; text-decoration: none}
a.laege:visited {color: transparent; background:
url(images/blond%20knap/green/laege.jpg); width: 100px; height: 25px;
display: block; text-decoration: none}

a.almenhed { color: transparent; background-image:
url('images/blond%20knap/lilla/almenhed.jpg');
background-repeat: repeat; background-attachment: scroll;
width: 100px; height: 25px; display: block; text-decoration:
none; background-position: 0% }
a.almenhed:visited {color: transparent; background:
url(images/blond%20knap/green/almenhed.jpg); width: 100px; height: 25px;
display: block; text-decoration: none}

a.biler { color: transparent; background-image:
url('images/blond%20knap/lilla/biler.jpg');
background-repeat:
repeat; background-attachment: scroll; width: 100px; height:
25px; display: block; text-decoration: none;
background-position: 0% }
a.biler:visited {color: transparent; background:
url(images/blond%20knap/green/biler.jpg); width: 100px; height: 25px;
display: block; text-decoration: none}

a.brunetter { color: transparent; background-image:
url('images/blond%20knap/lilla/brunetter.jpg');
background-repeat: repeat; background-attachment: scroll;
width: 100px; height: 25px; display: block; text-decoration:
none; background-position: 0% }
a.brunetter:visited {color: transparent; background:
url(images/blond%20knap/green/brunetter.jpg); width: 100px; height: 25px;
display: block; text-decoration: none}

a.boern { color: transparent; background-image:
url('images/blond%20knap/lilla/boern.jpg');
background-repeat:
repeat; background-attachment: scroll; width: 100px; height:
25px; display: block; text-decoration: none;
background-position: 0% }
a.boern:visited {color: transparent; background:
url(images/blond%20knap/green/boern.jpg); width: 100px; height: 25px;
display: block; text-decoration: none}

a.kaerester { color: transparent; background-image:
url('images/blond%20knap/lilla/kaerester.jpg');
background-repeat: repeat; background-attachment: scroll;
width: 100px; height: 25px; display: block; text-decoration:
none; background-position: 0% }
a.kaerester:visited {color: transparent; background:
url(images/blond%20knap/green/kaerester.jpg); width: 100px; height: 25px;
display: block; text-decoration: none}

a.paerer { color: transparent; background-image:
url('images/blond%20knap/lilla/paerer.jpg');
background-repeat: repeat; background-attachment: scroll;
width: 100px; height: 25px; display: block; text-decoration:
none; background-position: 0% }
a.paerer:visited {color: transparent; background:
url(images/blond%20knap/green/paerer.jpg); width: 100px; height: 25px;
display: block; text-decoration: none}

a.sex { color: transparent; background-image:
url('images/blond%20knap/lilla/sex.jpg');
background-repeat: repeat; background-attachment: scroll;
width: 100px; height: 25px; display: block; text-decoration:
none; background-position: 0% }
a.sex:visited {color: transparent; background:
url(images/blond%20knap/green/sex.jpg); width: 100px; height: 25px; display:
block; text-decoration: none}

a.job { color: transparent; background-image:
url('images/blond%20knap/lilla/job.jpg');
background-repeat: repeat; background-attachment: scroll;
width: 100px; height: 25px; display: block; text-decoration:
none; background-position: 0% }
a.job:visited {color: transparent; background:
url(images/blond%20knap/green/job.jpg); width: 100px; height: 25px; display:
block; text-decoration: none}

a.rejse { color: transparent; background-image:
url('images/blond%20knap/lilla/rejse.jpg');
background-repeat:
repeat; background-attachment: scroll; width: 100px; height:
25px; display: block; text-decoration: none;
background-position: 0% }
a.rejse:visited {color: transparent; background:
url(images/blond%20knap/green/rejse.jpg); width: 100px; height: 25px;
display: block; text-decoration: none}

a.hushold { color: transparent; background-image:
url('images/blond%20knap/lilla/hushold.jpg');
background-repeat: repeat; background-attachment: scroll;
width: 100px; height: 25px; display: block; text-decoration:
none; background-position: 0% }
a.hushold:visited {color: transparent; background:
url(images/blond%20knap/green/hushold.jpg); width: 100px; height: 25px;
display: block; text-decoration: none}

a.blandet { color: transparent; background-image:
url('images/blond%20knap/lilla/blandet.jpg');
background-repeat: repeat; background-attachment: scroll;
width: 100px; height: 25px; display: block; text-decoration:
none; background-position: 0% }
a.blandet:visited {color: transparent; background:
url(images/blond%20knap/green/blandet.jpg); width: 100px; height: 25px;
display: block; text-decoration: none}

a.saa%20var%20der {color: transparent; background:
url(images/blond%20knap/lilla/ogsaavar.jpg); width: 100px; height: 25px;
display: block; text-decoration: none}
a.saa%20var%20der:visited {color: transparent; background:
url(images/blond%20knap/green/ogsaavar.jpg); width: 100px; height: 25px;
display: block; text-decoration: none}



-->
</style>
<meta name="Microsoft Border" content="l">
</head>

<body stylesrc="index.htm">
<p align="center"><!--webbot bot="ImageMap"
text=" (26,8) (445, 52) {Blondiner Forside} {Times New Roman} 24 B #000000
CT 0 "
border="0" src="images/banner.gif" width="468" height="60"
u-originalsrc="images/banner.gif"
u-overlaysrc="_overlay/blondiner.htm_txt_banner.gif" --></p>
<div align="center">
<center>
<table border="0" width="100%">
<tr>
<td valign="middle" align="center"><a href="blondiner/blond1.htm"><img
border="0" src="images/blond%20knap/lilla/hjernen.jpg" width="80"
height="33"></a></td>
<td valign="middle" align="center"><a href="blondiner/blond2.htm"><img
border="0" src="images/blond%20knap/lilla/hvad.jpg" width="80"
height="33"></a></td>
<td valign="middle" align="center"><a href="blondiner/blond3.htm"><img
border="0" src="images/blond%20knap/lilla/hvor.jpg" width="80"
height="33"></a></td>
<td valign="middle" align="center"><a href="blondiner/blond4.htm"><img
border="0" src="images/blond%20knap/lilla/hvordan.jpg" width="80"
height="33"></a></td>
<td valign="middle" align="center"><a href="blondiner/blond5.htm"><img
border="0" src="images/blond%20knap/lilla/hvorfor.jpg" width="80"
height="33"></a></td>
<td valign="middle" align="center"><a href="blondiner/blond6.htm"><img
border="0" src="images/blond%20knap/lilla/laegen.jpg" width="80"
height="33"></a></td>
</tr>
<tr>
<td valign="middle" align="center"><a href="blondiner/blond7.htm"><img
border="0" src="images/blond%20knap/lilla/almenhed.jpg" width="80"
height="33"></a></td>
<td valign="middle" align="center"><a href="blondiner/blond8.htm"><img
border="0" src="images/blond%20knap/lilla/biler.jpg" width="80"
height="33"></a></td>
<td valign="middle" align="center"><a href="blondiner/blond9.htm"><img
border="0" src="images/blond%20knap/lilla/brunetter.jpg" width="80"
height="33"></a></td>
<td valign="middle" align="center"><a
href="blondiner/blond10.htm"><img border="0"
src="images/blond%20knap/lilla/boern.jpg" width="80" height="33"></a></td>
<td valign="middle" align="center"><a
href="blondiner/blond11.htm"><img border="0"
src="images/blond%20knap/lilla/kaerester.jpg" width="80"
height="33"></a></td>
<td valign="middle" align="center"><a
href="blondiner/blond12.htm"><img border="0"
src="images/blond%20knap/lilla/paerer.jpg" width="80" height="33"></a></td>
</tr>
<tr>
<td valign="middle" align="center"><a
href="blondiner/blond13.htm"><img border="0"
src="images/blond%20knap/lilla/sex.jpg" width="80" height="33"></a></td>
<td valign="middle" align="center"><a
href="blondiner/blond14.htm"><img border="0"
src="images/blond%20knap/lilla/job.jpg" width="80" height="33"></a></td>
<td valign="middle" align="center"><a
href="blondiner/blond15.htm"><img border="0"
src="images/blond%20knap/lilla/rejse.jpg" width="80" height="33"></a></td>
<td valign="middle" align="center"><a
href="blondiner/blond16.htm"><img border="0"
src="images/blond%20knap/lilla/hushold.jpg" width="80" height="33"></a></td>
<td valign="middle" align="center"><a
href="blondiner/blond17.htm"><img border="0"
src="images/blond%20knap/lilla/blandet.jpg" width="80" height="33"></a></td>
<td valign="middle" align="center"><a
href="blondiner/blond18.htm"><img border="0"
src="images/blond%20knap/lilla/ogsaavar.jpg" width="80"
height="33"></a></td>
</tr>
</table>
</center>
</div>
&nbsp;</body>

</html>

---

Hejsa Knus= Hejsa Knud

Sorry

---

Wed, 11 Sep 2002 16:43:35 +0200, skrev "Pernille Lauridsen"
<news@NOSPAMpraxis-it.dk>:

>Jeg har kopieret hele HTML-koden på pågældende side.
>Håber du kan se hvad der er galt

Jeg ville meget hellere have set siden, der gør det lidt nemmere,
så kan du ikke prøve at uploade siden?

Ved gennemlæsning af koden ser det for mig ud til, at fejlen er
her:

<td valign="middle" align="center"><a
href="blondiner/blond1.htm"><img
border="0" src="images/blond%20knap/lilla/hjernen.jpg" width="80"
height="33"></a></td>

du har ingen classfil i a-tagget og billedet der skal være knap
skal være baggrundsbillede og ikke et alm. forgrundsbillede.

Men prøv som at upload siden og jeg laver et virkende eksempel ud
fra din side.
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

---

Oki, nu har jeg smidt den op på følgende adresse:
http://herlev.lt/praxis_humor_ny/blondiner.htm

Det er denne side og de 18 knapper midt i siden det drejer sig om.
Knapperne i venstre side (Fælles kanter) skal ikke kodes på samme måde.

VH Pernille

---

Thu, 12 Sep 2002 11:37:22 +0200, skrev "Pernille Lauridsen"
<news@NOSPAMpraxis-it.dk>:

>Oki, nu har jeg smidt den op på følgende adresse:
>http://herlev.lt/praxis_humor_ny/blondiner.htm
>
>Det er denne side og de 18 knapper midt i siden det drejer sig om.
>Knapperne i venstre side (Fælles kanter) skal ikke kodes på samme måde.

Jeg kan ikke rigtig, se hvordan du mener, at billederne skal
skifte, der er jo kun et billede til hvert link.

Jeg nøjes med den første hjernen.jpg.

Hvilket billede skal der skiftes til, ved hover og visited?
Jeg kan ikke se, at du har defineret noget andet billede her.
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

---

a.hjernen { color: transparent; background-image:
url('images/blond%20knap/lilla/hjernen.jpg');
background-repeat: repeat; background-attachment: scroll;
width: 100px; height: 25px; display: block; text-decoration:
none; background-position: 0% }
a.hjernen:visited {color: transparent; background:
url(images/blond%20knap/green/hjernen.jpg); width: 100px; height: 25px;
display: block; text-decoration: none}

Den lilla knap skal udskiftes med den grønne knap, ved visited......
SKAL jeg ha' Hover?

VH Pernille

---

Thu, 12 Sep 2002 19:28:47 +0200, skrev "Pernille Lauridsen"
<news@NOSPAMpraxis-it.dk>:

>Den lilla knap skal udskiftes med den grønne knap, ved visited......

OK, lagde ikke mærke til at der var to mapper, en green og en
lilla.

>SKAL jeg ha' Hover?

Nej.

Udfra din side, hvor jeg har fjernet det meste, har jeg lavet
eksempel med en enkelt knap på.
http://home13.inet.tele.dk/smedpark/test/pernille/

Linket er erstattet med et eksternt, det skal selvf. rettes til
det korrekte.

Dine to primære fejl er, et billederne skal i begge tilfælde
indsættes som baggrundsbillede, altså ikke noget billede ved
selve linket i tabellen, sæt en &nbsp; i stedet for.

Og der skal angives class i linket.

<a class="hjernen" href="her skal stien til linket være">

Oppe i <head> ved style skal width og height være billedets
størrelse 80px og 33px.
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

---

On Thu, 12 Sep 2002 20:20:29 +0200, Knud Gert Ellentoft
<knudgert@mail.tele.dk> wrote:

>Udfra din side, hvor jeg har fjernet det meste, har jeg lavet
>eksempel med en enkelt knap på.
>http://home13.inet.tele.dk/smedpark/test/pernille/

Ser ikke ud til at virke til Opera 6.0 - hvorfor kan jeg ikke lige
gennemskue??

--
Jørn Andersen,
Brønshøj

---

Fri, 13 Sep 2002 00:03:01 +0200, skrev Jørn Andersen
<jorn@jorna.dk>:

>
>Ser ikke ud til at virke til Opera 6.0 - hvorfor kan jeg ikke lige
>gennemskue?

Nej, det virker ikke i Opera og jeg ved heller ikke hvorfor.

Der er jo relativ simpel css, så det burde vel (?)

Det virker i Mozilla/Netscape 6-7 og selvf. IE og naturligvis
heller ikke i Netscape 4.x
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.