CSS Problem with IE8,9

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

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

Απάντηση
Dawndeath
Δημοσιεύσεις: 10
Εγγραφή: 31 Μαρ 2011 15:57

CSS Problem with IE8,9

Δημοσίευση από Dawndeath » 31 Μαρ 2011 16:05

Καλησπέρα είμαι νέος στην παρέα αν και έχω επισκεφτεί το Forum αρκετές φορές για βοήθεια,

έχω ένα πρόβλημα με το CSS που έχω φτιάξει και να πω την αλήθεια δεν ξέρω πολλά

θα σας βάλω τον κώδικα του HTML του CSS και 2 screenshots για να καταλάβετε τι φταίει και αν μπορείτε να βοηθήσετε. Ευχαριστώ εκ των προτέρων.

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

<html>
<head>

<link href="./css/global.css" rel="stylesheet" type="text/css" />
<link href="./css/text.css" rel="stylesheet" type="text/css" />

<script>
// Javascript originally by Patrick Griffiths and Dan Webb.
// http&#58;//htmldog.com/articles/suckerfish/dropdowns/
sfHover = function&#40;&#41; &#123;
   var sfEls = document.getElementById&#40;"navbar"&#41;.getElementsByTagName&#40;"li"&#41;;
   for &#40;var i=0; i<sfEls.length; i++&#41; &#123;
      sfEls&#91;i&#93;.onmouseover=function&#40;&#41; &#123;
         this.className+=" hover";
      &#125;
      sfEls&#91;i&#93;.onmouseout=function&#40;&#41; &#123;
         this.className=this.className.replace&#40;new RegExp&#40;" hover\\b"&#41;, ""&#41;;
      &#125;
   &#125;
&#125;
if &#40;window.attachEvent&#41; window.attachEvent&#40;"onload", sfHover&#41;;
</script>
 <script type="text/javascript">
       function changeFontSize&#40;element,step&#41;
	&#123;
    step = parseInt&#40;step,10&#41;;
    var el = document.getElementById&#40;element&#41;;
    var curFont = parseInt&#40;el.style.fontSize,10&#41;;
    el.style.fontSize = &#40;curFont+step&#41; + 'px';
	&#125;
	</script>

</head>
<body>
<p> </p>
<table id="main table" width="80%"  border="0" align="center" cellpadding="0"
 cellspacing="10" bgcolor="#FFFFFF">
    <tr>
        <td colspan="2"><h2 align="center"><img src="./images/logo2.png" alt="Logo"/></h2></td>
    </tr>
    <tr>
        <td  valign="top">
		<ul id="navbar">
	  
         <li><a href="test2.html">News</a><ul>
            <li><a href="test2.html">News</a></li><li>
            <a href="tours.html">Tour Dates</a></li><li>
            <a href="contests.html">Contests</a></li></ul>
         </li>
         <li><a href="#">Under Construction</a>
            <ul>
               <li><a href="#">Under Construction-1</a></li></ul>
         </li>
         <li><a href="#">Under Construction</a></li>
         <li><a href="#">Under Construction</a>
            <ul>
               <li><a href="#">Under Construction</a></li><li>
               <a href="#">Under Construction</a></li><li>
               <a href="#">Under Construction</a></li><li>
               <a href="#">Under Construction</a></li></ul>         
         </li>
		<li id="fs"><a href="javascript&#58;void&#40;0&#41;;" onClick="changeFontSize&#40;'content','2'&#41;;">
           <img src="./images/fontup.png" alt="Increase font" border="0"/></a></li> 
	<li id="fs1"><a href="javascript&#58;void&#40;0&#41;;" onClick="changeFontSize&#40;'content','-2'&#41;;">
           <img src="./images/fontdw.png" alt="Decrease font" border="0"/></a></li>
      </ul>
	  <br>
	  </tr>
        </td>
        <td valign="top"><p>Main Content -- Love's not
 time's fool...</p>
        </td>
    </tr>
    <tr>
        <td colspan="2"><hr />
            <p>Works best with Firefox 3.6+,Chrome 11+,Safari 5+,Opera 11+</p>	
        </td>
    </tr>
</table>
<p> </p>
</body>
</html>
CSS

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

#navbar &#123;
   font&#58; 100%/1.5 Arial, Helvetica, sans-serif;
   font-weight&#58; bold;
   margin&#58; 0;
   padding&#58; 0;
   height&#58; 1em;
   &#125;
#navbar li &#123;
   list-style&#58; none;
   float&#58; left;
   border-bottom&#58; 1px solid #ccc; 
   border-top&#58; 1px solid #ccc;    &#125;
#navbar li a &#123;
   display&#58; block;
   padding&#58; 3px 8px;
   background-color&#58; #f2f2f2;
   color&#58; #006699;
   height&#58;30px;
   text-decoration&#58; none; 
   border-right&#58; 1px solid #ccc;
   border-left&#58; 1px solid #ccc;&#125;
#navbar li ul &#123;
   display&#58; none; 
   width&#58; 10em; 
   background-color&#58; #006699;
   
&#125;
#navbar li&#58;hover ul, #navbar li.hover ul &#123;
   display&#58; block;
   position&#58; absolute;
   margin&#58; 0;
   padding&#58; 0;
   &#125;
#navbar li&#58;hover li, #navbar li.hover li &#123;
   float&#58; none;
  &#125;
#navbar li&#58;hover li a, #navbar li.hover li a &#123;
   background-color&#58; #006699;
   color&#58; #f2f2f2; &#125;
#navbar li li a&#58;hover &#123;
   background-color&#58; #0089C4; &#125;

Εικόνα

Εικόνα[/code]

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6236
Εγγραφή: 30 Νοέμ 2004 03:09

CSS Problem with IE8,9

Δημοσίευση από fafos » 31 Μαρ 2011 16:12

vale auto sthn koryfh tou arxeiou:

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

<!DOCTYPE html>
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Dawndeath
Δημοσιεύσεις: 10
Εγγραφή: 31 Μαρ 2011 15:57

CSS Problem with IE8,9

Δημοσίευση από Dawndeath » 31 Μαρ 2011 16:45

Ευχαριστώ πολυ

Απάντηση

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

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

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