HELP Weirdest Thing happened with my website. CSS menu

Discussion in 'CSS' started by sberniz, Sep 30, 2009.

  1. #1
    Hello everybody, I'm new on this CSS style, i haven't touch web designing for a while because my major involves more programming, however, i'm having trouble with CSS with browser compatibility. The weirdest thing is that the Menu i did to the gallery of the websites was working fine a few days ago on all three browsers i tested which where IE, Firefox, and Chrome. However, no w only IE displays the menu correctly, and all that happened without me touching any codes at all. if someone would please let me know what could be possible be wrong. This is the URL

    http://www.luisgeneralcontractor.net/eng/gallery.php

    this is the COde on the CSS

    
    #menu5 {
         display: block;
    	width:92%;
            height: 300px
    	border-style: solid solid none solid;
    	border-color: #000;
    	border-width: 0px;
    		margin: 1px 1px 1px 0px;
    
    }
    #menu5 ul {
    	list-style: none;
    	margin: 0;
    	padding: 10px;
    }
    #menu5  a {
    	height: 32px;
    	width: 100%;
    	text-decoration: none;
    	background:  url(swf/menu4.gif);
    	padding: 8px 0px 0px 10px;
    	color: #CCC;
    	display: block;
    	filter:alpha(opacity=100);
    	-moz-opacity:1;
    	opacity:1;
    }
    
    #menu5  a:link, #menu5  a:visited {
    	color: #CCC;
    	display: inline;
    	background:  url(swf/menu4.gif);
    	padding: 8px 0px 0px 10px;
    	filter:alpha(opacity=100);
    	-moz-opacity:1;
    	opacity:1;
    }
    
    #menu5  a:hover, #menu5 #current  {
    	color: #000000;
    	background:  url(swf/fon4.gif);
    	padding: 8px 0px 0px 10px;
    }
    
    Code (markup):
    And this is the PHP/HTML code i'm using since i'm using php as well

    <?php
    						  
                                  $menuoption .=' <div id="menu5"><ul>';
    							  if($page == 'kyb')
    							  {
                                    $menuoption .='<li><a href="" id="current">Kitchen &amp; Bathroom</a></li>';
    								}
    							  else
    							  {
                                   $menuoption .='<li><a href="'.$_SERVER['PHP_SELF'].'?page=kyb">Kitchen &amp; Bathroom</a></li>';
    							   }
    							   if($page == 'pyd')
    							    {
                                    $menuoption .=' <li><a href="" id="current">Porches &amp; Decks</a></li>';
    								}
    								else
    								{
                                    $menuoption .=' <li><a href="'.$_SERVER['PHP_SELF'].'?page=pyd">Porches &amp; Decks</a></li>';
    								}
    								if($page =='ach')
    								{
                                     $menuoption .='<li><a href="" id="current">A/C &amp; Heatings</a></li>';
    								 }
    								 else
    								 {
                                     $menuoption .='<li><a href="'.$_SERVER['PHP_SELF'].'?page=ach">A/C &amp; Heatings</a></li>';								 
    								 }
    								 if($page == 'intyper')
    								 {
                                      $menuoption.='<li><a href="" id="current">Interiors &amp; Perbles</a></li>';
    								 }
    								 else
    								 {
                                      $menuoption.='<li><a href="'.$_SERVER['PHP_SELF'].'?page=intyper">Interiors &amp; Perbles</a></li>';
    								 }
    								 if($page =='siding')
    								 {
    								 $menuoption .='<li><a href="" id="current">Siding</a></li>';
    								 }
    								 else
    								 {
    								 $menuoption .='<li><a href="'.$_SERVER['PHP_SELF'].'?page=siding">Siding</a></li>';
    								 }
                                     if($page == 'newcons')
    								 {
    								  $menuoption .='<li><a href="" id="current">New Construction</a></li>';
    								 }
    								 else
    								 {
    								  $menuoption .='<li><a href="'.$_SERVER['PHP_SELF'].'?page=newcons">New Construction</a></li>';
    								 }
    								 if($page == 'frcons')
    								 {
                                      $menuoption .='<li><a href="" id="current">Front Construction</a></li>';
                                      }
    								  else
    								  {
    								  $menuoption .='<li><a href="'.$_SERVER['PHP_SELF'].'?page=frcons">Front Construction</a></li>';
    								  }
    								 if($page =='asphalt')
    								 {
    								 $menuoption .='<li><a href="" id="current">Asphalt Pavement</a></li>';
    								 }
    								 else
    								 {
    								 $menuoption .='<li><a href="'.$_SERVER['PHP_SELF'].'?page=asphalt">Asphalt Pavement</a></li>';
    								 }
                                     if($page == 'floor')
    								 {
    								 $menuoption .='<li><a href="" id="current">Floor</a></li>';
    								 }
    								 else
    								 {
    								 $menuoption .='<li><a href="'.$_SERVER['PHP_SELF'].'?page=floor">Floor</a></li>';
    								 }
                                  $menuoption .='</ul></div>';
    							  echo $menuoption;
    							  ?>
    Code (markup):
    any help would be greatly appreciated, thank you
    Santiago
     
    sberniz, Sep 30, 2009 IP
  2. goliath

    goliath Active Member

    Messages:
    308
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    60
    #2
    I see the same style/performance in ie7/safari/ff3, what's the problem?

    Is it that kitchen 'n bathroom stays highlighted?
     
    goliath, Oct 3, 2009 IP