Div Layers - 2 Questions — OZONE Asylum, home of the Mad Scientists

Stupid Basic HTML

Div Layers - 2 Questions

This page's ID: 9604

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	Glad to be of help =) For starters, you should ideally have your style sheet as a seperate file, linked to in the <head> of your page. This makes the intent of CSS that much more evident and easy to implement: the seperation of content and style. Now, if you want to have a different background image for different pages, this is what you would do - 1) set a class that has the style specifications common to that <div>. say, perhaps along the lines of - (purely hypothetical example - ) .maindiv { background-color:#999; color:#000; margin:10px; padding:5px; width:600px; background-repeat:no-repeat; } then, for each different background-image you want to use, add an ID - #div1 { background-image:url(image/for/div1); } #div2 { background-image:url(image/for/div2); and so on. in your HTML, you would call it like this - <div class="maindiv" id="div1">blah blah blah</div> That method will assign the style attributes specified for both the 'maindiv' class, and the 'div1' id. You can also specify multiple classes for an element, but that can wait =) For more info things such as classes and id's, and lot's of other must have info on using CSS, check out these GN tutorials - [url=http://www.gurusnetwork.com/tutorials/css/cssintro/cssintro1.html]http://www.gurusnetwork.com/tutorials/css/cssintro/cssintro1.html[/url] [url=http://www.gurusnetwork.com/tutorials/css/cssintro2/cssintro2-1.html]http://www.gurusnetwork.com/tutorials/css/cssintro2/cssintro2-1.html[/url] [url=http://www.gurusnetwork.com/tutorials/css/box_model/style.html]http://www.gurusnetwork.com/tutorials/css/box_model/style.html[/url] [url=http://www.gurusnetwork.com/tutorials/css/cssprint/cssprint1.html]http://www.gurusnetwork.com/tutorials/css/cssprint/cssprint1.html[/url] And of course, for reference always make sure to check the w3c ( [url=http://www.w3.org]http://www.w3.org[/url] ). [url=http://in-dented.com/sigs.html] [img]http://in-dented.com/sigs/indentsig.gif[/img] [/url] [This message has been edited by DL-44 (edited 02-22-2003).] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu