Avatar billede herman01753 Nybegynder
24. oktober 2003 - 13:25 Der er 25 kommentarer og
1 løsning

VB.NET hvordan sættes CssClass på label så det virker

Jeg er igang med at lave en web applikation i Visual Studio.NET, og har i den sammenhæng lavet en label med en overskrift. jeg ønsker at den overskirift har en relativ størrelse i forhold til den resterende tekst, og samtidig skal dem der ser siden kunne sætte font størrelsen op og ned i deres browser, således at min labels skrift ændrer sig med. umiddelbart tænker jeg CSS. og jeg kan se at en label har en property som hedder CssClass.

jeg har oprettet en CssClass på følgende måde i min Style.css - fil
***
.mystyle_css {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:    2em;
    font-weight:    700;
    font-style:    normal;
    text-decoration:    none;
    word-spacing:    normal;
    letter-spacing:    normal;
    text-transform:    none;   
}
***
nu ønsker jeg at min labe bruger denne style, og skriver derfor mystyle_css i den property som hedder CssClass. Men når jeg kompilerer og loader siden, står skriften i min label, som normal størrelse bogstaver, og ikke i større størrelse. er der nogen som kan hjællpe mig med at løse problemet?
jeg har brug for hurtigt svar :0)
MVH Herman
Avatar billede clausjul Nybegynder
24. oktober 2003 - 13:27 #1
Hvis du har skrevet det hele i Style.Css, så skal der en

<link rel="stylesheet" href="Style.css" type="text/css">
Avatar billede herman01753 Nybegynder
24. oktober 2003 - 13:29 #2
altså min style.csws fil er autogenereret af visual studio miljøet, og hvis jeg i min html fil skriver <H1> som står i filen style.css, så ændrer fonten sig...
jeg skulle måske sige at min label er i en form
Avatar billede clausjul Nybegynder
24. oktober 2003 - 13:30 #3
Jeg har hørt, at CSS ikke kan tåle underscore "_" så prøv at ændre

.mystyle_css til

.mystyle

f.eks.
Avatar billede herman01753 Nybegynder
24. oktober 2003 - 13:32 #4
hmm. det uden underscore virker heller ikke... hvor skulle jeg skrive <link rel="stylesheet" href="Style.css" type="text/css"> henner?
Avatar billede clausjul Nybegynder
24. oktober 2003 - 13:33 #5
Prøv ast sætte den i header-delen mellem <HEAD> ... </HEAD>
Avatar billede herman01753 Nybegynder
24. oktober 2003 - 13:35 #6
no luck desværre
Er der noget som skal gøres for at man kan knytte en style class til en label?
Avatar billede herman01753 Nybegynder
24. oktober 2003 - 13:36 #7
i min form har jeg min label, som ser sådan her ud:
***
<asp:label id="Overskrift" runat="server" CssClass="mystylecss">Reception gæsteseddel søgeside</asp:label>
***
Avatar billede clausjul Nybegynder
24. oktober 2003 - 13:39 #8
Det ser ud til at du har gjort det rigtige. Et par checkspørgsmål:

1) Link til Style.css - er den korrekt - hvis den ligger i en anden folder, så skal foldernavnet angives.

2) Er du sikker på at mystylecss' definitioner er korrekte? Prøv at fjerne alt undtagen font-familiy og se hvad der sker.
Avatar billede herman01753 Nybegynder
24. oktober 2003 - 13:43 #9
filen lilgger i samme mappe, og der sker intet ved at slette alt bortset fra fon-family. har også prøvet med bare font-size. virker heller ikke
Avatar billede clausjul Nybegynder
24. oktober 2003 - 13:45 #10
Er filen Style.css med stort S?
Avatar billede herman01753 Nybegynder
24. oktober 2003 - 13:45 #11
jeg har også prøvet at indsætte en ny label, og uden at ændre andre attributter en cssClass. for at se om jeg skulle have gjort et eller andet obskurt ved den andenlabel
Avatar billede clausjul Nybegynder
24. oktober 2003 - 13:47 #12
Er der kun en class (.mystylecss) i din Style.css?
Avatar billede herman01753 Nybegynder
24. oktober 2003 - 13:49 #13
filen hedder Styles.css men det hjælper ikke at ændre navnet i html-koden
Avatar billede herman01753 Nybegynder
24. oktober 2003 - 13:50 #14
her er min CSS fil
******

/* Default CSS Stylesheet for a new Web Application project */

BODY
{
    BACKGROUND-COLOR: white;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: .8em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}
H1    {   

    font-size:    2em;
    font-weight:    700;
    font-style:    normal;
    text-decoration:    none;
    word-spacing:    normal;
    letter-spacing:    normal;
    text-transform:    none;
    }   
       
H2    {   
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:    1.75em;
    font-weight:    700;
    font-style:    normal;
    text-decoration:    none;
    word-spacing:    normal;
    letter-spacing:    normal;
    text-transform:    none;
    }   
       
H3    {   
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:    1.58em;
    font-weight:    500;
    font-style:    normal;
    text-decoration:    none;
    word-spacing:    normal;
    letter-spacing:    normal;
    text-transform:    none;
    }   
       
H4    {   
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:    1.33em;
    font-weight:    500;
    text-decoration:    none;
    word-spacing:    normal;
    letter-spacing:    normal;
    text-transform:    none;
    }   
       
H5, DT    {   
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:    1em;
    font-weight:    700;
    font-style:    normal;
    text-decoration:    none;
    word-spacing:    normal;
    letter-spacing:    normal;
    text-transform:    none;
    }   
       
H6    {   
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:    .8em;
    font-weight:    700;
    font-style:    normal;
    text-decoration:    none;
    word-spacing:    normal;
    letter-spacing:    normal;
    text-transform:    none;
    }   
       
TFOOT, THEAD    {   
    font-size:    1em;
    word-spacing:    normal;
    letter-spacing:    normal;
    text-transform:    none;
    font-family: Arial, Helvetica, sans-serif;
    }   
       
TH    {   
    vertical-align:    baseline;
    font-size:    1em;
    font-weight:    bold;
    word-spacing:    normal;
    letter-spacing:    normal;
    text-transform:    none;
    font-family: Arial, Helvetica, sans-serif;
    }   


A:link    {   
    text-decoration:    none;
    color:    #3333cc;
    }   
       
A:visited    {   
    text-decoration:    none;
    color:    #333399;
    }   
       
A:active    {   
    text-decoration:    none;
    color:    #333399;
    }   
       
A:hover    {   
    text-decoration:    underline;
    color:    #3333cc;
    }
   
SMALL    {   
    font-size:    .7em;
    }   

BIG    {   
    font-size:    1.17em;
    }   

BLOCKQUOTE, PRE    {   
    font-family:    Courier New, monospace;
    }   
   

UL LI    {   
    list-style-type:    square ;
    }   

UL LI LI    {   
    list-style-type:    disc;
    }   

UL LI LI LI    {   
    list-style-type:    circle;
    }   
   
OL LI    {   
    list-style-type:    decimal;
    }   

OL OL LI    {   
    list-style-type:    lower-alpha;
    }   

OL OL OL LI    {   
    list-style-type:    lower-roman;
    }   

IMG     {
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    }
.mystylecss {
font-family:Comic Sans MS;
}   
********
Avatar billede clausjul Nybegynder
24. oktober 2003 - 13:51 #15
Prøv at lave en

<STYLE>

.mystyle_css {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:    2em;
    font-weight:    700;
    font-style:    normal;
    text-decoration:    none;
    word-spacing:    normal;
    letter-spacing:    normal;
    text-transform:    none;   
}

</STYLE>

I din aspx-fil - i body
Avatar billede herman01753 Nybegynder
24. oktober 2003 - 13:52 #16
før head eller body erller er der noget bestemt sted?
Avatar billede clausjul Nybegynder
24. oktober 2003 - 13:52 #17
Hvis ovenstående virker fint, så skal du prøve at sætte

<link rel="stylesheet" href="Styles.css" type="text/css">

i body-sektionen.
Avatar billede herman01753 Nybegynder
24. oktober 2003 - 13:53 #18
jamen hvor skal jeg skrive:
<STYLE>

.mystyle_css {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:    2em;
    font-weight:    700;
    font-style:    normal;
    text-decoration:    none;
    word-spacing:    normal;
    letter-spacing:    normal;
    text-transform:    none;   
}

</STYLE>
Avatar billede clausjul Nybegynder
24. oktober 2003 - 13:54 #19
i body sektionen i din aspx-fil
Avatar billede herman01753 Nybegynder
24. oktober 2003 - 13:56 #20
den skriver: "per active schema, the element 'STYLE' cannot be nested within 'body'
Avatar billede clausjul Nybegynder
24. oktober 2003 - 13:56 #21
ok - så flyt den op til head-sektionen
Avatar billede herman01753 Nybegynder
24. oktober 2003 - 13:56 #22
har prøvet at sætte den ind under HEAD, men uden held...
Avatar billede herman01753 Nybegynder
24. oktober 2003 - 13:57 #23
nu virker det... havde overset en stavefejl nede i min label... tusind tak for hjælpen, og undskyld dumheden...
Avatar billede clausjul Nybegynder
24. oktober 2003 - 13:58 #24
Har jeg mulighed for at se din webside? Så kan jeg måske hurtigere finde fejlen?
Avatar billede clausjul Nybegynder
24. oktober 2003 - 13:59 #25
Nå for søren, skideirriteret. ;-) Det er en del af udviklerlivet :-~
Avatar billede herman01753 Nybegynder
24. oktober 2003 - 13:59 #26
desværre siden er på et intranet, men det er iorden nu.
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
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

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