[Resolvido] [jQuery] Problemas no uso do plugin corner + border

[ThiagoHenrique 0]

Ae galera, boa tarde!

 

 

 

O trecho do código fonte referente ao meu problema é o seguinte:

 

index.php

<script>

   $().ready(function() {
    $(".ard").corner();;
   });

</script>

<div id="menu" class="ard">
 <ul>
  <li><a href="">Home</a></li>
  <li><a href="">Imagens</a></li>
  <li><a href="">Depoimentos</a></li>
  <li><a href="">Sobre</a></li>
 </ul>
</div>

E a folha de estilos CSS:

 

estilos.css

div#menu	{
 background-color:#FFFFE0;
 border:1px solid #FFD700;
 width:100%;
 height:30px; }
 
	  
div#menu ul li { 
 list-style:none;
 padding:5px 0 0 0;
 width:150px;
 float:left;
 text-align:center; } 
  
div#menu ul a {
 color:#696969;
 font-weight:bold;
 font-family:arial, nice;
 font-size:12pt;
 text-decoration:none;
 text-align:center; }
	   
div#menu ul a:hover {
 color:#353530;  }

Como puderam notar, estou usando o plugin Corner do jQuery. O funcionamento do Plugin em si esta correto, as bordas estão arredondadas como deveriam. O grande problema, é que eu inseri na div#menu um border:1px solid #FFD700 que esta funcionando em alguns navegadores, e em outros num vai nem com "macumba" ou "reza braba"...

 

Deem uma olhada na direrença:

MSIE 8.0

Opera 10.0

Firefox 3.5

Seamonkey 1.1 - Ubuntu 9.04

 

Numa das tentativas de corrigir este problema, eu tentei usar jQuery para poder inserir as bordas por ela, mas, com isto, as bordas deixaram de ser arredondadas....!

 

Pesquisando aqui no forúm, o problema mais próximo do meu que consegui achar foi este aqui, mas, como podem ver não é exatamente o mesmo problema, somente os navegadores são os mesmos...

 

Será que alguém ai sabe me dizer como resolver este problema?

[Thiago Retondar 18]

Estranho... Veja está vídeo aula e veja se te ajuda.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[ThiagoHenrique 0]

Thiago Retondar,

 

Vou assistir cara, e dando certo (ou não) posto aqui!

 

Valeu cara...

[ThiagoHenrique 0]

Ow Thiagão!

 

Voltei cara, eu gostei do vídeo, vou inclusive posta-lo no meu Blog, mas, não me ajudou a resolver meu problema! http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

 

Será que alguém ai sabe como resolver isto??

[Thiago Retondar 18]

:unsure:

 

Tenta colocar uma espessura maior na borda e !inportant.

 

Baixa os arquivos da vídeo aula e veja se funciona nos browsers aí.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[D2th3 3]

Cara, eu usava esse Plugin mas como não funcionava se tivesse uma imagem na div abaixo passei a usar esse.

 

http://www.curvycorners.net/

 

Dê uma olhada, derrepente resolve o seu caso.

[Bruno Augusto 417]

Cara, eu usava esse Plugin mas como não funcionava se tivesse uma imagem na div abaixo passei a usar esse.

 

http://www.curvycorners.net/

 

Dê uma olhada, derrepente resolve o seu caso.

 

Se você fizer uma busca no Google sobre esse curvyCorners junto com o termo jQuery vai achar um plugin compatível que funciona direitinho.

 

Digo para buscar pois quando conheci esse plugins há uns anos atrás, ele não era oficial.

 

Mas ainda acho que você poderia ufazer na mão, com CSS mesmo. Eu aprendi a fazer com o tutorial do Adam Kalsey. Muito bom e nunca me deu problemas (além de ser bem fácil).

[ThiagoHenrique 0]

Ae Galera!

 

Vlw a todo mundo que quis me ajudar!

 

Mudei para curvycorners e ta funfando diretinho! ^^

 

Agora é só saber como arredondar cantos diferentes de elementos diferentes, mas, isto é questão de pesquisar!

 

Vlw mesmo galera....