Ok to start off with how many divs can you have per CSS file? As Im designing a site with multipule backgrounds i.e. main background text box background so on and so forth. I would use tables but reading in other threads on this site divs sound the better option.

Also my second question is about CSS menu bars. I am trying to make a menu that when you click on one of the links a box expands from under the link. Images included to show what I mean. For this I dont want any code off you just where should I start looking for tutuorials?

Helping out with your second question would take me more time than I have, but I can tell you that there isn't a limit on how many divs you can have per CSS file.

How do I sort it out with the divs? Everytime I try to make multiple divs it just keeps referancing off one div code in my CSS file where as I want it to make a multi layered background.

Here is my code for this.
<code>
body {
background-repeat:repeat-x;
background-attachment:scroll;
background-image: url(../images/background.jpg);
background-position: top;
}

div {
background-image:url(../images/overlay.png);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:center;
}

div {
background-image:url(../images/header.png);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:top;
}
font {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
color:#000000
}
a:link {
color: #b12d01;
font-size:10px;
text-decoration:none;
}
a:hover{
color: #6a5418;
font-size:10px;
text-decoration:none;
}
a:visited {
color: #d96640;
font-size:10px;
text-decoration:none;
}
</code>

You could use div classes.

Div ids would be the best way to go. As far as your second question goes, you are going to need a little javascript (or ajax) to get the popup idea to work.

I would recommend going here for some javascript tutorials.

This post has been edited by omoimasuyo: 20 Feb, 2007 - 08:20 AM