SophiaMedlem sedan dec. 20076 inlägg Håller på med min hemsida och gör den med css. Allt funkar utom bakgrundsfärgen som av någon anledning inte VILL fastna.
Någon som kan tipsa om vad jag gör för fel?
Mallen ser ut så här:
<head>
<style type="text/css">
<!--
/*** allmänt ***/
body {background-color: #D2BF95; font-family: Verdana; font-size: 12px; color: #000000;}
h1 { font-family: Verdana; font-size: 2em; color: #FF1E05;}
h2 { font-family: Verdana; font-size: 1em; color: #FF1E05;}
p {font-family: Verdana; font-size: 12px; color: #000000;}
td {font-family: Verdana; font-size: 12px; color: #000000;}
li {font-family: Verdana; font-size: 12px; color: #000000;}
/*** länkar ***/
a:link { text-decoration: none; color:#FF1E05;}
a:visited { text-decoration: none; color:#FF1E05;}
a:active { text-decoration: none; color:#FF1E05;}
a:hover { font-style: italic}
-->
</style>
</head>
<body>
testmall
och sidan finns på https://www.devons.se
Väldigt tacksam för hjälp!!
Din CSS fil ska vara:
/*** allmänt ***/
body {background: #D2BF95; font-family: Verdana; font-size: 12px; color: #000000;}
h1 { font-family: Verdana; font-size: 2em; color: #FF1E05;}
h2 { font-family: Verdana; font-size: 1em; color: #FF1E05;}
p {font-family: Verdana; font-size: 12px; color: #000000;}
td {font-family: Verdana; font-size: 12px; color: #000000;}
li {font-family: Verdana; font-size: 12px; color: #000000;}
/*** länkar ***/
a:link { text-decoration: none; color:#FF1E05;}
a:visited { text-decoration: none; color:#FF1E05;}
a:active { text-decoration: none; color:#FF1E05;}
a:hover { font-style: italic}
ingen html kod i din css-fil.
headbugMedlem sedan sep. 2006867 inlägg Hehe,
du får ju inte ha HTML-taggar i ditt CSS-dokument.
Ta bort <head> och alla liknande taggar.
Kvar i filen ska det ENDAST finnas följande
/*** allmänt ***/
body {background: #D2BF95; font-family: Verdana; font-size: 12px; color: #000000;}
h1 { font-family: Verdana; font-size: 2em; color: #FF1E05;}
h2 { font-family: Verdana; font-size: 1em; color: #FF1E05;}
p {font-family: Verdana; font-size: 12px; color: #000000;}
td {font-family: Verdana; font-size: 12px; color: #000000;}
li {font-family: Verdana; font-size: 12px; color: #000000;}
/*** länkar ***/
a:link { text-decoration: none; color:#FF1E05;}
a:visited { text-decoration: none; color:#FF1E05;}
a:active { text-decoration: none; color:#FF1E05;}
a:hover { font-style: italic}
och inget annat :)
/red: Som vanligt så har voigtann1 snabbare reflexer än vad jag har!
nidronMedlem sedan jan. 2005257 inlägg Det verkar som om du fått med html-taggar i din css-mall. Plocka bort:
<head>
<style type="text/css">
<!--
-->
</style>
</head>
<body>
testmall
:)
EDIT: Och som vanligt är jag för slö i fingrarna vid den här tiden på dygnet :)
SophiaMedlem sedan dec. 20076 inlägg Men tusen tack!!! Snabba som attans var ni och rätt blev det, jättetack!!!
Nu ska jag lära mig MER om css det var ju skitbra!! Lärde mig grunderna i HTML typ -97 eller nåt, är väl dax att lära sig nåt nytt kanske...
headbugMedlem sedan sep. 2006867 inlägg Det låter bra!
Och välkommen till webforum :bire
SophiaMedlem sedan dec. 20076 inlägg
headbug skrev:
Det låter bra!
Och välkommen till webforum :bire
Tack!!! Jag vill lära mig mer så jag får nog stanna här ett tag tror jag! :) :stud
SophiaMedlem sedan dec. 20076 inlägg Shit det här måste vara början till undergången... Upptäckte att om jag vill använda span class för att ändra något så kunde jag skriva .xxx { osv... och sedan <span class="xxx"> osv och faktiskt kan man skriva ."vadsomhelst" så länge man skriver samma inom span class="vadsomhelst" sen. Jag kom på det helt SJÄLV! DESSUTOM då jag skulle ändra de här spanclass i texten sen, så gjorde jag det i ANTECKNINGAR eftersom det var enklare än att göra det i frontpage. Jag är på väg in i nördarnas land! ;)
Du kan skriva CSS på lite olika sätt:
/*Ger en röd färg */
.myclass {
color:#f00;
}
/*Denna kommer bara att fungera på divar som har klassen myclass */
div.myclass {
background-color:#ff0;
}
/* alla p taggar innanför en class="myclass":
<div class="myclass"><p>Hej!</p></div><div><p>hej!</p></div> du kommer att upptäcka att p innanför diven med klassen "myclass" kommer ha en text storlek på 12px */
.myclass p {
font-size:12px;
}
Kul att du kommer vidare! (y) upp!
