[ASP & VBScript] dynamic style sheets

[Verwijderd]

Ik heb wat artikelen gevonden over dynamic stylesheets. Vooral Planet Source Code heeft er een aantal.
Werkt allemaal erg leuk, behalve bij de A:link en de A:hover delen. Eigenlijk het hele A: gebeuren werkt niet.

De gewone .Whatever {} werken wel.

Mijn CSS kennis is net iets te mager om dit op te kunnen lossen. Ik wil namelijk wel dat links gaan underlinen on mouseover.

Wie weet hier een oplossing voor?

Ik post deze in /14 omdat de style.asp is geschreven in VBScript. Als er behoefte aan de code is laat ik deze graag zien. Moet je me even laten weten.

[ACM]

Ondanks dat het in ASP/vbscript gemaakt is is het toch een W&G vraagje...

moved vanuit P&W

[Verwijderd]

1 van de weinig dingen die ik met css doe

code:

<style TYPE="text/css"><!--
A:link      {color: #000000; text-decoration:none;}
A:visited   {color: #ff0000; text-decoration:none;}
A:hover     {color: #ff0000; text-decoration:underline;}
--></style>

[Verwijderd]

Ja, maar het moet dynamisch worden. Ik wil dus dit krijgen:

font-size: <%=nFontTableSize%>;
color: #<%=nLinkColor%>;

A:link
{
border-bottom: none;
text-decoration: none;
font-size: <%=nFontTableSize%>;
font-weight: bold;
color: #<%=nLinkColor%>;
font-family: "<%=cFont%>"
}

snapt tie dus helaas niet...

[Verwijderd]

oei, zover gaat mijn asp kennis niet, ik ben nog bezig met het grote asp almanak door te spitten omdat ik een if then constructie wil bouwen. sorry adt ik je niet verder kan helpen!
peace out yo!

[KoeKk]

SpaGroen: post eens wat code, dan kunnen we ook iets vaststellen in plaats van gokken.

btw de juiste volgorde voor de A:whatevers is:

code:

A {
  color: #D43822;
}

A:visited {
  color: #D43822;
}

A:active {
  color: #D43822;
}

A:hover {
  color: #B22222;
}

[edit]
okee, ik zie nu wat code en wat is je output? kan je die ook laten zien?

[Dennis]

KoeKk:

code:

A {
  color: #D43822;
}

Nee, het is:

code:

a:link
{
  color: #d43822;
}

Alles zoveel mogelijk lowercase

[Verwijderd]

Dit de code.

Ik heb er een boel uitgehaald.
Maar het komt er op neer dat mijn stylesheet niet werkt als de A:'tjes er instaan. Als ik deze weghaal doen mijn .'tjes het weer wel.

code:

-- Default.asp ---
<link rel="stylesheet" href="include/style.asp" type="text/css">



--- include/style.asp ---
<%@ language="vbscript" %>

.fontstyle1
{
  font-family: arial;
  font-size: <%=bs("40,25")%>pt;
  font-weight: 800;
  color: #<%=iif(request.querystring("color")<>"",request.querystring("color"),"000000")%>;
}

.nav_wanadoo 
{
color : #FFFFFF;
font-family : verdana, arial, sans-serif;
font-size : 10px;
font-weight : bold;
}

A:link
{
border-bottom: none;
text-decoration: none;
font-size: <%=nFontTableSize%>;
font-weight: bold;
   color: #<%=nLinkColor%>;
font-family: "<%=cFont%>"
}
A:visited
{
border-bottom: none;
text-decoration: none;
font-size: 8pt;
font-weight: bold;
   color: #565656;
font-family: "Arial"
}
A:hover
{
border-bottom: none;
text-decoration: underline;
font-size: 8pt;
font-weight: bold;
   color: #565656;
font-family: "Arial"
}
A:active
{
border-bottom: none;
text-decoration: none;
font-size: 8pt;
font-weight: bold;
   color: #565656;
font-family: "Arial"
}

De output is een gewone link in zn standaard kleuren in zn standaar font etc. De rest van de stylesheet werkt dan ook niet. (Tenzij ik dus alle A:'tjes weghaal)

[Verwijderd]

Op dinsdag 19 februari 2002 09:44 schreef ddc het volgende:

[..]

Nee, het is:

code:

a:link
{
  color: #d43822;
}

Alles zoveel mogelijk lowercase

lower of uppercase maakt in dit geval niet uit.

[KoeKk]

Op dinsdag 19 februari 2002 09:44 schreef ddc het volgende:

[..]

Nee, het is:

code:

a:link
{
  color: #d43822;
}

Alles zoveel mogelijk lowercase

en toch geegft de W3C css validator geen fouten over hoofdletters weer, (wel dat ik geen background-color heb, maar dit is ook een voorbeeldje). Dus als hij valideert is het goed. (period)

OT:
SpaGroen: er staat geen ";" achter je font-family bij de a's, plak die er eens achter en kijk of hij dan wel werkt?

[Willem]

code:

a {
  font-family: verdana, tahoma;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}

a:hover {
  font-family: verdana, tahoma;
  font-size: 11px;
  font-weight: bold;
  text-decoration: underline;
  color: #000000;
}

sim-pel

[Dennis]

Op dinsdag 19 februari 2002 09:45 schreef SpaGroen het volgende:
Dit de code.

Ik heb er een boel uitgehaald.
Maar het komt er op neer dat mijn stylesheet niet werkt als de A:'tjes er instaan. Als ik deze weghaal doen mijn .'tjes het weer wel.

De output is een gewone link in zn standaard kleuren in zn standaar font etc. De rest van de stylesheet werkt dan ook niet. (Tenzij ik dus alle A:'tjes weghaal)

Plaats die a dingen dan ook VOOR de andere styledingen.

[Verwijderd]

Werkt geen van beiden. Strange huh!

[Verwijderd]

misschien zit er iets niet goed met je .asp koppeling?
als je view source doet van de pagina, zie je dan dat de kleuren ingevuld zijn?
als je view source doet moet je de gewone stylesheet ingevuld zien

[KoeKk]

Op dinsdag 19 februari 2002 10:00 schreef ddc het volgende:

[..]

Plaats die a dingen dan ook VOOR de andere styledingen.

Dat zou niets uit mogen maken, in een aantal stylesheets plaats ik ze onderaan en ze doen het nogsteeds...

maar SpaGroen zou je de output willen geven? (dus als je code geparsed is) mischien dat we dan de fout zien.