Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

SlyX

pequenas s sobre tabless

Recommended Posts

Imagem Postada

seguinte, estou fazendo uma pagina para minha mae que estava toda em table..

mas resolvi passar ela para tabless (ideias idiotas) mas como tava a muito tempo sem mexer com web.. vi que agora é o padrao e resolvi tentar passar para "treinar"...

 

consegui fazer TUDO.. mas ficaram algumas lacunas ainda...

 

primeiro.. nao consegui fazer um rodape relativo.. tipo

<div id="rodape">

 

mas quado o texto chega a este rodape.. ele nao desce e acompanha ocrescimento do texto (queria fazer assim o site "aumentar" e diminuir de acordo com a quantidade de texto, entao os divs de baixo tem q ter uma posicao relativa certo?

acho que fiz algumas besteirinha entao heheeh

 

Imagem Postada

outra coisa.. entre o submenu da esquerda e o texto da direita (vide imagem) tem uma "linha" que aumenta de acordo com o tamanho do menu e do texto (fiz isso tem table.. era uma TD q crescia junto...) não sei como fazer agora este mesmo efeito com css..

 

me ajudem.. agora que falta pouquinho para eu virar o rei do tabless hehehehe

 

ah outra coisa.. como podem ver.. em volta do site, era outra cor (usei backgroundcolor, e backgroundcolor da tabela onde se encontrava todo o site era branco...) como faço a mesma coisa com o css?

 

obrigado a todos :D

 

 

ahhh soh mais uma coisinha, no menu.. eu posso jogar o div soh como a localizacao.. e fazer o menu pelo codigo mesmo ne? jogando as imagens com <img>.... ou seria melhor fazer isso pelo css tambem?

Compartilhar este post


Link para o post
Compartilhar em outros sites

hehehe

 

Bom cara, só pra você começar direitinho o nome não é tabless é tableless (se pronuncia TEIBOULESS)

ehhehe

 

bom cara, teve uma coisa ou outra que não tentendi o que você queria mas o que eu entendi vou explicar

 

primeiro.. nao consegui fazer um rodape relativo.. tipo

<div id="rodape">

 

mas quado o texto chega a este rodape.. ele nao desce e acompanha ocrescimento do texto (queria fazer assim o site "aumentar" e diminuir de acordo com a quantidade de texto, entao os divs de baixo tem q ter uma posicao relativa certo?

acho que fiz algumas besteirinha entao heheeh

Bom cara, isso acontece muito, pois quando você define um menu lateral e uma área de conteudo você da o comando float: left; para jogar um item do lado do outro.

 

Mas as vezes ele buga não sei se é o termo certo a se utilizar mas quando você vai jogar alguma outra div ela as vezes é afetada ainda pelo float.

 

A solução disso é você dar na div rodape ou criar alguma div ou span logo depois do seu ultimo float que passa o comando clear: both;, pois ele digamos que vai limpar esse float e a div vai funcionar como deveria se não tivesse sido afetada pelo float.

 

 

outra coisa.. entre o submenu da esquerda e o texto da direita (vide imagem) tem uma "linha" que aumenta de acordo com o tamanho do menu e do texto (fiz isso tem table.. era uma TD q crescia junto...) não sei como fazer agora este mesmo efeito com css..

Cara isso é simples....

 

essa div do conteúdo só você definir uma borda lateral.

border-left: 1px solid #CCC;
;)

 

Isso é lógica, com o tempo se vai pegando...

 

 

ah outra coisa.. como podem ver.. em volta do site, era outra cor (usei backgroundcolor, e backgroundcolor da tabela onde se encontrava todo o site era branco...) como faço a mesma coisa com o css?

Cara isso é só você definir uma class ou passar o estilo através do ID.

E passa o comando

background-color: #FFF;
http://www.maujor.com/tutorial/backtut.php

 

 

Tem muitos links pendurados no fórum que são uteis, da uma olhada neles...

 

Um site que indico é do nosso amigo maujor... excelente.

http://www.maujor.com/

 

Tem uma organização fácil e você pode acha aquilo que procura de uma maneira bem explicada

 

ahhh soh mais uma coisinha, no menu.. eu posso jogar o div soh como a localizacao.. e fazer o menu pelo codigo mesmo ne? jogando as imagens com <img>.... ou seria melhor fazer isso pelo css tambem?

Bom é isso =)

 

Qualquer coisa grita

=)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Para a questão do rodapé basta criar uma div rodapé, e acrescentar o que o nick171 disse:

#rodape{...clear: both;......}
Para a questão da linha aumentar conforme o tamanho da div, olhe (e pesquise) sobre faux-columns.

 

Em relação as outras dúvidas acho que já foram respondidas.

 

Da próxima vez que for postar recomendo um link, fica mais fácil para o pessoal ajudar.

 

[]'s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.