Avatar billede koppelgaard Praktikant
16. februar 2013 - 00:34 Der er 12 kommentarer og
1 løsning

styles: fond, color mm

Jeg er lige begyndt min første Asp.net app.
jeg er startet ud fra den default projekt man får når man beder om en nyt ASP.NET Web Application.
Desværre kan jeg ikke ændre farver på fonde eller baggrunde.
Hvorfor mon?

Lige meget hvad jeg ændre i styles - site.css giver det ingen ændringer:
Html koden i site.css ses nedenfor

/* DEFAULTS
----------------------------------------------------------*/

body 
{
    background: #b6b7bc;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #000000;
}

a:link, a:visited
{
    color: #000000;
}

a:hover
{
    color: #000000;
    text-decoration: none;
}

a:active
{
    color: #000000;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS 
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 15em;
    color: #000000;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS 
----------------------------------------------------------*/

.page
{
    width: 960px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU 
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS 
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline
{
    display: inline;
}

legend
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC 
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}
Avatar billede olebole Juniormester
16. februar 2013 - 00:46 #1
<ole>

Kik i browserens 'View Source' og se, om du faktisk importerer CSS-filen - og om stien er korrekt

/mvh
</bole>
Avatar billede koppelgaard Praktikant
16. februar 2013 - 08:22 #2
Tak for svar!!
I og med det er min første ASP-program, kan jeg ikke helt se om css-en bliver importeret korrekt - desværre
Det burde den da ellers gøre for jeg intet gjort - blot lavet et nyt projekt og ændret et par af farverne.
Her er sourcen:



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head><title>
    Home Page
</title><link href="Styles/Site.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form method="post" action="default.aspx" id="ctl01">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTY1NDU2MTA1MmRkYu9foXSNkHwl3nwYR3P4KYsNeaVbrE1NNfHP/1PjnY8=" />
</div>


<script src="/WebResource.axd?d=daPZaepOI8GmowS__Kam0tsF86wQy4aUiyO3nijngpH1hzoHVwONhbyQ2SySP2Y1MXMmpdyPvmXRL5mmzrMC1qPh3fxrQhUbHoFPJGRlrvU1&t=634951413280990789" type="text/javascript"></script>
    <div class="page">
        <div class="header">
            <div class="title">
                <h1>
                    My ASP.NET Application
                </h1>
            </div>
            <div class="loginDisplay">
               
                        [ <a href="Account/Login.aspx" id="HeadLoginView_HeadLoginStatus">Log In</a> ]
                   
            </div>
            <div class="clear hideSkiplink">
                <a href="#NavigationMenu_SkipLink"><img alt="Skip Navigation Links" src="/WebResource.axd?d=cR7Zy-HeS4KxFKDaBLxRIal_WnyqqUwhvw_0oVnp4wBv2FOw4Eys2mgwW1kp_nIq1lxkK6yksWCRXHYWYXEG_xbEZHix-pRRPFUhrApBvjo1&t=634951413280990789" width="0" height="0" style="border-width:0px;" /></a><div class="menu" id="NavigationMenu">
    <ul class="level1">
        <li><a class="level1" href="Default.aspx">Home</a></li><li><a class="level1" href="About.aspx">About</a></li>
    </ul>
</div><a id="NavigationMenu_SkipLink"></a>
            </div>
        </div>
        <div class="main">
           
    <h2>
        Welcome to ASP.NET!
    </h2>
    <p>
        To learn more about ASP.NET visit <a href="http://www.asp.net" title="ASP.NET Website">www.asp.net</a>.
    </p>
    <p>
        You can also find <a href="http://go.microsoft.com/fwlink/?LinkID=152368&clcid=0x409"
            title="MSDN ASP.NET Docs">documentation on ASP.NET at MSDN</a>.
    </p>

        </div>
        <div class="clear">
        </div>
    </div>
    <div class="footer">
       
    </div>
   
<script type='text/javascript'>new Sys.WebForms.Menu({ element: 'NavigationMenu', disappearAfter: 500, orientation: 'horizontal', tabIndex: 0, disabled: false });</script></form>
</body>
</html>
Avatar billede koppelgaard Praktikant
16. februar 2013 - 09:52 #3
Du har ret !
Når jeg ser sourcen i browseren og derefter klikker i "Styles/Site.css" er mine rettelser IKKE med. SÅ css-en bliver IKKE importeret korrekt i min hjemmeside.

Efter at have prøvet en ekstra gang på et helt NYT projekt kan jeg godt få css-en importeret korrekt :).
Men jeg ville dog gerne finde fejlen i den side, jeg har brugt end del tid på.
Har du et bud hvor jeg kan kikke?
Avatar billede olebole Juniormester
16. februar 2013 - 16:30 #4
Nej, jeg kan ikke vide, hvad du fik gjort galt i første omgang  =)

Til gengæld bør du nok vælge en mere realistisk docType. HTML 4.01 Strict eller HTML 5 er gode bud
Avatar billede koppelgaard Praktikant
16. februar 2013 - 17:13 #5
Jeg er som sagt HELT ny. Ved kun meget lidt om html
Jeg har ikke valgt bevidst docTybe.

Er det her jeg skal ændre, og hvad vil fordelene være :

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="Test.SiteMaster" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

Eller er det er mere organiseret måde at gøre det på ?

//Michael
Avatar billede koppelgaard Praktikant
16. februar 2013 - 17:22 #6
Har ændret i HTML source værktøjslinien.
Det slår dog ikke igennem i ovenstående tekst.
Avatar billede koppelgaard Praktikant
16. februar 2013 - 17:33 #7
Heller ikke, hvis jeg efterfølgende lavet et nyt projekt - mærkeligt ???

Sender du et svar?
Avatar billede olebole Juniormester
16. februar 2013 - 17:35 #8
Jeg ville nok ændre masteren til:

<!DOCTYPE html>
<html>

- som er den generiske docType, der anvendes ved HTML 5
Avatar billede olebole Juniormester
16. februar 2013 - 17:36 #9
Ellers tak, jeg samler ikke point. Læg selv et svar og accepter det, så tråden lukkes  =)
Avatar billede koppelgaard Praktikant
16. februar 2013 - 21:03 #10
Det er mærkeligt dette her:

Jeg ændre på farver og fonde
F.eks
.page
{
    width: 960px;
    background-color: #000000;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

til

.page
{
    width: 96px;
    background-color: #000000;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

og derefter tilbage igen.

Den første ændring går fint igennem. siden bliver smallere.
Så ændre jeg tilbage igen - det går godt - NOGEN gange andre gange sker der IKKE noget. Den ændrede css - bliver ikke kørt!

Forstår det simpelt hen ikke. Jeg har prøvet det,så mange gange nu at jeg er HELT sikker på at det ikke er en slåfejl eller andet.
Jeg er tilbøjelig til at tror at der er noget galt med min VS-studio.
Avatar billede olebole Juniormester
16. februar 2013 - 21:14 #11
Kan det være din cache? Prøv at opdatere siden med Ctrl+F5 i browseren - eller sæt en dummy query på URL'en og se, om CSS'en så loader
Avatar billede koppelgaard Praktikant
16. februar 2013 - 21:39 #12
Der sker ikke noget ved ctrl F5

Jeg har prøvet noget ekstra:

1) slettet site.css file
2) kørt projektet - intet sker - siden ser præcis lige sådan ud. Behøver åbenbart overhovedet ikke site.css. Opsætning lægger et eller andet andet sted. site-masteren protesterer heller ikke.
3) adder en ny fungerende site.css fra et nyt projekt - intet sker
4) omdøber styles\site.css til styles\site1.css
5) nu protesterer site-masteren - ' kan ikke finde styles\site.css' skriver den.
6) så retter jeg :
<link href="~/Styles/Site.css" rel="stylesheet" type="text/css" /> i site-masteren
til
<link href="~/Styles/Site1.css" rel="stylesheet" type="text/css" />

og vupti så køre det igen. Problemet er bare at jeg 1 eller 2 minutter efter er jeg tilbage, hvor jeg startede - css- bliver ikke kørt.
Jeg forstår ikke hvad der sker - gør du ?
Avatar billede koppelgaard Praktikant
25. februar 2013 - 07:17 #13
svar
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
Kurser inden for grundlæggende programmering

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