ugrás a tartalomhoz

CSS érdekesség a designban

webember · 2011. Ápr. 22. (P), 11.03
Helló!

Van egy ilyen CSS részletem:
  1. #header {  
  2.     background#F3F3F3;  
  3.     width700px;  
  4.     margin0px auto;  
  5.     border-radius: 10px;  
  6.     -moz-border-radius: 10px;  
  7.     -webkit-border-radius: 10px;  
  8. }  
+ egy ilyen:
  1. img {  
  2.     border-radius: 10px;  
  3.     -moz-border-radius: 10px;  
  4.     -webkit-border-radius: 10px;  
  5. }  
  6. .nemkerek {  
  7.     border-radius: 0px;  
  8.     -moz-border-radius: 0px;  
  9.     -webkit-border-radius: 0px;        
  10. }  
A HTLM pedig ez:
  1. <div id="header">  
  2.     <table style="width:700px;text-align:center;">  
  3.         <tr>  
  4.             <td><img src="../image/logo02.jpg"><br><img src="../image/mo_felirat.gif"></td>  
  5.             <td><img src="../image/mintatarto_felirat.png"></td>  
  6.             <td style="width:230px"><img src="../image/lpp_logo2.gif" style="width:150px;" class="nemkerek"></td>  
  7.         </tr>  
  8.     </table>  
  9. </div>  
A nagy kérdés, hogy miért csak az "img"-t értelmezi a Firefox, holott ugyan abban a CSS fileban van mindegyik? Se háttér átszínezés, se nem lekerekítés... ráadásul ezt egy másik oldalon nem csinálja, pedig ott ugyan ez a kód egy az egyben.

Előre is köszi a segítséget :)
 
1

Írj linket

bb0072 · 2011. Ápr. 22. (P), 12.06
Írj egy linket lécci, mert én kipróbáltam, és nekem az alábbi kód tökéletesen működik ff4-ben.
  1. <html>  
  2. <head>  
  3. <style type="text/css">     
  4.  #header {    
  5.         background: #F3F3F3;    
  6.         width: 700px;    
  7.         margin: 0px auto;    
  8.         border-radius: 10px;    
  9.         -moz-border-radius: 10px;    
  10.         -webkit-border-radius: 10px;    
  11.     }      
  12.   
  13.   
  14.     img {    
  15.         border-radius: 10px;    
  16.         -moz-border-radius: 10px;    
  17.         -webkit-border-radius: 10px;    
  18.     }    
  19.     .nemkerek {    
  20.         border-radius: 0px;    
  21.         -moz-border-radius: 0px;    
  22.         -webkit-border-radius: 0px;          
  23.     }    
  24. </style>  
  25. </head>  
  26. <body>  
  27.   <div id="header">    
  28.         <table style="width:700px;text-align:center;">    
  29.             <tr>    
  30.                 <td><img src="http://dummyimage.com/50x50/000/fff"><br><img src="http://dummyimage.com/50x50/000/fff"></td>    
  31.                 <td><img src="http://dummyimage.com/50x50/000/fff"></td>    
  32.                 <td style="width:230px"><img src="http://dummyimage.com/50x50/000/fff" style="width:150px;" class="nemkerek"></td>    
  33.             </tr>    
  34.         </table>    
  35.     </div>    
  36. </body>  
  37. </html>  
2

Sikerült

webember · 2011. Ápr. 22. (P), 12.16
megtalálnom közben a problémát...
Egy másik CSS fileban természetesen felülírtam a dolgokat :)

De azért köszönöm a segítséget, és elnézést a figyelmetlenségért :))