[Resolvido] Cantos arredondados em todos os browsers

[adalton colombo 0]

ola pessoal estou com um pequeno problema

estou construindo um site pessoal meu

neste site em algun lugares quero que as bordas fiquem arredondadas

como pelo css utilizando o radius o internet explore nao aceito

 

eu estou usando o Jquery corner que encontrei atraves do site; www.wallacesilva.com/blog

estava dando tudo certo ate que coloquei para ficar com as bordas redondas as imagens

ai mais uma vez o internet explorer deu errado ele passou a nao mostrar os arredondamentos que eu ja tinha feito.ja o firefox o chrome deu certo.

 

eu fiz assim;

<script>
<!-- aqui entra a parte onde voce define o que quer arredondar -->
jQuery(document).ready(function($){
$('div#eventos ul li a img').corner();
$('div#barra-videos').corner();
$('div#noticias h1').corner();
$('div#mural h1').corner("dog2 7px");
});
</script>

 

como eu faço para resolver isto;

desde ja obrigado

[Bru_ce 53]

esta utilizando jQuery puro ?

[adalton colombo 0]

estou utilizando o jquery puro como assim

la na div eu coloquei um valor

 

tipo assim;

 
<div id="barra-videos" data-corner="top 7px">
</div>

 

e deu certo

mas com o img no explorer da errado;

[Bru_ce 53]

tentei importar a biblioteca novamente, para uma mais recente.

pois é difícil haver incompatibilidade do jQuery com os navegadores, caso não der, tente baixar o jQuery UI

[adalton colombo 0]

ta osso num ta dando certo nao

 

ola so

se eu colocar assim

$('div#eventos ul li a').corner("8px");

sem o img o explorer da certo

mas o firefox o chrome ja nao da

a imagem nao fica com as bordas arredondadas

[Vadio 13]

bom. Esse jQuery corner é um plugin desenvolvido por terceiros. portanto a probabilidade de não ser crossbrowser aumenta...

 

você pode fazer essa borda com css3: http://jsfiddle.net/eric_freitas/Feryg/

mas só será suportado por brosers q utilizem css3....

 

bom lendo um pouco. coisa que voce não fez...

Recently I added support for native border-radius rounding in browsers that support it (Opera 10.5+, Firefox, Safari, and Chrome). So in those browsers the plugin simply sets a css property on the element. But in IE, we'll have to wait for version 9 before that is supported. And for all browsers, choosing a pattern other than "round" requires the use of the "div stips" method.

você tem a resposta para seu problema q foi exatamente minha primeira hipotese.

 

(Opera 10.5+, Firefox, Safari, and Chrome)

 

pesquisando um pouco...

 

http://fetchak.com/ie-css3/

 

aí você encontra a chave para habilitar border-radius e box-shadow para IE6+

 

...denada

 

https://github.com/malsup/corner/issues

aqui voce encontra outros tópicos relacionados a bug do plugin..

 

bons estudos.

[adalton colombo 0]

intao

eu tentei issu ai vadio

mas nao sei oque acontece

que no explorer nao ta dando certo

fiz do jeito que esta nest site que você me disse

mas nada

 

ta f*** issu

[Bru_ce 53]

Cara, essa semana passei o mesmo problema que você ..

 

Procure por um arquivo que chama HTC.

[adalton colombo 0]

intao Bru_ce

mas e este arquivo que estou fazendo a chamada de dentro do css

ja usei o que o Vadio me indico acima

achei ou site que fala sobre issu tbm que e ;leobalter.net

e igual ao outro

tentei mas nada tambem

[Bru_ce 53]

esse plugin corner do jQuery também nunca consegui utilizar,uns dias atrás também vim aqui com essa dúvida ..

 

dê uma olhada AQUI!

 

 

foi o que o Vadio disse, esse plugin deve ser de terceiros e não deve ser oficial, resumindo não funciona em todos browsers, mais tenta aí com esse link que lhe passei, e boa sorte rs

[adalton colombo 0]

pois intao

eu ja avia visto este site

tentei mas nao deu certo nao sei por

fiz do jeito que esta explicando no post

mas nada de explorer aceitar bordas

 

eu fiz o siguinte

baixei o arquivo

coloquei no meu tema

e fui no css e coloquei na div que eu quero arredondar

position:relative;
 behavior: url(border-radius.htc);
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;

 

do jeito que explica o post

mas nada

 

oque to fazendo de errado?

[adalton colombo 0]

cara me ocorreu um porem

nao sei se faz sentido mas nao custa pergunda ne

olha so o site que estou fazendo e com o cms wordpress

dai sera que esta chamada pelo arquivo

behavior: url(border-radius.htc);

para o wordpress nao esta dando certo?

[Bru_ce 53]

procure ver se você subiu no diretório correto,

caso a resposta for sim, tente fazer em uma página simples HTML + CSS.

[adalton colombo 0]

pois e

eu comecei do zero este site denovo

tava dando tudo certo chega deu um alivio danado

as bordas estavam sendo aplicadas normalmente em tds os navegadores

eu nao estava utilizando estes arquivos so borde-radius

tava uma maravilha

nao sei oque ouve o explorer me lasco dinovo as bordas sumirao

o site nao estava mais centralizado uma bagunça no explorer

 

ai fui voltando pra ver o erro mas nada de conserta dinovo

refiz tudo dinovo mas desta vez nem sinal das bordas e de centralizar o site

no explorer

 

meu deus

to lascado kkkkkkkkk

[Bru_ce 53]

para centralizar coloque assim,

 

#div {
margin:0 auto;
}

[adalton colombo 0]

acabei de fazer umas divs so no html e no css

a borda e a centralizacao aplicou normal no explorer

 

to mais confusu ainda

[Bru_ce 53]

que bom haha ! :)

[adalton colombo 0]

cara descrube onde esta o erro

e no arquivo chamado functions do wordpress

se eu diralo as bordas aplica normal

mas osso que tenho que ter ele no tema

ai fero tudo

 

kkkkkkkkkk :cry:

[Bru_ce 53]

hahahaha, normal !

 

pega outro tema, ou cria um CMS seu já incluido bordas redondas rs

[adalton colombo 0]

cara fiz um remendo aqui e deu certo

agora funcionando direitinho

peguei o functios de outro tema

e fui tirando oque eu nao ia usar

nao sei pq mas deu certo

 

 

obrigado pela ajuda