ugrás a tartalomhoz

CSS érdekesség a designban

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

Van egy ilyen CSS részletem:

#header {
    background: #F3F3F3;
    width: 700px;
    margin: 0px auto;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
+ egy ilyen:

img {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.nemkerek {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;      
}
A HTLM pedig ez:

<div id="header">
	<table style="width:700px;text-align:center;">
		<tr>
			<td><img src="../image/logo02.jpg"><br><img src="../image/mo_felirat.gif"></td>
			<td><img src="../image/mintatarto_felirat.png"></td>
			<td style="width:230px"><img src="../image/lpp_logo2.gif" style="width:150px;" class="nemkerek"></td>
		</tr>
	</table>
</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 :)
‹ Cross-domain Request Menü kiakad ›
 ■
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.
<html>
<head>
<style type="text/css">   
 #header {  
        background: #F3F3F3;  
        width: 700px;  
        margin: 0px auto;  
        border-radius: 10px;  
        -moz-border-radius: 10px;  
        -webkit-border-radius: 10px;  
    }    


    img {  
        border-radius: 10px;  
        -moz-border-radius: 10px;  
        -webkit-border-radius: 10px;  
    }  
    .nemkerek {  
        border-radius: 0px;  
        -moz-border-radius: 0px;  
        -webkit-border-radius: 0px;        
    }  
</style>
</head>
<body>
  <div id="header">  
        <table style="width:700px;text-align:center;">  
            <tr>  
                <td><img src="http://dummyimage.com/50x50/000/fff"><br><img src="http://dummyimage.com/50x50/000/fff"></td>  
                <td><img src="http://dummyimage.com/50x50/000/fff"></td>  
                <td style="width:230px"><img src="http://dummyimage.com/50x50/000/fff" style="width:150px;" class="nemkerek"></td>  
            </tr>  
        </table>  
    </div>  
</body>
</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 :))