Her kan du stille og svare på spørgsmål omkring CSS
-
mathisen8 - Begynder
- Indlæg:7
- Tilmeldt:6. nov 2011, 15:07
Css problem ! Hjælp !
Indlæg
af mathisen8 » 6. nov 2011, 15:14
Hej alle sammen.
Jeg har et problem med min hjemmeside, måske kan i hjælpe.
Problemet er at mine html filer ikke "hænger" sammen med min css fil, altså at selvom jeg skriver jeg vil have fx. en grøn baggrund i min css fil, ændre hjemmesiden sig ikke :s ?
Mvh. Mathias
Min Html fil
Kode: Vælg alt
<html>
<head>
<title>Min første side, af Mathias Buus Larsen</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
<center>
<h1><b>Dette er min første hjemmeside</b></h1>
<table border="1" width="60%">
<tr>
<td>Side 1</td>
<td>Side 2</td>
<td>Side 3</td>
<td>Side 4</td>
<td>Side 5</td>
<td>Side 6</td>
<td>Side 7</td>
<td>Side 8</td>
<td>Side 9</td>
<td>Side 10</td>
</tr>
</table>
<ul>
<li><h2><a href="../Hjemmeside/index.html">Side 1</a></h2></li>
<li><h2><a href="../Hjemmeside/Side2.html">Side 2</a></h2></li>
</ul>
<a href="../Hjemmeside/Side2.html"><img src="lol2.png" /></a>
<a href="../Hjemmeside/Side2.html"><img src="logo.png" /></a>
</center>
</body>
</html>
Min css fil.
Kode: Vælg alt
body {
background-color: #00FF21;
}
-
ThomasI
- Grundlægger
- Indlæg:1528
- Tilmeldt:28. dec 2010, 10:49
Indlæg
af ThomasI » 6. nov 2011, 15:36
Ligger din CSS fil i den samme mappen som din html fil?
Tror du skal kigge på stien til din CSS fil... måske prøv at lave en absolut sti til CSS filen...
altså istedet for bare href="style.css"
Så sæt hele stien ind. f.eks
href="file:///C:/enmappen/mappe2/CSSrules/style.css"
hvis du sidder online eller på localhost skal stien self være anderledes alt efter hvor din CSS fil ligger...
-
mathisen8 - Begynder
- Indlæg:7
- Tilmeldt:6. nov 2011, 15:07
Indlæg
af mathisen8 » 6. nov 2011, 16:07
Jeg er ikke den bedste til det her, men altså.
Jeg har en mappe på mit skrivebord der hedder "Hjemmeside" inde i den har jeg mine html filer og min style.css fil,
men kan jeg så lave en ny mappe inde i min hjemmeside mappe ? som måske hedder Stylesheet ? og så ligge min style.css derinde ?
og hvad skulle jeg så skrive i mine html filer ? altså det med herf ?
-
ThomasI
- Grundlægger
- Indlæg:1528
- Tilmeldt:28. dec 2010, 10:49
Indlæg
af ThomasI » 6. nov 2011, 16:40
altså hvis din CSS fil ligger i samme mappe som HTML filen, burde der ikke være nogen problmer...
Når jeg kigger nærmere på dit link tag til stylesheetet har du en / til sidst... prøv at fjern / foran > så det ser sådan her ud:
<link rel="stylesheet" href="style.css" type="text/css" >
-
ThomasI
- Grundlægger
- Indlæg:1528
- Tilmeldt:28. dec 2010, 10:49
Indlæg
af ThomasI » 6. nov 2011, 18:15
laver \ mange steder i stien...
lav dem om til /
-
ThomasI
- Grundlægger
- Indlæg:1528
- Tilmeldt:28. dec 2010, 10:49
Indlæg
af ThomasI » 6. nov 2011, 19:11
hmm...prøv at fjern alt i din sti så der bare står href="Stylesheet/style.css" - tryk gem og view in browser...
Ummidelbart ser din CSS fil fin nok ud... tror ikke det er det der er problemet men prøv evt at fjern mellemrum mellem : og #
En anden ting... din fil er en css fil ikke? - som har en CSS extension?
Netbeans viser ikke fejl nogen steder i dine dokumenter? altså gule udråbstegn ude i højre side ved numrene?
-
mathisen8 - Begynder
- Indlæg:7
- Tilmeldt:6. nov 2011, 15:07
Indlæg
af mathisen8 » 6. nov 2011, 19:48
Jeg kan simpelt hen ikke finde ud af at få det til at virker
-
ThomasI
- Grundlægger
- Indlæg:1528
- Tilmeldt:28. dec 2010, 10:49
Indlæg
af ThomasI » 6. nov 2011, 20:38
Du mangler et doctype i dit html doc....
Prøv at sætte en doc type osv på dit dokument...evt html 5. ( se video 2 i html )
Det kunne være det der gør det ikke virker...
Hvilken browser bruger du til at se det i?
-
ThomasI
- Grundlægger
- Indlæg:1528
- Tilmeldt:28. dec 2010, 10:49
Indlæg
af ThomasI » 9. nov 2011, 14:30
Hmmm...prøv at gå ind og tag en CSS video her fra sitet...
Lav filerne så de ser præcis ud som dem der laves i videoen og lig filerne i samme mappe...
så skulle det meget gerne virke!
Du kan jo bare kopiere det fra under hver video og så sætte det ind...
altså.... kopier præcis det der laves i videoen, placer html inholdet i en html fil og css indholdet i en css fil
læg begge filer i samme mappe...åben html filen og tryk "view"
Så skulle stylingen gerne gå igennem...hvis ikke må der være noget galt lokalt hos dig...
Jeg har uploadet et screenshot så du kan se hvad der måske er galt