Avatar billede inctor Nybegynder
15. august 2006 - 22:21 Der er 1 løsning

Udefineret farver og styles .

HeeJ Alle ..

Nu har jeg grublet længe nok over den her til jeg ikke gider mere, Jeg har en Css fil.. Som i kan se her:

* {
    margin: 0;
    padding: 0;
    }

html, body {
    height: 100%;
    }

body {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    }
   
/* -------------------------------------------------------------------------- */

#container {
    width: 750px;
    margin: 0 auto;
    min-height: 100%;
    background: url('images/containerbg.gif');
    padding-bottom: 50px;
    border-left: 5px solid #000000;
    border-right: 5px solid #000000;
    }

/* -------------------------------------------------------------------------- */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline;


    * html .clearfix {height: 1%;}
    .clearfix {display: block;}

/* -------------------------------------------------------------------------- */

#nav {
    width: 213px;
    float: left;
    }
   
h4 {
    font-size: 12px;
    height: 18px;
    color: #000000;
    padding: 3px 0 0 10px;
    }
   
#nav ul {
    list-style-type: none;
    margin-bottom: 15px;
    }
   
#nav a {
    display: block;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    margin: 0 4px auto 4px;
    padding-left: 5px;
    border-bottom: 1px solid #000000;
    height: 12px;
    padding-top: 7px;
    }

#nav a:hover {
    background: #000000;
    }
   
#ad a {
    width: 200px;
    margin: 5px auto;
    padding: 0;
    border-bottom : 0px none;
    height: 400px
    }

/* -------------------------------------------------------------------------- */

#login input {
    border: 1px solid #000000;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: #000000;
    width: 200px;
    margin: 3px 6px;
    text-align: center;
    }
   
#login input#submit {
    font-style: normal;
    color: #000000;
    }
   
#login input#uname:focus, input#pword:focus {
    border: 1px solid #000000;
    font-style: normal;
    color: #000000;
    }

#login fieldset {
    border: 0px none;
    }
   
#login legend {
    display: none;
    }
   
#login label {
    display: none;
    }
   
/* -------------------------------------------------------------------------- */

#rightside {
    float: right;
    width: 532px;
    }
   
/* -------------------------------------------------------------------------- */

h1 {
    height: 93px;
    text-indent: -9999px;
    border-bottom: 1px solid #000000;
    }
   
/* -------------------------------------------------------------------------- */

#colourchange {
    height: 31px;
    background: url('images/colourchangebg.gif');
    text-align: right
    }
   
#colourchange ul {
    list-style-type: none;
    margin-right: 15px;
    float: right;
    margin-top: 5px;
    }

#colourchange li {
    margin-right: 5px;
    width: 20px;
    height: 20px;
    float: left;
    }
   
#colourchange img {
    border: 0px none;
    }
   
#colourchange img:hover {
    border: #FFF;
    }   
   
/* -------------------------------------------------------------------------- */

h2 {
    background: url('images/contenthead.gif');
    height: 14px;
    font-size: 12px;
    border-top: 5px solid #000000;
    color: #000000; padding-left:10px; padding-right:0; padding-top:3px; padding-bottom:3px
    }
   
/* -------------------------------------------------------------------------- */

h3 {
    font-size: 16px;
    color: #000000;
    margin: 15px 7px;
    border-bottom: 3px double #000000;
    }
   
#rightside p, a {
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    margin-left: 20px;
    margin-right: 10px;
    }
   
#colourchange a {
    margin-left: 0;
    }
   
#rightside a {
    margin: 0;
    }
   
/* -------------------------------------------------------------------------- */

#footer {
    background: url('images/footer.gif');
    width: 750px;
    height: 25px;
    margin-top: -25px;
    text-align: right;
    border-left: 5px solid #000000;
    border-right: 5px solid #000000; margin-left:auto; margin-right:auto; margin-bottom:0
    }
   
#footer p, a {
    font-size: 12px;
    color: #000000;
    margin-right: 100px;
    padding-top: 4px;
    }
   
#footer a {
    margin: 0;
    }


Som i kan se på www.2cool4you.dk/Young-Zone/# , så har den defineret diverse farver, blandt andet login boksene til at være nærmest umulige at se, hvor henne i min CSS fil definere den de farver ? som i vel kan se, er alle farver ændret til #000000 , som jo er sort, men alt sammen har de andre farver ? intet af det er sort ? Overser jeg noget i den der Css fil eller ? den blir importeret således: <style type="text/css">@import"style.css";</style>

Dette er koden til Login boksene:

<h4>Login</h4>
<form id="login" action="loginok.php" method="post">
<fieldset>
<legend>Login Form</legend>
<label for="uname">Brugernavn</label>
<input type="text" onblur="if(this.value=='') this.value='Brugernavn';" onfocus="if(this.value=='Brugernavn') this.value='';" name="uname" id="uname" value="Brugernavn" size="20">
<label for="pword">Password</label>
<input type="password" onblur="if(this.value=='') this.value='Password';" onfocus="if(this.value=='Password') this.value='';" name="password" id="pword" value="Password" size="20">
<input id="submit" name="Send" value="Login PÃ¥ Young-Zone" type="submit">
</fieldset>
</form>

TaaK på Forhånd ..
Det jeg vil vide er, hvor kan jeg definere farverne og skriften på mine tekstbokse og input bokse ? Kan ikk se hvor de blir defineret ..
Avatar billede inctor Nybegynder
15. august 2006 - 22:23 #1
Sorry, det var min browsere der fuckede, selvom jeg lavede en ny viste den stadig de gamle farver, men prøvede på min bror's com, og der var farverne alle sammen sorte .. Som jeg har ændret d t.. Sorry ..
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