Βackground color προβλημα

derasto · 10 Φεβρουαρίου 2011

Εχω φτιαξει ενα text scoller και το ενσωματωνω στην σελιδα μεσω iframe.Ολα κομπλε με chrome & opera,στον firefox γιατι το backgrould color το βγαζει με ενα ακυρο;

Δηλαδη απο μαυρο το κανει λαχανι;;;

Καμια ιδεα γιατι μου τελειωσαν;

thanocaster · 10 Φεβρουαρίου 2011

Δώσε το σημείο του css που ορίζεις το χρώμα του φόντου, καθώς και της html που δημιουργείς το text scroller...

derasto · 10 Φεβρουαρίου 2011

><html><head>

<title>News</title>



<style type="text/css">
BODY 		{ margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }


.source { color:#FFF;}

TABLE		{ COLOR: #0c0b0b; FONT: 11px arial, sans-serif; font-weight: normal }

.title		{ COLOR: #de3232; FONT: 12px arial, sans-serif; font-weight: bold; }

#NewsDiv	{ position: absolute; left: 0; top: 0; width: 100% }

a:link		{ color: #206d6d; text-decoration: underline; }

a:visited	{ color: #6633FF; text-decoration: underline; }

a:active	{ color: #0033FF; text-decoration: underline; }

a:hover		{ color: #6699FF; text-decoration: none; }

</style>



</head>

<BODY BGCOLOR="#000000" TEXT="#ffffff" onMouseover="scrollspeed=0" onMouseout="scrollspeed=current" OnLoad="NewsScrollStart();">

<div id="NewsDiv">
<table cellpadding="5" cellspacing="0" border="0" width="100%"><tr><td>


<span class="title">
Οριστικό Πρόγραμμα Χειμερινής Β' Εξεταστικής 2010-2011<br>
</span>
<span class="source">
Κατεβάστε το νέο πρόγραμμα της Χειμερινής Β' Εξεταστικής 2010-2011.</span> <a href="http://www.xxxxxxxxxX.com" target="_top">Πρόγραμμα</a>

<br><br><br>

<span class="title">
Στεγαστικό Επίδομα<br>
</span>
<span class="source">ΟΙ δικαιουχοι για το στεγαστικό επίδομα να δούν το ακόλουθο</span>  <a href="http://www.XXXXXXXx.com" target="_top">Link</a>
<br><br><br>








</td></tr></table>
</div></body>
</html>

και το ενσωματωνω με αυτο

><table cellpadding="2" cellspacing="0" border="0" style="border: #000000 1px solid; background-color: #C0C0C0;COLOR: #000000; FONT: 13px arial, sans-serif; font-weight: bold;"><tr><td align="center">
HTML Sample<br>
</td></tr><tr><td>
<iframe id="NewsWindow" src="news_win.htm" width="150" height="200" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" style="border: #000000 1px solid;"></iframe>
</td></tr></table>

thanocaster · 10 Φεβρουαρίου 2011

Καταρχάς, ο κώδικάς σου είναι πολύ δύσκολο να διαβαστεί. Θα πρέπει να ξεχωρίζεις το css από την html, και να προσπαθείς, όσο γίνεται, να κρατάς τα tags της html καθαρά, γραμμένα με μικρά, και χωρίς style properties (βλ. τον κώδικα που σου παραθέτω).

Στο πρόβλημά σου τώρα, ο firefox εμένα (σε OSX όμως), μου το δείχνει μαύρο το φόντο, όπως θα έπρεπε. Δοκίμασε να καθαρίσεις την cache σου, αλλιώς, τσέκαρε τη σελίδα σου από κάποιο άλλο pc με την ίδια έκδοση ff.

Σου παραθέτω τον κώδικα μετά από ένα ξεκαθάρισμα:

Ο κώδικας του frame:

>
<html>
 <head>
   <title>News</title>
   <style type="text/css">
     * { margin: 0; border: none; padding: 0; }  // αυτή η γραμμή πρέπει να είναι πάνω πάνω στο css σου, για να πιάνει όλα τα αντικείμενα στο css
     .bold { font-weight: bold }
     body { background: #000; color: #fff; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
     span.article { position: relative; float: left; margin-bottom: 2.2em }
     span.source { color:#fff }
     table.content { color: #0c0b0b; font: 11px arial, sans-serif; width: 100% }
     table.content td { padding: 5px; }
     span.title          { color: #de3232; font: 12px arial, sans-serif; margin-bottom: 1em }
     div#NewsDiv        { position: absolute; left: 0; top: 0; width: 100% }
     a { text-decoration: underline }
     a:link          { color: #206d6d }
     a:visited       { color: #63f }
     a:active        { color: #03f }
     a:hover         { color: #69f; text-decoration: none }
   </style>
 </head>
 <body onMouseover="scrollspeed=0" onMouseout="scrollspeed=current" OnLoad="NewsScrollStart();">
   <div id="NewsDiv">
     <table class="content">
       <tr>
         <td>
           <span class="article">
             <span class="title bold">
               Οριστικό Πρόγραμμα Χειμερινής Β' Εξεταστικής 2010-2011<br>
             </span>
             <span class="source">
               Κατεβάστε το νέο πρόγραμμα της Χειμερινής Β' Εξεταστικής 2010-2011.</span>
               <a href="http://www.xxxxxxxxxX.com" target="_top">Πρόγραμμα</a>
             </span>
           </span>
           <span class="article">
             <span class="title bold">
               Στεγαστικό Επίδομα
             </span>
             <span class="source">
               ΟΙ δικαιουχοι για το στεγαστικό επίδομα να δούν το ακόλουθο</span>
               <a href="http://www.XXXXXXXx.com" target="_top">Link</a>
             </span>
           </span>
         </td>
       </tr>
     </table>
   </div>
 </body>
</html>

Ο κώδικας της σελίδας:

>
<table class="inc-frame bold">
 <tr>
   <td>
     HTML Sample
   </td>
 </tr>
 <tr>
   <td>
     <iframe src="news_win.htm" id="NewsWindow"></iframe>
   </td>
 </tr>
</table>

...και το αντίστοιχο κομμάτι για το css:

>
* { margin: 0; border: none }  // αυτή η γραμμή πρέπει να είναι πάνω πάνω στο css σου, για να πιάνει όλα τα αντικείμενα στο css
.bold { font-weight: bold }
table.inc-frame { border: 1px solid #000; background: #c0; color: #000; font: 13px arial, sans-serif }
table.inc-frame td { text-align: center; padding: 2px; padding-bottom: 1em }
#NewsWindow { width; 150px; height: 200px; overflow: none; border: 1px solid #000 }

derasto · 10 Φεβρουαρίου 2011

Ok φιλε μου ,σε ευχαριστω για τα τιπς.

Σύνδεση

Βackground color προβλημα

Προτεινόμενες αναρτήσεις

derasto

thanocaster

derasto

thanocaster

derasto

Αρχειοθετημένο

Σύνδεση