teo questions about CSS

divs and navigation item.

Page 1 of 1

4 Replies - 1085 Views - Last Post: 20 February 2007 - 09:19 AM

#1 Sneblot  Icon User is offline

  • D.I.C Regular

Reputation: 1
  • View blog
  • Posts: 341
  • Joined: 09-February 07

teo questions about CSS

Posted 13 February 2007 - 02:30 AM

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? Attached Image Attached Image

Is This A Good Question/Topic? 0
  • +

Replies To: teo questions about CSS

#2 girasquid  Icon User is offline

  • Barbarbar
  • member icon

Reputation: 108
  • View blog
  • Posts: 1,825
  • Joined: 03-October 06

Re: teo questions about CSS

Posted 13 February 2007 - 01:37 PM

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.
Was This Post Helpful? 0
  • +
  • -

#3 Sneblot  Icon User is offline

  • D.I.C Regular

Reputation: 1
  • View blog
  • Posts: 341
  • Joined: 09-February 07

Re: teo questions about CSS

Posted 13 February 2007 - 02:19 PM

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>
Was This Post Helpful? 0
  • +
  • -

#4 haveacigar  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 15
  • Joined: 03-February 07

Re: teo questions about CSS

Posted 13 February 2007 - 06:03 PM

You could use div classes.
Was This Post Helpful? 0
  • +
  • -

#5 omochan  Icon User is offline

  • D.I.C Head
  • member icon

Reputation: 6
  • View blog
  • Posts: 148
  • Joined: 19-October 06

Re: teo questions about CSS

Posted 20 February 2007 - 09:19 AM

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 February 2007 - 09:20 AM

Was This Post Helpful? 0
  • +
  • -

Page 1 of 1