הוסטס - פורום אחסון האתרים הגדול בישראל

- פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)

- - CSS בFIREFOX |בעיה דבילית (https://hosts.co.il/forums/showthread.php?t=62927)

CSS בFIREFOX |בעיה דבילית

שלום, להלן הקוד של הקישורים:

קוד:





a:link {



color: #7DA431;

font-size: 10px;

}





a:hover {



color: #E30C1B;

font-size: 10px;

text-decoration: none;

font-weight: bold;

}





a:visited {



color: #7DA431;

font-size: 10px;

}





a:active {



color: #7DA431;

font-size: 10px;

}

באספלורר עובד מעולה אבל פרייפוקס מתעלם ממנו לחלוטין, ושאר הקוד עובד, למה זה?

נכון.........
תקשיב אם אתה רוצה שמשהו יעזור לך אתה חייב להראות את הקוד במלואו...
כלומר להראות את הדף עם הקוד HTML (או לפחות הקטע שאמור להפעיל את מה שהצגת)

אחרת זה חסר משמעות עבורנו..

נסה לשים DIV שיכסה את כל האתר
בלי דברים מיוחדים
נגיד השם שלו WARP
אז תעשה את הקוד ככה

HTML קוד:



#warp a{

fdasd

}

#warp a:hover{

dsa

}

וכו'

תודה בכל מקרה, כנראה בעיה בדפדפן.

בעצם יש שוב את זה אוף.

זה קוד CSS:

קוד:



body {

   

   margin-top: 8px;

   font-family: "ariel", sans-serif;

  size: 12px;



}

p {









#space {



   margin-right: 5px;



}







#header_down {



   margin-top: 5px;

   margin-right: 5px;

   margin-bottom: 5px;



}





#content_right {



   margin-top: 5px;

   



}





#content_left {



   margin-top: 5px;

   margin-right: 5px;



}





#green_c {



   margin-top: 35px;

   margin-left: 10px;

   margin-right: 20px;

}







a:link {



   color: #7DA431;

   font-size: 10px;

}





a:hover {



   color: #7DA431;

   font-size: 10px;

   text-decoration: none;

   font-weight: bold;

}





a:visited {



color: #7DA431;

font-size: 10px;

}





a:active {



color: #7DA431;

font-size: 10px;

}













#content_right a:link {



color: red;

font-size: 10px;



}



#content_right a:hover {



color: red;

font-size: 10px;

text-decoration: none;

font-weight: bold;

}





#content_right a:visited {



color: red;

font-size: 10px;

}





#content_right a:active {



color: red;

font-size: 10px;

}







#green_c a:link {



color: white;

font-size: 10px;



}



#green_c a:hover {



color: white;

font-size: 10px;

text-decoration: none;

font-weight: bold;

}





#green_c a:visited {



color: white;

font-size: 10px;

}







#green_c  a:active {



color: white;

font-size: 10px;

}

החלק אם הקישורים:

קוד:



<div id="green_c">

<img src="images/food.gif" alt="" /> <br />



<span style="color: #ffffff; font-size: 11px;"><b>erat, sed dram blabla</b></span>

<div style="font-size: 10px; color: #ffffff;">

Lorem ipsum erat, sed diam 

Lorem ipsum erat, sed diam 

Lorem ipsum erat, sed diam 

Lorem ipsum erat, sed diam 

Lorem ipsum erat, sed diam  <a href="#">Read more </a>



<br/ > <br />

<img src="images/partners-for-health.gif" alt="" />



</div>

להמחשה זה האתר:http://ilhost.co.il/c01/index.php

תעבוד ככה:

HTML קוד:

<a href="#" class="SomeLink"></a>

HTML קוד:

.SomeLink a:link, .SomeLink a:visited {

        color:#000000;

}