|
| |
|
|
nFoSlUe
Posts: 34
Joined: 6/20/2005
Status: offline
 |
newbie CSS question - 4/1/2006 22:16:15
I have only used CSS once before, and it was just for a background image, so I know next to nothing about it. So I hope this question makes sense...
I'm wondering if there are just a couple codes to use that would give a webpage a header (like a banner and buttons), a footer, and a repeating background image in between them.
Thanks.
|
|
|
|
Tailslide
Posts: 6290
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: newbie CSS question - 4/2/2006 3:50:40
CSS affects the layout and look of your site - so it can give a header section a background image, same for a footer and the rest of the site - but the actual footer itself must exist in your markup - CSS just styles it (if that makes any sense).
So for instance if you have a header, footer and main sections in your markup (I just made those up as an example) then you can assign background images to them like this:
#header {background:#fff url(images/headerback.jpg) top left no-repeat;}
#footer {background:#fff url(images/footerback.jpg) bottom left no-repeat;}
#main {background:#fff url(images/mainback.jpg) top center repeat-y;}
Using repeat-y will repeat the background image vertically the whole length of the div called main.
Although I haven't personally tried it I see no reason why you can't apply the same method to a table rather than divs.
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
nFoSlUe
Posts: 34
Joined: 6/20/2005
Status: offline
|
RE: newbie CSS question - 4/2/2006 14:57:07
Ok, so would I put those codes between the -- <style type="text/css"> </style>? Because that's where my current repeating background image code is at.
| |
|
|
|
walrus
Posts: 547
Joined: 3/13/2003
From: London
Status: offline
|
RE: newbie CSS question - 4/14/2006 17:52:18
its better to put them in a style sheet and link to the style sheet in the HEAD section of your HTML
example...
<HEAD>
....
<link rel="stylesheet" type="text/css" href="style.css">
...
</HEAD>
where
style.css is a text document in the root of your web containg the text from Tailslide
in the body of your page, include
<div id="header">...</div>
and simply put your normal html code inside the div
for example
<div id="header"><h1>Banner Name</h1></div>
<div id="main">the main content<div>
<div id="footer"><h6>Footer Text</h6></div>
_____________________________
I hope The Boss isn't reading this, ...she thinks I program everything!
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
