Avatar billede jnrmgs Juniormester
20. februar 2005 - 12:29 Der er 3 kommentarer og
1 løsning

Forskellige stylesheets

Hej!

Jeg er ved at opbygge en side, hvor jeg stedet for frames bruger tabeller, hvor jeg sætter de enkelte sider ind i cellerne vha. include file.

Mit problem er at jeg på de forskellige sider bruge flere CSS-filer. Dette bl.a. fordi jeg har forskellige udseender af links.

En af siderne ser således ud:

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>

<body topmargin="0" leftmargin="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
    <td width="700" height="115" align="center" valign="bottom"><!--#include file="../top.htm"--></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td valign="top"><!--#include file="rullende_materiel_top.htm"--></td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

Her tages åbenbart stylesheetet der er tilnyttet "rullende_materiel_top.htm". Det ser ud som det skal. top.htm ser derimod helt forkert ud, da den bruger samme "link", "visited", "hover" og "active", som den anden side.

Hvordan kan man omgå dette problem? Er det muligt f.eks. muligt at lave mere end én slags link i samme stylesheet?

På forhånd tak!
Avatar billede razser Nybegynder
20. februar 2005 - 15:25 #1
Du kan evt. give de forskellige links hver sin class. Her har jeg lavet 2 forskellige (hhv. type1 og type2 - du kan selvfølgeligt kalde det noget andet). Dermed behøver du kun at bruge én CSS-fil.

I css-filen skriver du følgende:

A.type1 {color: #333333}
A.type1:hover {text-decoration: underline;}
etc.

A.type2 {color: red}
A.type2:hover {text-decoration: underline;}
etc.

I html'en skriver du blot class'en ind i a href'en:

<a href="dinSide.asp" class="type1">Link</a>

Og på en af de andre sider skriver du

<a href="dinAndenSide.asp" class="type2">Link</a>
Avatar billede jnrmgs Juniormester
22. februar 2005 - 19:33 #2
Det var lige hvad jeg havde brug for! Tak!

Hvis du lige laver et svar, kan du på point!
Avatar billede razser Nybegynder
22. februar 2005 - 20:09 #3
Ok ;-)
Avatar billede razser Nybegynder
22. februar 2005 - 20:10 #4
Hov, prøver lige igen :)
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

IT-JOB

Zealand – Sjællands Erhvervsakademi S/I

Erfaren IT-projektleder med stærk teknisk indsigt

IT-Universitetet i København

IT-partner til IT-Universitetet i København

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Cyberdivisionen søger Business Relationship Manager

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Digital forretningsanalytiker til Cyberdivisionen