css-hjälp önskas

8 svar · 481 visningar · startad av Sophia 13 dec. 2007

SophiaMedlem sedan dec. 20076 inlägg

Frågan13 dec. 2007 08:51#1

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!!

voigtann1Medlem sedan juni 20019 519 inlägg

13 dec. 2007 09:02#2

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

13 dec. 2007 09:05#3

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

13 dec. 2007 09:06#4

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

13 dec. 2007 11:34#5

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

13 dec. 2007 11:40#6

Det låter bra!

Och välkommen till webforum :bire

SophiaMedlem sedan dec. 20076 inlägg

13 dec. 2007 11:50#7

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

13 dec. 2007 17:45#8

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! ;)

voigtann1Medlem sedan juni 20019 519 inlägg

13 dec. 2007 17:53#9

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!