Just to get it out, im a totaly noob on HTML and CSS, i started yesterday.
I made a PSD template of a webpage yesterday and followed the video tutorial on this page, just gotta say that is great :D But i dont understand somethig, i have one index.html and one style. css and when i tried to make the image i want as background in the style.css it wont work. :? I dont understand whats wrong, maybe the css sheet isent linked to the html sheet, if someone can take a look at both of the sheets and tell me what went wrong, that would help me alot:)
Here is the index.html sheet: <!DOCTYPE> <html xmlns=""> <head> <meta http-equiv="Content-Type" content="text/html; charset-UTF-8" /> <title>Photoshop Mockup Conversion</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head>
And here is the style.css sheet: /*restes & basic side opphold*/ * {margin: 0; padding: 0;} html {overflow-y: scroll;} body { font: 62.5% Helvetica, sans-serif background: url(Bilder/bg.png) }
ul { list-style: none inside; } p { font-size: 1.2em line-height: 1.2em; margin-bottom: 1.2em } a { outline: none; } a img {border: none; } /*slutt på toolbox*/
/* Struktur og Ting */ #page-wrap { width: 775px; margin: 0 auto; } /*Slutt på struktur*/
Is your css file in the same folder as the html? The bg.jpg is in a file called Bilder right? if you have named this folder bilder, the css won't find it. Always keep folders and file names lowercase to avoid issues.
Yes it is in the same folder:) I found out what it was, sorry for troubeling you, i forgot body { font: 62.5% Helvetica, sans-serif; <--- this one !!:P background: url(Bilder/bg.png)top left repeat; }
Just to get it out, im a totaly noob on HTML and CSS, i started yesterday.
I made a PSD template of a webpage yesterday and followed the video tutorial on this page, just gotta say that is great :D
But i dont understand somethig, i have one index.html and one style. css and when i tried to make the image i want as background in the style.css it wont work. :?
I dont understand whats wrong, maybe the css sheet isent linked to the html sheet, if someone can take a look at both of the sheets and tell me what went wrong, that would help me alot:)
Here is the index.html sheet:
<!DOCTYPE>
<html xmlns="">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset-UTF-8" />
<title>Photoshop Mockup Conversion</title>
<link rel="stylesheet" type="text/css"
href="style.css" />
</head>
<body>
<div id="header">
</div>
<div id="page-wrap">
<ul id="nav">
<liv><a href="#">Home</a></liv>
<liv><a href="#">Articles</a></liv>
<liv><a href="#">Pictures</a></liv>
<liv><a href="#">Tutorials</a></liv>
<liv><a href="#">Downloads</a></liv>
</ul>
<p>Main content</p>
<div id="sidebar"
</div>
</div>
<div id="footer">
</div>
</body>
</html>
And here is the style.css sheet:
/*restes & basic side opphold*/
* {margin: 0; padding: 0;}
html {overflow-y: scroll;}
body {
font: 62.5% Helvetica, sans-serif
background: url(Bilder/bg.png)
}
ul { list-style: none inside; }
p { font-size: 1.2em line-height: 1.2em; margin-bottom: 1.2em }
a { outline: none; }
a img {border: none; }
/*slutt på toolbox*/
/* Struktur og Ting */
#page-wrap {
width: 775px;
margin: 0 auto;
}
/*Slutt på struktur*/
body {
font: 62.5% Helvetica, sans-serif; <--- this one !!:P
background: url(Bilder/bg.png)top left repeat;
}