Labels og andre .net controller
Hej!Jeg sidder og forsøger at få mine styles til at virke på almindelige labels og andre .net controller. men det lykkes bare ikke.
Min ASPX fil ser således ud.
--------------------------------------------
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ContactUs.aspx.cs" Inherits="ContactUs" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<link href="../../styles/main_styles.css" rel="stylesheet" type="text/css" />
<link href="../styles/table_styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="Label1" runat="server" Style="z-index: 100; left: 18px; position: absolute;
top: 16px" Text="Navn: *" Width="79px" CssClass="Povs"></asp:Label>
<asp:Label ID="Label2" runat="server" Style="z-index: 101; left: 18px; position: absolute;
top: 47px" Text="Telefon nr: *" Width="79px" CssClass="Povs"></asp:Label>
<asp:TextBox ID="TextBox1" runat="server" Style="z-index: 102; left: 113px; position: absolute;
top: 15px"></asp:TextBox>
<asp:TextBox ID="TextBox2" runat="server" Style="z-index: 103; left: 113px; position: absolute;
top: 46px"></asp:TextBox>
<asp:TextBox ID="TextBox3" runat="server" Style="z-index: 104; left: 113px; position: absolute;
top: 107px"></asp:TextBox>
<asp:TextBox ID="TextBox4" runat="server" Height="94px" Style="z-index: 105; left: 114px;
position: absolute; top: 179px" TextMode="MultiLine" Width="265px"></asp:TextBox>
<asp:Label ID="Label3" runat="server" Style="z-index: 106; left: 18px; position: absolute;
top: 108px" Text="Email: *" Width="79px" CssClass="P"></asp:Label>
<asp:Label ID="Label4" runat="server" Style="z-index: 107; left: 18px; position: absolute;
top: 183px" Text="Spørgsmål: *" Width="79px" CssClass="P"></asp:Label>
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Style="z-index: 108;
left: 112px; position: absolute; top: 289px" Text="Send Forespørgsel" Width="131px" />
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="TextBox1"
ErrorMessage="Feltet skal udfyldes" Style="z-index: 109; left: 277px; position: absolute;
top: 19px"></asp:RequiredFieldValidator>
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="TextBox2"
ErrorMessage="Feltet skal udfyldes" Style="z-index: 110; left: 276px; position: absolute;
top: 47px"></asp:RequiredFieldValidator>
<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="TextBox3"
ErrorMessage="Feltet skal udfyldes" Style="z-index: 111; left: 276px; position: absolute;
top: 108px"></asp:RequiredFieldValidator>
<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="TextBox4"
ErrorMessage="Feltet skal udfyldes" Style="z-index: 112; left: 394px; position: absolute;
top: 259px"></asp:RequiredFieldValidator>
<asp:TextBox ID="TextBox5" runat="server" Style="z-index: 113; left: 112px; position: absolute;
top: 76px"></asp:TextBox>
<asp:Label ID="Label5" runat="server" Style="z-index: 114; left: 17px; position: absolute;
top: 78px" Text="Mobil:" Width="79px" CssClass="P"></asp:Label>
<asp:Label ID="Label6" runat="server" Height="32px" Style="z-index: 115; left: 160px;
position: absolute; top: 136px" Text="Ja tak, jeg vil gerne modtage nyhedsbrev fra Hotel Lynge Kro"
Width="258px" CssClass="P"></asp:Label>
<asp:CheckBox ID="CheckBox1" runat="server" Style="z-index: 116; left: 112px; position: absolute;
top: 138px" />
<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="TextBox3"
ErrorMessage="Email ikke korrekt" Style="z-index: 118; left: 277px; position: absolute;
top: 108px" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
</div>
</form>
</body>
</html>
Min CSS fil ser således ud
---------------------------------------------
body {
background-color: #FFFFFF;
}
H1, H2, H3, H4, P, TH, TD
{
color: #590000;
}
H1
{
font-size: 2em;
font-weight: 700;
color: #ff33FF
}
H2
{
font-size: 1.75em;
font-weight: 700;
}
H3
{
font-size: 1.58em;
font-weight: 500;
}
H4
{
font-size: 1.33em;
font-weight: 500;
}
#Povs
{
font-size: 1em;
color: #ff33FF
}
TH
{
font-size: 1em;
font-weight: bold;
}
A {
color: #590000;
}
A:HOVER {
color: #B19F8C;
}
Nogen som har en ide til hvad jeg skal gører for at få det til at virke