Web Analytics Made Easy -
StatCounter isolating css - CodingForum

Announcement

Collapse
No announcement yet.

isolating css

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • isolating css

    Hello, i'm making a menu based on one off a certain css site. I was wondering if somebody could help me find the right part of the css that "styles" the menu. This is the html page im working on: http://www.geocities.com/allewun/csstest2.html Heres the css link: http://www.geocities.com/allewun/isolationcss.css The css is a bit long and confusing, so im not sure which part corresponds to the menu itself. COuld you please give me the css that styles the menu?

    Thanks in advance.

    I was also wondering about why the "s" 's in the menu are a little "messed up". After you hover of the links, they looks normal...
    Last edited by qwertyuiop; Feb 6, 2004, 09:14 PM.

  • #2
    s's look fine in my browser, firebird .7. Here's everything that references to the box and the menu that it contains. What part of the menu do you what to know about specifically?
    Code:
    .box {
    	position: absolute;
    	z-index: 0;
    	width: 602px;
    	height: 452px;
       	left: 50%;
    	top: 50%;
    	margin: -225px 0px 0px -300px;
    	padding: 0px 0px 0px 0px;
    	border: 0px solid #3A3A3A;
    }
    html>body .box { width: 600px; height: 450px }
    
    .box .title {
    	position: absolute;
    	z-index: 1;
    	width: 602px;
    	height: 52px;
       	left: 0px;
    	top: 0px;
    	padding: 0px 0px 0px 0px;
    	border: 1px solid #B3B3B3;
    	text-align: center;
    	font: bold 40px arial;
    	color: #BFBFBF;
    	letter-spacing: 25px; 
    	background-color: #EDEDED;
    }
    html>body .box .title { width: 600px; height: 50px }
    
    .box .wire {
    	position: absolute;
    	z-index: 0;
    	width: 702px;
    	height: 196px;
       	left: -50px;
    	top: 25px;
    	padding: 0px 0px 0px 0px;
    	border: 1px solid #B3B3B3;
    }
    html>body .box .wire { width: 700px; height: 195px }
    
    .box .mesg {
    	position: absolute;
            z-index: 1;
    	width: 602px;
    	height: 162px;
       	left: 0px;
    	top: 70px;
    	padding: 0px 0px 0px 0px;
    	border: 0px solid #B3B3B3;
    	text-align: left;
    	font-size: 10px;
    	font-family: verdana;
    	letter-spacing: 20px; 
    	line-height: 30px;
    	color: #7F7F7F;
    	background-color: #E5E5E5;
    }
    html>body .box .mesg { width: 600px; height: 160px }
    
    .box .genericbox {
    	position: absolute;
    	z-index: 2;
    	width: 172px;
    	height: 212px;
    	padding: 0px 0px 0px 0px;
    	border: 1px solid #B3B3B3;
    	font: 12px arial;
    	color: #8C8C8C;
    	text-align: center;
    }
    html>body .box .genericbox { width: 170px; height: 210px }
    
    .box .couple {
       	left: 0px;
    	top: 220px;
    	border-bottom: 0px solid #B3B3B3;
    	border-left: 0px solid #B3B3B3;
    }
    
    .box .group {
    	width: 182px;
       	left: 210px;
    	top: 220px;
            border-bottom: 0px solid #B3B3B3;
    }
    html>body .box .group { width: 180px;}
    
    .box .misc {
       	right: 0px;
    	top: 220px;
    	border-bottom: 0px solid #B3B3B3;
    	border-right: 0px solid #B3B3B3;
    }
    
    .box .minitit {
    	position: absolute;
    	z-index: 3;
    	width: 75px;
    	height: 20px;
    	top: -10px;
    	padding: 0px 0px 0px 0px;
    	border: 1px solid #B3B3B3;
    	font: 12px arial;
    	color: #8C8C8C;
    	background-color: #EDEDED;
    	display: inline;
    	text-align: center;
    }
    
    .box .minicouple {
       	left: 0px;
    }
    
    .box .minigroup {
       	left: 50px;
    }
    
    .box .minimisc {
       	right: -1px;
    }
    
    a.cc:hover  {
      border-left : 1px solid #EDEDED;
    }

    Comment


    • #3
      the part i want is just the menu. I mean, you see how theres stuff in the css, like "html > ....", i don't think that stuff applies to the menu. So, i just want the css for the menu.

      Comment

      Working...
      X