17 replies to this topic

[giga_fire]

Eu já entrei em muitos sites, mas nenhum ajuda... o povo desenvolve uns tutoriais muito pobres ou confusos demais!!!

Até agora o que entendi de tableless é que se usa CSS em vez da tag table, que foi semanticamente designada pra estruturar dados de forma organizada.

Também já entendi que se usa as tags <div> ou <span> pra fazer isso. Um tipo do meu ICQ fica dizendo que tableless é como juntar tijolos... o que isso significa?

Imaginem um banner assim, eu vou tentar fazer em texto mesmo!!!

|-----------------------------------------------------|
|                       banner_r1_c1                       |
|-----------------------------------------------------|
|   banner_r2_c1         | banner_r2_c2            |
|-----------------------------------------------------|

Como eu juntaria essas três imagens, sendo que a imagem "banner_r2_c2" tem que ficar como fundo, para eu poder escrever em cima?

Obrigado...

[Klaus]

Coloca isso na camada (div):

background: url('imagen.jpg'); background-repeat: no-repeat;

[giga_fire]

Coloca isso na camada (div):

background: url('imagen.jpg'); background-repeat: no-repeat;

Camada? Você diz os layers de HTML? Xiii kra, eu nunca mexi com layer, mas dei uma olhada aqui e vi que eles tb são peça chave pra construir tableless... me dá umas dicas de layer ae!!! Valew!!!

[Alex Hiroshi]

camadas, layers é a msm coisa.
http://forum.wmonlin...?showtopic=2651

[giga_fire]

Será que você poderia me mostrar algum código que foi usado tableless???

[Klaus]

http://www.maujor.com/

Este é um site tableless. Apenas atente ao fato de tableless forms, que ainda é um recurso de díficil criação.

Particularmente, eu já fiz, porém ainda com tabelas ficou melhor. Este é o fato de que muitos consideram tabelas como dados tabulares...

[giga_fire]

Pessoal, valew mesmo!!! Eu consegui... e a respeito do que você disse, eu acho muito mais fácil com tableless do que com table agora que sei usar |

Valew mesmo!!!

[Klaus]

Formulários??? Tu tem algum online ae pra mostrar?

[Maujor]

Formulario sem tabela neste LINK

[Klaus]

Certeza. Olhando a página anterior (3) pude notar, que a classe é aplicada em células de uma tabela... Ou eu entendii errado?

O melhor tableless-form que já consegui foi assim:

Attached Files

•  tableless_form.jpg   21.35KB   0 downloads

[giga_fire]

Certeza. Olhando a página anterior (3) pude notar, que a classe é aplicada em células de uma tabela... Ou eu entendii errado?

O melhor tableless-form que já consegui foi assim:

Nesse link tem um bom: http://www.quirksmod.../css/forms.html

[brunoalves]

Pessoal,

com esse código o form fica legal no IE, mas o FireFox simplesmente ignora a largura, depois eu dou uma pesquisada porque.

Segue o código q funciona no IE:

<style type="text/css">
.linha {width:310px}
.textos {
	width: 100px;
	font-color:rgb(0,0,255);
	text-align:right;
}
.campos {
	width: 200px;
	text-align:left;
	padding:0;
}
</style>
<form action="" id="">
<div class="linha">
	<span class="textos">Nome:</span> 
    <span class="campos"><input type="text" name="nome"></span>
</div>
<div class="linha">
	<span class="textos">Idade:</span> 
    <span class="campos"><input type="text" name="idade"></span>
</div>
<div class="linha">
	<span class="textos">Sexo:</span> 
    <span class="campos"><select name="sexo" class="campos">
            <option value="1">Feminino</option>
            <option value="2">Masculino</option>
        </select></span>
</div>
</form>

Abraços.

[giga_fire]

Olha, eu tô tendo uma dúdiva, eu tenho uma camada, ela deve ter comprimento 500 e altura 20, padding de 5px. Quando uso esse código:

div.camada_01 {
width:500px;
height:20px;
position:absolute;
left:0px;
top:0px;
padding:5px;
}

No Internet Explorer e no Opera ao invés de comprimento 500 e alutra vinte fica com comprimento 505 e altura 25. Mas em browsers mais antigos funciona normal... o que eu faço?

[Klaus]

Não fica 510 não? Isso ocorre pelo padding, que é a margem interna.

[giga_fire]

Não fica 510 não? Isso ocorre pelo padding, que é a margem interna.

Fica... mas como eu corrigo esse erro?