Προβλημα με Css και ΙΕ

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
tyler7osfp
Δημοσιεύσεις: 1
Εγγραφή: 05 Αύγ 2010 17:45

Προβλημα με Css και ΙΕ

Δημοσίευση από tyler7osfp » 05 Αύγ 2010 17:48

Καλησπέρα. Εχω ένα θεματάκι
εχω φτιάξει ένα μένου το οποίο δουλευεί θαυμάσια στο Chrome. Ομως στο ΙΕ δεν δουλέυει.
Προφανως είναι θέμα συμβατοτητας και πρεπει να αλλάξω κάτι στον κώδικα


Κώδικας:

Κώδικας: Επιλογή όλων

.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;}
Αυτό είναι το εξωτερικό css.

Και παρακάτω είναι το html


Κώδικας:

Κώδικας: Επιλογή όλων

<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>
Ευχαριστώ για την βοήθεια

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες