Avatar billede T101 Novice
13. februar 2004 - 15:51 Der er 6 kommentarer og
1 løsning

CSS virker ikke i Response.Write

Mit CSS fungere ikke som det skal. Det gør skriften større end den skal være og den giver ikke links de korrekte farver.

Her bruges <span>:

Response.Write "<span class=quickNote><TABLE BORDER=1 BORDERCOLOR=black cellspacing=0 cellspacing=5 WIDTH=600><TR><TD BGCOLOR='darkred' WIDTH=300><FONT COLOR='white'>&nbsp;" & rs("eNavn") &  ", " & rs("fNavn") & "</FONT></TD><TD BGCOLOR='#777777' WIDTH=300>Home:&nbsp;" & rs("hjem") & "</TD></TR><TR><TD BGCOLOR='#999999' WIDTH=300>&nbsp;" & rs("adresse") & "</TD><TD BGCOLOR='#999999' WIDTH=300>Cell:&nbsp;" & rs("mobil") & "</TD></TR><TR><TD BGCOLOR='#777777' WIDTH=300>&nbsp;" & rs("postnummer") & " " & rs("city") & " " & rs("stat") & "</TD><TD BGCOLOR='#777777' WIDTH=300>Work:&nbsp;" & rs("arbejde") & "</TD></TR><TR><TD BGCOLOR='#999999' WIDTH=300>&nbsp;" & rs("email") & "</TD><TD BGCOLOR='#999999' WIDTH=300>&nbsp;<A HREF='info.asp?id=" & rs("ID") & "'>[ Xtra info ]</A></TD></TR></TABLE></span><BR><BR>"


Her er CSS.css

a:active {font: Courier New; text-decoration: none; color: "#6600FF"}
a:visited {font: Courier New; text-decoration: none; color: "#CC0066"}
a:link {font: Courier New; text-decoration: none; color: "#6600FF"}
a:hover {font: Courier New; text-decoration: underline; color: "#6600FF"}

span.quickNote {
    font-family: "arial";
    font-size: 10pt;
    font-weight: normal;
    color: "black";
    line-height: 1em;
    font-variant: small-caps;
}

det skal siges at dette CSS virker på andre undersider på mit site.
Avatar billede bruhnsweb Nybegynder
13. februar 2004 - 16:09 #1
<span class=quickNote>
<TABLE BORDER=1 BORDERCOLOR=black cellspacing=0 cellspacing=5 WIDTH=600>
<TR>
<TD BGCOLOR='darkred' WIDTH=300><FONT COLOR='white'>&nbsp;<%=rs("eNavn")%>,<%=rs("fNavn")%></FONT></TD>
<TD BGCOLOR='#777777' WIDTH=300>Home:&nbsp;<%=rs("hjem")%></TD>
</TR>
<TR>
<TD BGCOLOR='#999999' WIDTH=300>&nbsp;<%=rs("adresse")%></TD>
<TD BGCOLOR='#999999' WIDTH=300>Cell:&nbsp;<%=rs("mobil")%></TD>
</TR>
<TR>
<TD BGCOLOR='#777777' WIDTH=300>&nbsp;<%=rs("postnummer")%>&nbsp;<%=rs("city")%><%=rs("stat")%></TD>
<TD BGCOLOR='#777777' WIDTH=300>Work:&nbsp;<%=rs("arbejde")%></TD>
</TR>
<TR>
<TD BGCOLOR='#999999' WIDTH=300>&nbsp;<%=rs("email")%></TD>
<TD BGCOLOR='#999999' WIDTH=300>&nbsp;<A HREF="info.asp?id=<%=rs("ID")%>">[ Xtra info ]</A>
</TD>
</TR>
</TABLE>
</span>
<BR>
<BR>
Avatar billede bruhnsweb Nybegynder
13. februar 2004 - 16:09 #2
Jeg ser ingen grund til at lave en response.write på hele dokumentet
Avatar billede T101 Novice
13. februar 2004 - 18:33 #3
Nej jeg kan godt se det der ser pænere ud, og det virker også, men desværre ser teksten stadig ikke ud som den skal ... Ja det er faktisk kun størreslen der er forkert men jeg forstår ikke hvorfor ...
Avatar billede bruhnsweb Nybegynder
13. februar 2004 - 20:11 #4
kan du ikke prøve at skrive et eksempel på hvordan det ser ud uden asp?
Avatar billede T101 Novice
13. februar 2004 - 22:13 #5
Jeg har besluttet mig for bare at bruge FONT SIZE ... Det var hurgtigst ... Men jeg vil gerne give point for den pæne opsætning for den har jeg faktisk brugt ...
Avatar billede bruhnsweb Nybegynder
13. februar 2004 - 22:16 #6
Wuhuu :o)
Avatar billede roenving Novice
13. februar 2004 - 22:57 #7
Du har i hvert fald en forskert rækkefølge af dine pseudo-selectorer på a:xxx, så det kunne være noget af det, derudover er der visse ting, som virker anderledes, fordi css er så begavet at den kigger på omgivelserne i en særdeles omfattende grad ...

Hvorfor det så lige i den situation bliver så meget anderledes, leder jeg stadig efter forklaringen på, men her er da et eksempel, hvor det kun er farven, som ikke slår ordentlig igennem:

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<style type=text/css>
.quickNote {
    font-family: "arial";
    font-size: 10pt;
    font-weight: normal;
    color: "black";
    line-height: 1em;
    font-variant: small-caps;
    border-collapse:collapse;
}
.quickNote td{width:300px;padding:5px;border:1px solid black;}

.quickLink:link {font-family: Courier New,serif; text-decoration: none; color: "#6600FF"}
.quickLink:visited {font-family: Courier New,serif; text-decoration: none; color: "#CC0066"}
.quickLink:hover {font-family: Courier New,serif; text-decoration: underline; color: "#6600FF"}
.quickLink:active {font-family: Courier New,serif; text-decoration: none; color: "#6600FF"}

</style>

</head>
<body>

<table class="quickNote" width="600">
<tr>
<td style="background: darkred; color: white">&nbsp;<%=rs("eNavn")%>, <%=rs("fNavn")%></TD>
<td style="background: #777">Home:&nbsp;<%=rs("hjem")%></TD>
</tr>
<tr>
<td style="background: #999">&nbsp;<%=rs("adresse")%></TD>
<td style="background: #999">Cell:&nbsp;<%=rs("mobil")%></TD>
</tr>
<tr>
<td style="background: #777">&nbsp;<%=rs("postnummer")%>&nbsp;<%=rs("city")%><%=rs("stat")%></td>
<td style="background: #777">Work:&nbsp;<%=rs("arbejde")%></TD>
</tr>
<tr>
<td style="background: #999">&nbsp;<%=rs("email")%></TD>
<td style="background: #999">&nbsp;<a href='info.asp?id=<%=rs("ID")%>' class="quickLink">[ Xtra info ]</a>
</td>
</tr>
</table>
<br>
<br></body></html>
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