Leitura do CSS por outros navegadores...

[Holyspear 0]

Galera, porquê as bordas da Tabela não está funcionando?! Bom... eu apliquei CSS nelas para elas aparecerem com as cores brancas... mas só funciona no Internet Explorer.

 

Quem quiser ver, aqui está o Link: <-- Embaixada Rocha Viva -->

 

Bem, se vocês quiserem ver no Netscape ou no Firefox e depois no Internet Explorer então que seja, mais no Netscape e no Firefox estão com a mesma formatação.

 

Na verdade eu não sei bem o que está acontecendo, mas me parece que os outros navegadores não estão conseguindo interpretar as bordas das tabelas.

 

Aqui está um pouco do código de alguma das tabelas juntamente com a folha de Estilos CSS. Só para a galera entender mais um pouquinho do que eu estou falando.

 

Efeito CSS

#background {text-align:center; padding:1px;	background-attachment: fixed;	background-image: url(imagens/cinza.jpg);	background-repeat: no-repeat;	background-position:top;	font-family: Tahoma;	font-size: 11px;	color: #404040;}

Onde está sendo Aplicado

<table width="162" height="23" border="0" align="center" cellpadding="0" cellspacing="0" id="background">	  <tr>		<td width="163" align="center">Dia Selecionado</td>	  </tr>	</table>

[Samuel Machado 0]

Na verdade você não está determinando a borda em lugar algum neste css:

 

#background {text-align:center; padding:1px;	background-attachment: fixed;	background-image: url(imagens/cinza.jpg);	background-repeat: no-repeat;	background-position:top;	font-family: Tahoma;	font-size: 11px;	color: #404040;}

tente assim:

 

#background {text-align:center; padding:1px;

background-attachment: fixed;

background-image: url(imagens/cinza.jpg);

background-repeat: no-repeat;

background-position:top;

font-family: Tahoma;

font-size: 11px;

color: #404040;

border:2px solid #FFFFFF;

}

[Giovani 104]

Olá!

Eu recomento, primeiramente a leitura desse artigo sobre reciclagem do css!!!

 

Depois, dar uma olhada nesse site, tem vários exemplos de tabelas!!!

 

E, na minha opnião pessoal, acho q ficaria bem mais limpo e elegante fazer isso:

table{	background: ...	border: ...	color: ...	font: ...	height: ...	width: ...}

Depois:

<table>	  <tr>		<td>olá</td>	  </tr>	</table>

No link sobre tabelas têm muitos exemplos bem mais explicados do que o meu!

 

[]´s

[Holyspear 0]

Hehehehehehehe... beleza galera.

 

Bem, eu creio que não fui claro no que se diz respeito ao exemplo. Heheheheh perdão mesmo!!! Hehehehehe!!!

 

Bem, esse exemplo de código que eu passei ai em cima é um Background feito por CSS. Eu coloquei uma imagem de fundo, para poder escrever por cima dela na célula entende? Hehehehehehe... Bem, vou postar aqui a diferença dessa parte no site para vocês verem nos Browsers:

 

Internet Explorer:

Percebam, tudo está Ok. É justamente assim que eu quero essa janela no browser. Vejam aquela parte cinza de Background... ela é justamente a composição daquele código lá em cima, e a Tabela que guarda ela, onde está escrito "Dia Selecionado" também.

 

Firefox:

Agora pessoal, vejam a diferença. Além do efeito CSS Background não estar funcionando, as bordas das tabelas também tomaram uma forma estranha. Ou seja, os efeitos para bordas não foram pegos pelo Browser.

 

Ps.: Heheheheh Amigo Gio... muito obrigado pela Matéria. Ótima reciclagem. Hehehehe códigos mais curtos e rápidos. Mais é mais difícil ein?! Hehehehehe http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Outra coisa... aquele site que você colocou sobre exemplos de tabelas (Design). Ele serviu para me mostrar que não estamos mexendo com pouca coisa... Muahwuhauwhuehseusheuhse!!! Tenta ver ele com os Browsers diferentes, você vai entender do que eu estou falando, incluindo o problema que estamos tentando resolver aqui.

 

Netscape:

Bem... aqui eu não preciso mais dizer nada neh?! Hehehehehe :lol: Tah igualzinhu no Firefox.

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

 

Ps.: Heheheheh Amigo Gio... muito obrigado pela Matéria. Ótima reciclagem. Hehehehe códigos mais curtos e rápidos. Mais é mais difícil ein?! Hehehehehe http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Outra coisa... aquele site que você colocou sobre exemplos de tabelas (Design). Ele serviu para me mostrar que não estamos mexendo com pouca coisa... Muahwuhauwhuehseusheuhse!!! Tenta ver ele com os Browsers diferentes, você vai entender do que eu estou falando, incluindo o problema que estamos tentando resolver aqui.

 

Bem... vou dar mais uma olhada nos artigos de CSS, mas eu creio não ter feito nada de errado não. Qualquer coisa eu posto novamente. Valeu pela ajuda pessoal. Espero que mais gente troque idéias por aew. Hehehehehehehe...

 

Continuem postandu!!!!