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 dag 12:30 Skifte email Af Calle5463 i E-mail
I går 19:42 En lille kundekartotekprogram Af OBS i Java
I går 11:23 Fjern første karakter hvis den er / Af TheLibrarian i Excel
02/0416:29 eclipse Af OBS i Java
01/0422:23 brevflet med office365 og Outlook (New) Af dswebmaster i Office & Kontorpakker
White papers
Flere white papers »


Premium
Teaser billede
De vil med Teknologisk Arbejderkooperativ forsøge at forandre it-danmark nedefra: "Tech-giganterne har infiltreret vores samfund"
Læs mere »
Minister bakker op om dansk kommunes skifte væk fra amerikansk cloud: Interessant tiltag
Oracle har et særligt våben til at få foden indenfor hos SAP-kunder
It-driftsansatte og administratorer i Danmark har udsigt til kun små lønstigninger i år: Så meget tjener de om måneden
Se alle »
Computerworld
Teaser billede
Prøvekørt: 'Årets bil' er kvadratisk, praktisk og bare god
Læs mere »
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
Elon Musk sælger sit sociale medie X
Guide: Er din Google-konto hacket? Sådan finder du svaret
Se alle »
CIO
Teaser billede
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
Læs mere »
TDC-topchef: Vi kan ikke længere udelukke, at der lukkes for amerikanske it-services i Danmark
EU vil udvikle eget styresystem som alternativ til Windows: På vej med EU OS
Din it-organisation går store forandringer i møde: Inden længe vil AI have bombet den 25 år tilbage
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 »
Carsten advarede som it-sikkerhedschef om problemer og blev fyret: "Det endte med voksen-mobning af værste skuffe"
Microsoft fyrer de dårligst performende ansatte: Disse jobtitler bliver ramt
Nørgaard: I de gode gamle dage havde jeg for vane at fyre alle mine medarbejdere jævnligt
Se alle »
White paper
Teaser billede
Sådan: Virtualisering uden vendor lock-in og høje omkostninger
Læs mere »
AI og kunderejsen: Sådan vinder du fremtidens forbrugere
Sådan sikrer du nem og beskyttet adgang til dine ressourcer
Revolutionér kundeoplevelsen med AI og automatisering
Se alle »

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