Avatar billede mvk Nybegynder
03. august 2004 - 18:10 Der er 18 kommentarer og
1 løsning

Link properties virker ikke

.normal {
    font-size: <%=(rsDesign.Fields.Item("normalfontsize").Value)%>;
    font-weight: <%=(rsDesign.Fields.Item("normalfontweight").Value)%>;
    color: <%=(rsDesign.Fields.Item("normalfontcolor").Value)%>;
}
a.normal:link {color: #ff0000}
a.normal:visited {color: #0000ff}
a.normal:hover {font-size: 150%}
Avatar billede roenving Novice
03. august 2004 - 18:14 #1
Hvordan ser din html ud ?-)

-- for i ovenstående ser det ud til at normalfontcolor ikke virker på et almindeligt link med class="normal" ...
Avatar billede mvk Nybegynder
03. august 2004 - 18:16 #2
jeg har det liggende i en fil: stylesheet.asp

<%
Dim rsDesign
Dim rsDesign_numRows

Set rsDesign = Server.CreateObject("ADODB.Recordset")
rsDesign.ActiveConnection = MM_webshop_STRING
rsDesign.Source = "SELECT * FROM design"
rsDesign.CursorType = 0
rsDesign.CursorLocation = 2
rsDesign.LockType = 1
rsDesign.Open()

rsDesign_numRows = 0
%>
<style type='text/css'>
body {
    scrollbar-arrow-color: #554E2D;
    scrollbar-3dlight-color: white;
    scrollbar-highlight-color: white;
    scrollbar-face-color: white;
    scrollbar-shadow-color: white;
    scrollbar-track-color: white;
    scrollbar-darkshadow-color: #554E2D;
    background-color: <%=(rsDesign.Fields.Item("backgroundcolor").Value)%>;
    font-family: <%=(rsDesign.Fields.Item("mainfont").Value)%>;
}


.normal {
    font-size: <%=(rsDesign.Fields.Item("normalfontsize").Value)%>;
    font-weight: <%=(rsDesign.Fields.Item("normalfontweight").Value)%>;
    color: <%=(rsDesign.Fields.Item("normalfontcolor").Value)%>;
}
a.normal:link {color: #ff0000}
a.normal:visited {color: #0000ff}
a.normal:hover {font-size: 150%}


.normalError {
    font-size: <%=(rsDesign.Fields.Item("normalfontsize").Value)%>;
    font-weight: <%=(rsDesign.Fields.Item("normalfontweight").Value)%>;
    color: #FF0000;
}
.headline {
    font-size: <%=(rsDesign.Fields.Item("headlinefontsize").Value)%>;
    font-weight: <%=(rsDesign.Fields.Item("headlinefontweight").Value)%>;
    color: <%=(rsDesign.Fields.Item("headlinefontcolor").Value)%>;
}
.hmenu {
    font-size: <%=(rsDesign.Fields.Item("hmenufontsize").Value)%>;
    font-weight: <%=(rsDesign.Fields.Item("hmenufontweight").Value)%>;
    color: <%=(rsDesign.Fields.Item("hmenufontcolor").Value)%>;
}
.vmenu {
    font-size: <%=(rsDesign.Fields.Item("vmenufontsize").Value)%>;
    font-weight: <%=(rsDesign.Fields.Item("vmenufontweight").Value)%>;
    color: <%=(rsDesign.Fields.Item("vmenufontcolor").Value)%>;
}
.forpris {
    font-size: <%=(rsDesign.Fields.Item("normalfontsize").Value)%>;
    font-weight: <%=(rsDesign.Fields.Item("normalfontweight").Value)%>;
    color: <%=(rsDesign.Fields.Item("normalfontcolor").Value)%>;
    text-decoration: line-through;
}
.fields {
    background-color: #F3F3F3;
    padding-right: 3;
    padding-left: 3;
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
    font: 10px;
    color: #000000;
    width: 160;
    height: 20;
}
.fieldSmall {
    background-color: #F3F3F3;
    padding-right: 3;
    padding-left: 3;
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
    font: 10px;
    color: #000000;
    width: 30;
    height: 20;
}
.fieldMedium {
    background-color: #F3F3F3;
    padding-right: 3;
    padding-left: 3;
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
    font: 10px;
    color: #000000;
    width: 90;
    height: 20;
}
.multilineTekstFields {
    background-color: #F3F3F3;
    padding-right: 3;
    padding-left: 3;
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
    font: 10px;
    color: #000000;
    width: 170;
}
.multilineFields {
    background-color: white;
    padding-right: 3;
    padding-left: 3;
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
    font: 10px;
    color: #666666;
    width: 150;
}
.kontaktMultiline {
    background-color: #F3F3F3;
    padding-right: 3;
    padding-left: 3;
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
    font: 10px;
    color: #000000;
    width: 250;
}
.buttons {
    background-color: <%=(rsDesign.Fields.Item("buttonbackgroundcolor").Value)%>;
    height: <%=(rsDesign.Fields.Item("buttonheight").Value)%>;
    border-style: <%=(rsDesign.Fields.Item("butttonborderstyle").Value)%>;
    border-width: <%=(rsDesign.Fields.Item("buttonborder").Value)%>;
    border-color: <%=(rsDesign.Fields.Item("buttonbordercolor").Value)%>;   
    border-weight: <%=(rsDesign.Fields.Item("buttonborderweight").Value)%>;
    font-size:<%=(rsDesign.Fields.Item("buttonfontsize").Value)%>;
    font-weight: <%=(rsDesign.Fields.Item("buttonfontweight").Value)%>;
    color: <%=(rsDesign.Fields.Item("buttonfontcolor").Value)%>;
}
</style>
<%
rsDesign.Close()
Set rsDesign = Nothing
%>
Avatar billede mvk Nybegynder
03. august 2004 - 18:16 #3
roenvig - den formatterer "normal" som den skal men når det er et link ser det ud som standard links (blå, visited er lilla)
Avatar billede roenving Novice
03. august 2004 - 18:36 #4
-- kalder du den fil som et stylesheet eller inkluderer du den ?-)
Avatar billede mvk Nybegynder
03. august 2004 - 18:48 #5
hehe kalder den med: <!--#include file="include/stylesheet.asp" -->
i mine andre film
Avatar billede roenving Novice
03. august 2004 - 19:08 #6
Jeg prøvede i min editor, mange forskellige ting, så åbnede jeg en ny instans, og så funker det ...
Avatar billede mvk Nybegynder
03. august 2004 - 19:17 #7
så det virker på din puter ?
Avatar billede roenving Novice
03. august 2004 - 19:20 #8
Jepz ...

-- nu har jeg jo bare valgt nogle mærkelige properties til dine asp-genererede, men det virker, ja !-)
Avatar billede roenving Novice
03. august 2004 - 19:21 #9
-- og både i IE og Mozilla ...
Avatar billede goose Nybegynder
03. august 2004 - 20:49 #10
- kan det være fordi du ikke afslutter med ";" ?

altså:

a.normal:link {color: #ff0000;}
a.normal:visited {color: #0000ff;}
a.normal:hover {font-size: 150%;}

/Goose
Avatar billede roenving Novice
03. august 2004 - 20:52 #11
Den giver kun fortolkningsproblemer, hvis stylen ikke afsluttes, den skulle jeg selvfølgelig også prøve, og efter jeg har lavet den nye instans virker det da også uden ...

-- men det er en dårlig vane, så det er godt at have dem med !-)
Avatar billede mvk Nybegynder
03. august 2004 - 21:11 #12
skulle lige ud og spise med kæresten
kigger på det i morgen tidlig
tak for input :)
Avatar billede mvk Nybegynder
04. august 2004 - 09:14 #13
nu ser det sådan ud, men det virker ikke på min IE:
LINK: www.because.dk/webshop - se venstre siden

<%
Dim rsDesign
Dim rsDesign_numRows

Set rsDesign = Server.CreateObject("ADODB.Recordset")
rsDesign.ActiveConnection = MM_webshop_STRING
rsDesign.Source = "SELECT * FROM design"
rsDesign.CursorType = 0
rsDesign.CursorLocation = 2
rsDesign.LockType = 1
rsDesign.Open()

rsDesign_numRows = 0
%>
<style type='text/css'>
body {
    scrollbar-arrow-color: #554E2D;
    scrollbar-3dlight-color: white;
    scrollbar-highlight-color: white;
    scrollbar-face-color: white;
    scrollbar-shadow-color: white;
    scrollbar-track-color: white;
    scrollbar-darkshadow-color: #554E2D;
    background-color: <%=(rsDesign.Fields.Item("backgroundcolor").Value)%>;
    font-family: <%=(rsDesign.Fields.Item("mainfont").Value)%>;
}


.normal {
    font-size: <%=(rsDesign.Fields.Item("normalfontsize").Value)%>;
    font-weight: <%=(rsDesign.Fields.Item("normalfontweight").Value)%>;
    color: <%=(rsDesign.Fields.Item("normalfontcolor").Value)%>;
}
a.normal:link {color: #ff0000;}
a.normal:visited {color: #0000ff;}
a.normal:hover {font-size: 150%;}


.normalError {
    font-size: <%=(rsDesign.Fields.Item("normalfontsize").Value)%>;
    font-weight: <%=(rsDesign.Fields.Item("normalfontweight").Value)%>;
    color: #FF0000;
}
.headline {
    font-size: <%=(rsDesign.Fields.Item("headlinefontsize").Value)%>;
    font-weight: <%=(rsDesign.Fields.Item("headlinefontweight").Value)%>;
    color: <%=(rsDesign.Fields.Item("headlinefontcolor").Value)%>;
}
.hmenu {
    font-size: <%=(rsDesign.Fields.Item("hmenufontsize").Value)%>;
    font-weight: <%=(rsDesign.Fields.Item("hmenufontweight").Value)%>;
    color: <%=(rsDesign.Fields.Item("hmenufontcolor").Value)%>;
}
.vmenu {
    font-size: <%=(rsDesign.Fields.Item("vmenufontsize").Value)%>;
    font-weight: <%=(rsDesign.Fields.Item("vmenufontweight").Value)%>;
    color: <%=(rsDesign.Fields.Item("vmenufontcolor").Value)%>;
}
.forpris {
    font-size: <%=(rsDesign.Fields.Item("normalfontsize").Value)%>;
    font-weight: <%=(rsDesign.Fields.Item("normalfontweight").Value)%>;
    color: <%=(rsDesign.Fields.Item("normalfontcolor").Value)%>;
    text-decoration: line-through;
}
.fields {
    background-color: #F3F3F3;
    padding-right: 3;
    padding-left: 3;
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
    font: 10px;
    color: #000000;
    width: 160;
    height: 20;
}
.fieldSmall {
    background-color: #F3F3F3;
    padding-right: 3;
    padding-left: 3;
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
    font: 10px;
    color: #000000;
    width: 30;
    height: 20;
}
.fieldMedium {
    background-color: #F3F3F3;
    padding-right: 3;
    padding-left: 3;
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
    font: 10px;
    color: #000000;
    width: 90;
    height: 20;
}
.multilineTekstFields {
    background-color: #F3F3F3;
    padding-right: 3;
    padding-left: 3;
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
    font: 10px;
    color: #000000;
    width: 170;
}
.multilineFields {
    background-color: white;
    padding-right: 3;
    padding-left: 3;
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
    font: 10px;
    color: #666666;
    width: 150;
}
.kontaktMultiline {
    background-color: #F3F3F3;
    padding-right: 3;
    padding-left: 3;
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
    font: 10px;
    color: #000000;
    width: 250;
}
.buttons {
    background-color: <%=(rsDesign.Fields.Item("buttonbackgroundcolor").Value)%>;
    height: <%=(rsDesign.Fields.Item("buttonheight").Value)%>;
    border-style: <%=(rsDesign.Fields.Item("butttonborderstyle").Value)%>;
    border-width: <%=(rsDesign.Fields.Item("buttonborder").Value)%>;
    border-color: <%=(rsDesign.Fields.Item("buttonbordercolor").Value)%>;   
    border-weight: <%=(rsDesign.Fields.Item("buttonborderweight").Value)%>;
    font-size:<%=(rsDesign.Fields.Item("buttonfontsize").Value)%>;
    font-weight: <%=(rsDesign.Fields.Item("buttonfontweight").Value)%>;
    color: <%=(rsDesign.Fields.Item("buttonfontcolor").Value)%>;
}
</style>
<%
rsDesign.Close()
Set rsDesign = Nothing
%>
Avatar billede roenving Novice
04. august 2004 - 12:57 #14
Du skal selvfølgelig huske at sætte en class på hvert enkelt a-tag:

<a class="normal" href="../kategori.asp?IDproduktgruppe=1" target="_top">Ure</a>

-- og så skal du da lige vide, at der kun er eet lovligt sted at placere et style-tag i en html-fil, nemlig i head-sektionen, så du skal lave din include der !-)

-- derudover kan det godt betale sig at designe med en fuldt kvalificeret doctype, så giver du dig selv de bedste chancer for at få et resultat, som virker ens i de forskellige browsere:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

-- vil jeg anbefale som minimum !-)
Avatar billede mvk Nybegynder
05. august 2004 - 07:55 #15
okay - det synes jeg jeg overholder. prøv og se denne test fil:
http://www.because.dk/webshop/test.asp

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

<body>
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="normal"><a href="www.jubii.dk" target="_blank">Test af link </a></td>
  </tr>
</table>
</body>
</html>
Avatar billede mvk Nybegynder
05. august 2004 - 08:21 #16
got it :)
Avatar billede mvk Nybegynder
05. august 2004 - 08:22 #17
det var din sidste post roenving der gjorde det
tusinde tak for hjælpen :)
skylder point
Avatar billede roenving Novice
05. august 2004 - 13:42 #18
Velbekomme '-)
Avatar billede roenving Novice
27. august 2004 - 12:57 #19
-- og tak for point ;~}
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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