Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3

Thread: isolating css

  1. #1
    Regular Coder
    Join Date
    Jan 2004
    Location
    USA
    Posts
    364
    Thanks
    12
    Thanked 6 Times in 6 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; 02-07-2004 at 03:14 AM.

  • #2
    Senior Coder
    Join Date
    Aug 2002
    Location
    Kansas City, Kansas
    Posts
    1,518
    Thanks
    0
    Thanked 2 Times in 2 Posts
    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;
    }

  • #3
    Regular Coder
    Join Date
    Jan 2004
    Location
    USA
    Posts
    364
    Thanks
    12
    Thanked 6 Times in 6 Posts
    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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •