Avatar billede bss Nybegynder
23. november 2001 - 10:39 Der er 8 kommentarer og
2 løsninger

StyleSheet og x-browser

Hej
jeg har lavet en CSS fil, men er ikke sikker på om den er OK, tænker på syntax og x-browser. Er det muligt at få kommentarer og forslag til korrigering.
Den ser i øjeblikket sådan ud:

body     
{
background-color: #009BAF;
font-family :Verdana, Sans-serif;
color: black;
font-size: 12px;
}

table, td 
{
font-family :Verdana, Sans-serif;
color: black;
font-size: 12px;

}

h1
{
font-family :Verdana, Sans-serif;
font-size: 16px;
font-weight:bold;
font-style:italic;
background-color: #7fcdd9;
text-align: center;
color: #009baf;
width: 100%;
padding: 2px;

}


h2, h3, h4
{
font-family :Verdana, Sans-serif;
color: white;
background-color:#009BAF;
padding: 2px;
with: 100%;
}

a:link
{
text-decoration : none;
color : blue;

}

a:visited
{
text-decoration : none;
color : black;
}

a:hover
{
color : white;
font-weight : bold;
}

a:active
{
text-decoration : none;
color : black;
}

.button {
background-color:lightgray;
border-bottom:solid 1px;
border-left:solid  1px;
border-right:solid 1px;
border-top:solid  1px;
color:black;
font-family:Verdana, Sans-serif;
font-size:8pt; }
Avatar billede pixelpaw Nybegynder
23. november 2001 - 10:52 #1
.button {
background-color: lightgray;
border: 1px solid #000;
color: black;
font-family: verdena, sans-serif, arial, helvetica;
font-size: 10px;
}
Avatar billede pixelpaw Nybegynder
23. november 2001 - 10:54 #2
Godt med flere font typer, det er ikke alle der har verdena eller sans-serif.
Personligt synes jeg også det er pænere med farvekoderne istedet for farvenavne.
Hvis du vil have fuld kontrol over størrelsen på fontene, skal du bruge px istedet for pt.
Avatar billede nute Nybegynder
23. november 2001 - 10:54 #3
hmm....ikke for å ødelegge din motivasjon, men det er ingen av de styles som vises i NS4.x
Avatar billede fri-hash Nybegynder
23. november 2001 - 11:01 #4
med hensyn til hex farveværdier, så kan IE godt vise sort når man skriver #0 eller #000, men den korrekte syntaks er 6 cifre, dvs. #000000
Avatar billede nute Nybegynder
23. november 2001 - 11:07 #5
dette kjører i NS4.x *unntagen* a:hover og a:visited som ikke er understøttet, og border styles på din buttonclass...

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<html>
    <head>
<style>
body{
    background-color:#009BAF;
    font-family:Verdana, Sans-serif;
    color:black;
    font-size:12px;
}

td{
    font-family :Verdana, Sans-serif;
    color:black;
    font-size:20px;
}

h1{
    font-family :Verdana, Sans-serif;
    font-size: 16px;
    font-weight:bold;
    font-style:italic;
    background-color:#7fcdd9;
    text-align: center;
    color: #009baf;
    width: 100%;
    padding: 2px;
}
h2,h3,h4{
font-family :Verdana, Sans-serif;
color: white;
background-color:#009BAF;
padding: 2px;
width: 100%;
}

a:link {
    text-decoration : none;
    color : blue;
}

a:visited {
    text-decoration : none;
    color : black;
}

a:hover {
    color : white;
    font-weight : bold;
}

a:active {
    text-decoration : none;
    color : black;
}

.button {
    background-color:lightgray;
    border-bottom:solid 1px;
    border-left:solid  1px;
    border-right:solid 1px;
    border-top:solid  1px;
    color:black;
    font-family:Verdana, Sans-serif;
    font-size:8pt;
}
</style>
    </head>
<body>
<form>
<h1>H1</h1><br>
<h2>H2</h2><br>
<h3>H3</h3><br>
<h4>H4</43><br>
<table>
<tr>
    <td>Table test</td>
</tr>
</table>
<input type=\"submit\" class=\"button\">
</select>
</form>
</body>
</html>

/nute
Avatar billede pixelpaw Nybegynder
23. november 2001 - 11:08 #6
nute > hvorfor så ikke det??

fri-hash > NS kan fint læse #000 i et stylesheet.
Avatar billede nute Nybegynder
23. november 2001 - 11:10 #7
pixelpaw >> hvorfor ikke hva ?? ;-)
Avatar billede pixelpaw Nybegynder
23. november 2001 - 11:12 #8
ja ok, men den kan da fint se nogen af tingene.
Avatar billede nute Nybegynder
23. november 2001 - 11:14 #9
joda....alt kan sees (sånn som det er skrevet nå, ikke i den orginale), men det er bare ikke de \"korrekte\" styles på a:hover, a:visited og .button
Avatar billede bss Nybegynder
23. november 2001 - 19:27 #10
takker
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