Fórum OpenCart Brasil

[webjoe]

Olá

Estou querendo uma ajudinha com css,
na qual estou usando esse código dentro do módulo "pagecontent"

http://www.opencart.com/index.php?route ... %20content

junto com o módulo "ckeditor" aumenta as botões do ckeditor

e uma ajudinha do site

http://www.css3maker.com

http://www.opencart.com/index.php?route ... _license=0

Código: Selecionar todos

<p>
	<style type="text/css">
<!--
.top    {
        background-color:#FBEED3;
        border-top:solid 3px #c900df;
        border-right:solid 3px #c900df;
        border-left:solid 3px #c900df;
        height: 30px;
        width: 216px;
        font-size: 14px;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 14px
        color: #F37216;
        text-align: center;
        text-decoration: underline;
        text-transform: uppercase;
        color: #F37216;
        size: auto;
}
.format {
        height: 212px;
        width: 216px;
        line-height: 14px; 
        vertical-align: center;
        size :auto;
        border-left: solid 3px #c900df;
        border-right: solid 3px #c900df;
        border-bottom: solid 3px #c900df;
        -moz-border-radius-bottomleft:3px;
        -moz-border-radius-bottomright:3px;
        -webkit-border-bottom-left-radius:3px;
        -webkit-border-bottom-right-radius:3px;
        border-bottom-left-radius:3px;
        border-bottom-right-radius:3px;
        -moz-box-shadow:inset -1px -1px 15px #e010e0;
        -webkit-box-shadow:inset -1px -1px 15px #e010e0;
        box-shadow:inset -1px -1px 15px #e010e0;
}
-->	</style>
</p>
<div class="top" style="position: inherit">
	&nbsp;LAÇOS DIVERSOS</div>
<div class="format" style="position: inherit">
	<br />
	<br />
	<object align="center" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="162" width="216"><param name="quality" value="high" /><param name="movie" value="http://www.mariaflorlacos.com.br/loja/mini-banner.swf" /><embed height="162" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://www.mariaflorlacos.com.br/loja/mini-banner.swf" type="application/x-shockwave-flash" width="216"></embed></object></div>

Site - http://www.mariaflorlacos.com.br/loja

mas não aparece correto no internet explorer algumas formatações do CSS como border-radius e box-shadow,
e se for uma versão anterior ao internet explorer 8 ai que bagunça tudo

e queria saber tambem a parte que fica dentro do "page content" também não pega a formatação,
já mandei o arquivo para o servidor em diferentes pastas o arquivo "border-radius.htc" e tentei linka-lo mas não deu certo
"behavior:url(border-radius.htc);"

será que teria como fazer a formatação do border-radius no módulo "page content"

Grato desde já

[andersonnarciso]

Car quando se trata de IE pode ter certeza que é queimar os cabelos tentando fazer funcionar CSS3, também ja tendeu algunas mas como behavior mas nunca funcionou direito, seria mesmo trabalhoso vc montar com pequenos filetes de imagem em png essas bordas, ma certeza que vai funcionar.

[unknown1140]

É não tem jeito, o IE só suporta essas duas propriedades a partir da versão 9. Se vc quiser q funcione nas versões anteriores vc vai ter que usar o CSS PIE (q pelo visto vc já está tentando usar) ou o Chrome Frame. Mas pra ser sincero, não se estresse, pq o seu layout não vai mudar muito sem essas propriedades. Desencane e seja feliz, afinal o IE está sendo cada vez menos usado mesmo...