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 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Aug 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Problem with CSS and IE

    hello. I got a problem with a small navigation menu that i make.
    The menu works perfectly with Google Chrome but in IE doen't work
    Above is the code from Css and Html file


    The css code
    Code:
     
    .Texta12 {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 12px;
     font-weight: normal;
     color: #F0F0F0;
     text-decoration: underline
    }
    ul {
     padding: 0;
     margin: 0;
     list-style: none;
     background-color: #FFB8D8;
     line-height: normal;
      }
      li {
     float: left;
     position: relative;
     width: 14em;
     line-height: normal;
      }
      li ul {
     display: none;
     position: absolute;
     top: 1em;
     left: 0;
     line-height: normal;
     height: auto;
      }
      
      li > ul {
     top: auto;
     left: auto;
     }
     li:hover ul {
     display: block;
     width: 100%;
    }
     
    a.norm { background-color: #B60345 ; color: #F0F0F0; }
    .over { background-color: #D0F0FF }
    a.style2 {
     color: #000000;
     font-family: Verdana;
     font-size: 12px;
     font-style: normal;
     font-weight: bolder;
    }
    a.norm2 {  color: #F0F0F0; }
    .over { background-color: #D0F0FF }
    a.style22 {
     color: #000000;
     font-family: Verdana;
     font-size: 12px;
     font-style: normal;
     font-weight: bolder;
     background-color: #B60345;
    }
    span.norm { background-color: #B60345 ; color: #000000; }
    .over { background-color: #D0F0FF }
    span.style2 {
    color: #000000;
     font-family: Verdana;
     font-size: 14px;
     font-style: normal;
     font-weight: bolder;
    }
    
    .test {
     color: #000000;
    } 
    .style6 {font-weight: normal; color: #000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;}
    The html code
    Code:
    <ul><ul><li><span class="Texta12"><a href="www.google.com" class="Texta12"  onmouseover="this.className='style2'" onMouseOut="this.className='norm'">Τμήματα και Υπηρεσίες</a>
              </span>
          <ul >
          <li class="Texta12" ><a  onMouseOut="this.className='norm2'"  onmouseover="this.className='style22'" href="">Ψυχολογική Υποστήριξη</a></li>
          <li class="Texta12"><a onMouseOut="this.className='norm2'"  onmouseover="this.className='style22'" href="">Λογοθεραπείας</a></li>
          <li class="Texta12"><a onMouseOut="this.className='norm2'"  onmouseover="this.className='style22'" href="">Εργοεραπείας</a></li>
          <li class="Texta12"><a onMouseOut="this.className='norm2'"  onmouseover="this.className='style22'" href="">Ειδικής Αγωγής</a></li>
           <li class="Texta12"><a onMouseOut="this.className='norm2'"  onmouseover="this.className='style22'" href="">Φυσικοθεραπείας</a></li>
           <li class="Texta12"><a onMouseOut="this.className='norm2'"  onmouseover="this.className='style22'" href="">Πρώιμης παρέμβασης</a></li>
      </ul>
     </li>
        </ul>
        </ul>
    I probably must change something on th css to make it IE compatible.

    The fuctionality is that on hove a drop down list appears.
    thank you in advance

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,855
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Validate your markup and fix the errors first.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    Aug 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I am sorry but i cannot understand what do you want me to do..

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,855
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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