CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede oneskarvonly Nybegynder
23. september 2003 - 22:20 Der er 8 kommentarer og
1 løsning

Sætte et link til active fra start.

Jeg har f.eks. 4 tekstknapper i en menu:
1.Startside
2.Download
3.Juletræ
4.noget andet

Når man trykker på knapperne bruger jeg CSS-stylen: .menu:active

Men hvordan kan jeg sætter jeg knappen: 1.Startside til at være .menu:active fra starten af - så brugeren kan se at han i forvejen er på startsiden når han går ind på hjemmesiden?

M.v.h.

SKARVEN
Avatar billede oneskarvonly Nybegynder
23. september 2003 - 23:14 #1
Nogen på linien? :-)
Avatar billede mm12010 Nybegynder
24. september 2003 - 09:47 #2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>404866</title>
<script language="JavaScript" type="text/javascript">
document.getElementById('1.Startside').className = '.menu:active';
</script>
</head>
<body>
<input id="1.Startside" name="1.Startside" type="button">
</body>
</html>
Avatar billede mm12010 Nybegynder
24. september 2003 - 09:48 #3
glemte lige en onLoad:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>404866</title>
<script language="JavaScript" type="text/javascript">
function startSide(){
    document.getElementById('1.Startside').className = '.menu:active';
    }
</script>
</head>
<body onLoad="startSide();">
<input id="1.Startside" name="1.Startside" type="button">
</body>
</html>
Avatar billede oneskarvonly Nybegynder
24. september 2003 - 11:34 #4
Jeg er ikke så hård til det men jeg paster lige siden ind som er en topframe i et frameset:

Det er selve teksten INTRODUKTION jeg gerne vil ha sat til stylen: .menutxt:active fra start.
_____________________________________________________________________________
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">


<link rel="stylesheet" href="site.css" type="text/css">
</head>

<body text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#FFFFFF">
<table width="787" border="0" cellspacing="0" cellpadding="0" height="100%" align="center">
  <tr>
    <td valign="bottom" colspan="2">
      <div align="center" class="menutxt"></div>
    </td>
  </tr>
  <tr>
    <td valign="bottom" height="79" width="17">&nbsp;</td>
    <td valign="bottom" background="menubackground.jpg" height="79" width="770"><a href="details.html" target="Main" class="menutxt">
      </a><a href="java script:window.top.close()" class="menutxt"> </a>
      <table width="100%" border="0" cellspacing="0" cellpadding="0" height="15">
        <tr>
          <td width="15" class="menurep"><img src="menublock.gif" width="6" height="15"><img src="menustart.gif" width="7" height="15"></td>
          <td width="100" height="5" class="menurep">
            <div align="center"><a href="main.html" target="Main" class="menutxt">INTRODUKTION</a></div>
          </td>
          <td width="23" class="menurep"><img src="menuend.gif" width="7" height="15"><img src="menublock.gif" width="6" height="15"><img src="menustart.gif" width="7" height="15"></td>
          <td width="80" class="menurep">
            <div align="center"><a href="details.html" target="Main" class="menutxt">DETALJER</a></div>
          </td>
          <td width="20" class="menurep"><img src="menuend.gif" width="7" height="15"><img src="menublock.gif" width="6" height="15"><img src="menustart.gif" width="7" height="15"></td>
          <td class="menurep" width="70" valign="middle">
            <div align="center"><a href="videoselect.html" class="menutxt" target="Main">VIDEO</a></div>
          </td>
          <td width="20" class="menurep"><img src="menuend.gif" width="7" height="15"><img src="menublock.gif" width="6" height="15"><img src="menustart.gif" width="7" height="15"></td>
          <td width="70" class="menurep" valign="middle">
            <div align="center" class="menutxt"><a href="map.html" class="menutxt" target="Main">KONTAKT</a></div>
          </td>
          <td><img src="menuend.gif" width="7" height="15"><img src="menublock.gif" width="6" height="15"><img src="menustart.gif" width="7" height="15"></td>
          <td width="70" class="menurep">
            <div align="center"><a href="java script:window.top.close()" class="menutxt">AFSLUT</a>
            </div>
          </td>
          <td width="15"><img src="menuend.gif" width="7" height="15"><img src="menublock.gif" width="6" height="15"></td>
          <td width="267">&nbsp;</td>
        </tr>
      </table>
    </td>
  </tr>
</table>
</body>
</html>
Avatar billede oneskarvonly Nybegynder
24. september 2003 - 11:37 #5
Mit stylesheet:
____________________________________________
.menutxt {  font-size: 10px; font-weight: bold; color: #000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: middle}
.menutxt:hover {  color: #ffffff; text-decoration: none; vertical-align: middle}
.menutxt:active {  color: #003399; text-decoration: none; vertical-align: middle}
Avatar billede oneskarvonly Nybegynder
24. september 2003 - 11:42 #6
Har lige smidt lidt flere point på.. :-)
Avatar billede mm12010 Nybegynder
24. september 2003 - 12:49 #7
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>404866</title>
<script language="JavaScript" type="text/javascript">
function startSide(){
    document.getElementById('intro').className = 'start';
    }
</script>
<style type="text/css">
.menutxt {  font-size: 10px; font-weight: bold; color: #000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: middle}
.menutxt:hover {  color: #ffffff; text-decoration: none; vertical-align: middle}
.menutxt:active {  color: #003399; text-decoration: none; vertical-align: middle}
.start {  color: #003399; text-decoration: none; vertical-align: middle}
</style>
</head>

<body text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#FFFFFF" onLoad="startSide();">
<table width="787" border="0" cellspacing="0" cellpadding="0" height="100%" align="center">
  <tr>
    <td valign="bottom" colspan="2">
      <div align="center" class="menutxt"></div>
    </td>
  </tr>
  <tr>
    <td valign="bottom" height="79" width="17">&nbsp;</td>
    <td valign="bottom" background="menubackground.jpg" height="79" width="770"><a href="details.html" target="Main" class="menutxt">
      </a><a href="java script:window.top.close(" class="menutxt"> </a>
      <table width="100%" border="0" cellspacing="0" cellpadding="0" height="15">
        <tr>
          <td width="15" class="menurep"><img src="menublock.gif" width="6" height="15"><img src="menustart.gif" width="7" height="15"></td>
          <td width="100" height="5" class="menurep">
            <div align="center"><a href="main.html" id="intro" target="Main" class="menutxt">INTRODUKTION</a></div>
          </td>
          <td width="23" class="menurep"><img src="menuend.gif" width="7" height="15"><img src="menublock.gif" width="6" height="15"><img src="menustart.gif" width="7" height="15"></td>
          <td width="80" class="menurep">
            <div align="center"><a href="details.html" target="Main" class="menutxt">DETALJER</a></div>
          </td>
          <td width="20" class="menurep"><img src="menuend.gif" width="7" height="15"><img src="menublock.gif" width="6" height="15"><img src="menustart.gif" width="7" height="15"></td>
          <td class="menurep" width="70" valign="middle">
            <div align="center"><a href="videoselect.html" class="menutxt" target="Main">VIDEO</a></div>
          </td>
          <td width="20" class="menurep"><img src="menuend.gif" width="7" height="15"><img src="menublock.gif" width="6" height="15"><img src="menustart.gif" width="7" height="15"></td>
          <td width="70" class="menurep" valign="middle">
            <div align="center" class="menutxt"><a href="map.html" class="menutxt" target="Main">KONTAKT</a></div>
          </td>
          <td><img src="menuend.gif" width="7" height="15"><img src="menublock.gif" width="6" height="15"><img src="menustart.gif" width="7" height="15"></td>
          <td width="70" class="menurep">
            <div align="center"><a href="java script:window.top.close(" class="menutxt">AFSLUT</a>
            </div>
          </td>
          <td width="15"><img src="menuend.gif" width="7" height="15"><img src="menublock.gif" width="6" height="15"></td>
          <td width="267">&nbsp;</td>
        </tr>
      </table>
    </td>
  </tr>
</table>
</body>
</html>
Avatar billede oneskarvonly Nybegynder
24. september 2003 - 23:01 #8
Takker mange gange.... endelig så jeg lyset... :-)
Avatar billede mm12010 Nybegynder
25. september 2003 - 10:14 #9
selv tak :o)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML 3 29/09/202410:58 20/03/202513:38
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 21:14 eclipse Af OBS i Java
I går 17:31 Indsæt "snurrebasse" på side med upload Af KurtG i PHP
I går 12:17 Ubuntu på raspberry Pi 5, remote problemer Af jepper1992 i Linux
26/0422:32 Router fra Hiper Af lurup i Routere & Switches
25/0415:36 Konvertere filer fra spil-cd til en intallations fil Af boxer i Andet software
White papers
Flere white papers »


Premium
Teaser billede
Facebook har fjernet alle moderatorer af al dansk indhold og indsat en bot i stedet - og det kan blive en alvorlig sag
Læs mere »
CVE-program i oprør: Bestyrelsesmedlemmer fik først nys om truende lukning via sociale medier
Tidligere Conscia-topchef Claus Thorsgaard lander internationalt topjob: Bliver CEO i selskab med 500 ansatte
Den danske milliardvirksomhed Trackman overvejer at flytte produktion til USA efter Donald Trumps toldmure
Se alle »
Computerworld
Teaser billede
Facebook og Instagram vil igen anvende dine opslag og kommentarer til at træne AI-modeller: Sådan kan du undgå det
Læs mere »
Det koster millioner, når du er høflig over for ChatGPT
Test: Derfor er Apples 100.000 kroners Mac et forrygende køb
Donald Trump og Elon Musk kan koste IBM dyrt: Mister stribevis af offentlige kontrakter
Se alle »
CIO
Teaser billede
Region Syddanmark vil købe kæmpe it-system og gå i clouden - står klar med næsten kvart milliard kroner
Læs mere »
Her er Danmarks fem bedste CIO’er lige nu: De er nomineret til prisen som Årets CIO 2025
Google-stifter kræver 60 timers arbejdsuge: Sådan går det i it-virksomheder, som vælger den anden vej og tilbyder nedsat tid
Sådan har Microsoft Danmark erstattet 80 procent af stillingerne i sin økonomi-afdeling med AI - og gjort medarbejderne glade
Se alle »
Job & Karriere
Teaser billede
Den danske it-branche er på vagt: Hvad nu hvis Trump lukker for Microsoft 365 og AWS fra på mandag?
Læs mere »
Danske it-folk lokkes med store tiltrædelses-bonusser: Nu kan du score mere end 100.000 kroner ved at skrive under på ny jobkontrakt
Så meget tjener en dansk it-udvikler i gennemsnit om måneden: Forventer at få solide lønstigninger inden længe
Husk det her, når du skal købe it-løsninger næste gang: Vi er vidner til it-branchens største maskefald nogensinde
Se alle »
White paper
Teaser billede
Sikkerhed gjort enkelt: Beskyt din virksomhed direkte i browseren
Læs mere »
Sådan sikrer du nem og beskyttet adgang til dine ressourcer
Revolutionér kundeoplevelsen med AI og automatisering
AI og kunderejsen: Sådan vinder du fremtidens forbrugere
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »