Jump to content


Photo

Css Interfere Na Tabela?


  • Faça o login para participar
12 replies to this topic

#1 PC Arashiro

PC Arashiro

    Normal

  • Usuários
  • 77 posts
  • Sexo:Não informado
  • Localidade:Sao Paulo-SP
  • Interesses:Artes, quadrinhos surf, forro!

Posted 18/12/2003, 11:58

Opa, tô precisando de uma ajuda. estou reformulando meu site de quadrinhos e estou tentando montar a página usando basicamente o CSS pra formatar espaços, cores, etc..

O problema é q não estou conseguindo deixar a tabela principal com 100% de altura. Alguém sabe como fazer?

Eu monto primeiro a tabela no Dream Weaver e a deixo com 100% de altura, ele funciona mas ae quando insiro o estilo da tabela ele dá pau e num fica mais em %. (o estilo é a: tabela)

Outra coisa, no estilo "tab-topo" a cor da borda num fica na q eu quero. Era pra ser um azul , mas só fica preto.


o link da pág
http://teste.centraldequadrinhos.com/

e aqui o CSS, estou usando numa folha externa.

Vlw!

/* CSS Document */

body,td,th {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
body{
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
background:#eeeeee;
}

.tabela {
background-image:url(layout/back_azul.gif);
border-right-width:1px;
border-left-width:1px;
border-right-style:solid;
border-left-style:solid;
border-right-color:#cccccc;
border-left-color:#cccccc;

}
.tab-topo {
border-right-width:2px;
border-bottom-width:2px;
border-right-style:outset;
border-bottom-style:outset;
border-right-color:#BAC9D7;
border-bottom-color:#BAC9D7;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
margin-right:5px;
}
.login {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #666699;
}

Edição feita por: PC Arashiro, 18/12/2003, 12:07.

Paulo César Arashiro -Ilustrador e Web designer
www.arashiro.com.br
www.centraldequadrinhos.com

#2 PC Arashiro

PC Arashiro

    Normal

  • Usuários
  • 77 posts
  • Sexo:Não informado
  • Localidade:Sao Paulo-SP
  • Interesses:Artes, quadrinhos surf, forro!

Posted 18/12/2003, 12:19

aee a borda eu consegui arrumar, foi só trocar o outset para inset e tá blz!
agora a altura da tabela eu ainda não descobri
Paulo César Arashiro -Ilustrador e Web designer
www.arashiro.com.br
www.centraldequadrinhos.com

#3 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 18/12/2003, 12:23

Talvez o problema esteja na própria tag <table>. Passe como está a tag para vermos.

#4 PC Arashiro

PC Arashiro

    Normal

  • Usuários
  • 77 posts
  • Sexo:Não informado
  • Localidade:Sao Paulo-SP
  • Interesses:Artes, quadrinhos surf, forro!

Posted 18/12/2003, 13:18

Opa, aqui está a tag da tabela.

<table width="776" height="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="tabela">
<tr>
<td height="94" colspan="2" valign="top"><table width="764" height="75" border="0" cellpadding="0" cellspacing="5" bgcolor="#FFFFFF" class="tab-topo">
<tr>
<td width="752" height="17" bgcolor="#84A0BB">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="37%" bgcolor="#84A0BB"><img src="layout/logo.gif" width="280" height="77"></td>
<td width="63%" bgcolor="#84A0BB">&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td height="17" bgcolor="BAC9D7">Aqui entra a &aacute;rea de Login </td>
</tr>
<tr>
<td height="17" bgcolor="BAC9D7">Aqui entra o Menu em flash </td>
</tr>
<tr>
<td height="17" bgcolor="eeeeee"> <a href="#">Central de Quadrinhos</a> &gt; <a href="#">Comunidade</a> &gt; <a href="#">Novos Talentos</a> &gt; <span class="style1">Rato de Laborat&oacute;rio</span> </td>
</tr>
</table></td>
</tr>
<tr>
<td width="591" valign="top">
<table width="581" height="27" border="0" cellpadding="0" cellspacing="5" bgcolor="#FFFFFF" class="tab-topo">
<tr>
<td width="569" height="17" bgcolor="BAC9D7" >DfFDfDFDSSSSSSSSSSSSSSSSSSSSS</td>
</tr>
</table>
<table width="581" height="49" border="0" cellpadding="0" cellspacing="5" bgcolor="#FFFFFF" class="tab-topo">
<tr>
<td width="569" height="17" bgcolor="#E0EFFD">
<div align="center"><a href="#">Quem Faz?</a> | <a href="#">Contato</a> | <a href="#">Pol&iacute;tica de Privacidade</a> | <a href="#">Publicidade</a> | <a href="#">Parcerias</a> </div></td>
</tr>
<tr>
<td height="17" bgcolor="#BAC9D7"> <div align="center">Central de Quadrinhos 2003. Todos os direitos reservados. Desenvolvido por:<a href="http://www.imaginede...com.br">Imagine Design </a> </div></td>
</tr>
</table>
</td>
<td width="183" valign="top">
<table width="173" height="75" border="0" cellpadding="0" cellspacing="5" bgcolor="#FFFFFF" class="tab-topo">
<tr>
<td width="161" height="17" bgcolor="BAC9D7">&aacute;rea de links e
colunistas</td>
</tr>
<tr>
<td bgcolor="eeeeee">&aacute;rea de publicidade </td>
</tr>
</table>
</td>
</tr>
</table>

Edição feita por: PC Arashiro, 18/12/2003, 13:25.

Paulo César Arashiro -Ilustrador e Web designer
www.arashiro.com.br
www.centraldequadrinhos.com

#5 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 18/12/2003, 13:59

Já tentou tirar o parâmetro height da sua tabela?

#6 PC Arashiro

PC Arashiro

    Normal

  • Usuários
  • 77 posts
  • Sexo:Não informado
  • Localidade:Sao Paulo-SP
  • Interesses:Artes, quadrinhos surf, forro!

Posted 18/12/2003, 14:05

mas então se eu tiro o parametro HEIGHT, como eu vou especificar a altura d atabela no CSS? tentei colocando apenas o height:100%;

mas não funcionou.


.tabela {
background-image:url(layout/back_azul.gif);
border-right-width:1px;
border-left-width:1px;
border-right-style:solid;
border-left-style:solid;
border-right-color:#cccccc;
border-left-color:#cccccc;
height:100%;

}
Paulo César Arashiro -Ilustrador e Web designer
www.arashiro.com.br
www.centraldequadrinhos.com

#7 . ErroR 4o4 . NoT FounD .

. ErroR 4o4 . NoT FounD .

    "We've Got Nothing To Fear"

  • Usuários
  • 75 posts
  • Sexo:Não informado
  • Localidade:Rio de Janeiro
  • Interesses:Natureza, trilhas, acampamentos, filosofia, gadgets, handdelds, hi-tech<br /><br />é... um pouco equilibrado entre o lado natural e o &quot;artificial&quot;.<br /><br />pq um dos princípios da vida é ser feliz, e no equilíbrio eu acho a minha felicidade.

Posted 18/12/2003, 16:12

PC....
eu somente peguei seus codigos: CSS e a TABLE .....

colei aki .... e salvei

e olha o resultado: http://www.4o4.kit.net/PCarashiro

eu naum mudei absolutamente nada ...

só tiver q colocar um link rel="stylesheet" aki pra funfar o css.

ah! eu mudei o fundo pq como eu naum peguei a img do background naum dava pra ver

....
uma dica

isso aki :
.tabela {
background-image:url(layout/back_azul.gif);
border-right-width:1px;
border-left-width:1px;
border-right-style:solid;
border-left-style:solid;
border-right-color:#cccccc;
border-left-color:#cccccc;
height:100%; 

}

e a mesma coisa q isso:
.tabela {
background-image:url(layout/back_azul.gif);
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
height:100%; 
}

hehehheh..

troca aê pelo menor .... :)
t+ garoto ... ah! naum vi nenhum problema com seu codigo :)

aki funfou perfeito ...
O SUPÉRFLUO E O NECESSÁRIO

Uns queriam um emprego melhor; outros, só um emprego.
Uns queriam uma refeição mais farta; outros, só uma refeição.
Uns queriam uma vida mais amena; outros, apenas viver.
Uns queriam pais mais esclarecidos; outros, ter pais.
Uns queriam ter olhos claros; outros, enxergar.
Uns queriam ter voz bonita; outros, falar.
Uns queriam silêncio; outros, ouvir.
Uns queriam sapato novo; outros, ter pés.
Uns queriam um carro; outros, andar.
Uns queriam o supérfluo; outros, apenas o necessário.

(Chico Xavier)

#8 PC Arashiro

PC Arashiro

    Normal

  • Usuários
  • 77 posts
  • Sexo:Não informado
  • Localidade:Sao Paulo-SP
  • Interesses:Artes, quadrinhos surf, forro!

Posted 19/12/2003, 11:16

:huh: hehehe... liga não, eu so ilustrador q brinca com web design e q tenta entender alguma coisa de htm, CSS e php :lol: vlw pelo toque, vou dar uma limpada na minha folha

então estranho.. aqui no trampo eu tô vendo certinho (uso o IE 5.5) mas lá em casa num tô vendo certo não.. a tabela não fica em 100% de altura (uso o 6.1)
Paulo César Arashiro -Ilustrador e Web designer
www.arashiro.com.br
www.centraldequadrinhos.com

#9 PC Arashiro

PC Arashiro

    Normal

  • Usuários
  • 77 posts
  • Sexo:Não informado
  • Localidade:Sao Paulo-SP
  • Interesses:Artes, quadrinhos surf, forro!

Posted 19/12/2003, 11:45

aeee acho q consegui resolver o problema. peço, por favor para quem usa o I.E 6.1 q dê uma olhada, essa joça de navegador é q num funciona direito! heheuaau

Fiz o seguinte, criei uma tabelona apenas com uma td e a deixei em 100% e apliquei o estilo "tabela".

Dae dentro desta tabela eu coloquei outra tabela q era q q não funciova pois estav divida em três células. Uma pro topo e duas colunas pro conteúdo.
Ao q parece agora está funcionando tudo certinho...pelo menos no i.e 5.5

flws
Paulo César Arashiro -Ilustrador e Web designer
www.arashiro.com.br
www.centraldequadrinhos.com

#10 PC Arashiro

PC Arashiro

    Normal

  • Usuários
  • 77 posts
  • Sexo:Não informado
  • Localidade:Sao Paulo-SP
  • Interesses:Artes, quadrinhos surf, forro!

Posted 19/12/2003, 11:53

aAAAAAAAAAAAA m***@ de i.e. 6.1 q dá pau! Não funciono de jeito nenhum!

vô tenta outra coisa q o web master aqui falo,

refazer o background como uma img na horizontal e no css do "body" manda jogar de fundo repetindo a img...

q saco, esta será minha ultima tentativa... q diabos no 5.5 funcionava tudo certinho...
Paulo César Arashiro -Ilustrador e Web designer
www.arashiro.com.br
www.centraldequadrinhos.com

#11 . ErroR 4o4 . NoT FounD .

. ErroR 4o4 . NoT FounD .

    "We've Got Nothing To Fear"

  • Usuários
  • 75 posts
  • Sexo:Não informado
  • Localidade:Rio de Janeiro
  • Interesses:Natureza, trilhas, acampamentos, filosofia, gadgets, handdelds, hi-tech<br /><br />é... um pouco equilibrado entre o lado natural e o &quot;artificial&quot;.<br /><br />pq um dos princípios da vida é ser feliz, e no equilíbrio eu acho a minha felicidade.

Posted 19/12/2003, 14:46

meu IE eh um 5.0 e funciona perfeito ...
eu naum sou nem maluco de baixar o IE6+

a microsoft sempre complicando a nossa vida....
como se ja não bastasse a largura q no XP eh diferente...


pegaa esse tutorial de css aê .. eh bom pra kct! ..

pelo menos tudo oq eu sei aprendi por ele ...

Attached Files


O SUPÉRFLUO E O NECESSÁRIO

Uns queriam um emprego melhor; outros, só um emprego.
Uns queriam uma refeição mais farta; outros, só uma refeição.
Uns queriam uma vida mais amena; outros, apenas viver.
Uns queriam pais mais esclarecidos; outros, ter pais.
Uns queriam ter olhos claros; outros, enxergar.
Uns queriam ter voz bonita; outros, falar.
Uns queriam silêncio; outros, ouvir.
Uns queriam sapato novo; outros, ter pés.
Uns queriam um carro; outros, andar.
Uns queriam o supérfluo; outros, apenas o necessário.

(Chico Xavier)

#12 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 19/12/2003, 14:57

E da próxima vez, edite o seu post.

#13 PC Arashiro

PC Arashiro

    Normal

  • Usuários
  • 77 posts
  • Sexo:Não informado
  • Localidade:Sao Paulo-SP
  • Interesses:Artes, quadrinhos surf, forro!

Posted 19/12/2003, 15:02

E da próxima vez, edite o seu post.

opa vlw ae 404! vô dá uma olhada no tuto, as coisas q aprendi de css foi fuçando nos estilos já prontos, pelo help do DW e tb pesquisando na net. Sempre consegui resolver os problemas sozinho, só ultimamente q postei algo aqui pq não conseguia resolver de jeito nenhum.


Without a Nick:
Agora, pq editar o post? Em cada um deles eu fui mostrando o q eu fiz e o q deu errado, creio q isso não seja flood. Acho q se eu colocasse tudo num único post ia ficar muito bagunçado.

Obrigado aos dois por tentarem me ajudar.
[]´s
Paulo César Arashiro -Ilustrador e Web designer
www.arashiro.com.br
www.centraldequadrinhos.com




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq