What Doooo?

Status
Not open for further replies.
Vanish

Vanish

Rising Java Developer
Dec 8, 2013
630
94
<html>
<header>
<title>Emilio's Portfolio</title>
<style>
header {background-color:lightgrey};
body {
background-image: url("website.jpg");

}
footer {background-color:#1C1C1C};
</style>
</header>
<body>
<button align="left">Home</button>
<button align="center"> About Me</button>
<button align="right">Contact Me</button>
<p> Test</p>
<footer><font color="white">Design & Copyrights go to Emilio.</font></footer>
</body>
</html>
You must be registered for see links
is what i get. Help. What's wrong with the code? I tried setting the image source instead of just the name, same thing. Help pls?
 
Sort by date Sort by votes
brsy

brsy

nah mang
May 12, 2011
1,530
272
Reize said:
Just put this instead "url(
You must be registered for see links
)"
Click to expand...
That gives him more work when he is moving his site to a web host. For medium-large projects, that will create more work and more places for things to go wrong for you.
 
Upvote 0 Downvote
Evilsmoothie

Evilsmoothie

Mad kung-fu artist
Feb 11, 2013
446
57
Do this instead
HTML: 
<style>
header {background-color:lightgrey;}
body {background-image: url("website.jpg");}
footer {background-color:#1C1C1C};
</style>

Because header {background-color:lightgrey}; that doesnt work.
Edit: Also, why are you using header where you should use head? :confused:
 
Last edited:
Upvote 0 Downvote
flyest

flyest

Doctor
Mar 3, 2013
94
13
Check if the image is linked right, sir. There's nothing wrong with the code. Perhaps you should put the style tags outside your header.
Also, If you're planning on making a website with several pages, I recommend that you add the CSS in a separate file and just link it to every page.
 
Upvote 0 Downvote
Sysode

Sysode

Front-End Developer
Dec 11, 2012
1,673
848
Check the console to see what resources are not being loaded correctly.

Chrome:
You must be registered for see links

Firefox:
You must be registered for see links


Google if you use any other browser. Use this in the future, it'll save having to guess what the issue is.
 
Upvote 0 Downvote
Vanish

Vanish

Rising Java Developer
Dec 8, 2013
630
94
Evilsmoothie said:
Do this instead
HTML: 
<style>
header {background-color:lightgrey;}
body {background-image: url("website.jpg");}
footer {background-color:#1C1C1C};
</style>

Because header {background-color:lightgrey}; that doesnt work.
Edit: Also, why are you using header where you should use head? :confused:
Click to expand...
The code you provided fixed me up, but the image is repeating, rather than stretching, anything i should do?
This is what i mean ->
You must be registered for see links

Sysode said:
Check the console to see what resources are not being loaded correctly.

Chrome:
You must be registered for see links

Firefox:
You must be registered for see links


Google if you use any other browser. Use this in the future, it'll save having to guess what the issue is.
Click to expand...
So i tried that and nothing appeared on my console (Before i tried Evilsmoothie's code). Thanks for your time though :)
 
Upvote 0 Downvote
Lame

Lame

Member
Nov 6, 2014
303
78
Vanish said:
The code you provided fixed me up, but the image is repeating, rather than stretching, anything i should do?
This is what i mean ->
You must be registered for see links


So i tried that and nothing appeared on my console (Before i tried Evilsmoothie's code). Thanks for your time though :)
Click to expand...
background-repeat: no-repeat;
Simple and should stop it from well... repeating
 
Upvote 0 Downvote
Status
Not open for further replies.

Users who are viewing this thread

Total: 2 (members: 0, guests: 2)
☀️  Switch to Light Theme

Latest posts

Top