Re: [HTML/CSS]Web Design Question
Quote:
Originally Posted by
2GetherWeRise
Another Question, How did he/she (creater of the example site) get that black gradient at the top? Because im attempting that with HTML/CSS and its not coming out successful
Here's an example of how you can do that black gradient - I added the top-gradient, content area, and footer-area.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Website Gradient</title>
<style>
#top_gradient {
background: url(http://i50.tinypic.com/34nkt1t.png);
height: 100px;
width: 100%;
}
#content_area{
background-color: #adabab;
height: 400px;
width: 100%;
}
#footer_area{
background-color: #eeeeee;
height: 100px;
width: 100%;
}
</style>
</head>
<body>
<div id="top_gradient"></div>
<div id="content_area"></div>
<div id="footer_area"></div>
</body>
</html>
I added the CSS into the document just so I could show you, but I'd recommend instead of using tinypic for images, put them in an image file directory and link to it through the CSS like...
Code:
background: url(images/image_file_name.png);
Hope that clears things up :whoo:
Re: [HTML/CSS]Web Design Question
Actually Aaron, the code would be
Code:
background-image: url(images/gradientorwhatever.gif);
Re: [HTML/CSS]Web Design Question
Either works. It doesn't really matter, lol.
