Tabela e Html

[Dieguinhu Web 0]

Gente so leigo em programação Web mas estou trabalhando com isso to querendo aprender mais e mais

valeu?

 

Entao tenhu um site ai no ar...

 

fiz ele com tabelas no HTML mas queria desenvolvê-lo em CSS pra editar as bordas e tudo mais alguem pode me dar uma luz que nem sei como começar

 

já dei uma olhada em www.maujor.com

 

bom só queria nesse site integrar as 3 ultimas colunas sem o espaço que mostra que é uma tabela isso em CSS....dando a impressão que as colunas estão todas juntas sem o risco que evidencia a tabela

 

o site é http://www.galeriaviponline.com

 

Abração e me ajudem aí só quero aprender.....

[.:: Pegasus ::. 0]

Não precisa nem de CSS para fantasiar que aquilo ali não é tabela..

Table border="0"

pronto..

 

Agora se eu fosse você adotava de vez o css.

Tabelas são para dados tabulares e não para estruração de layout.

Dê uma olhada nos tutorias disponíveis no site e no fórum sobre layout em css, garanto que não se arrependerá.

Abraços.

[Paulo de Tarso F. M. 24]

Só reforçando o que nosso amigo .:: Pegasus ::. falou, segue o link para você:

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Laboratório de Scripts (WS)

Aqui você encontra um tutorial exatamente como você precisa...

 

Qualquer dúvida, entre em contato! Abraço!

[Dieguinhu Web 0]

Gente

 

beleza??

 

Entao fiz o modelo de site em CSS e ele está estruturado ..

 

esse aqui do forum....... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

 

http://forum.imasters.com.br/index.php?showtopic=222275

 

 

queria saber se na opção

background-image:

eu posso inserir um arquivo flash ,ou se ele deve ser inserido no HTML na opção DIV mesmo?

:rolleyes:

 

 

 

 

 

PS:

Ah e Porfavor se alguem tiver o CSS desse menu aí http://maujor.com/tutorial/ddownmenu/horizontal.html

 

por gentileza me passe o link pois estou construindo um site e precisa de um menu assim pra direita mesmo agradecido!

[Paulo de Tarso F. M. 24]

Arquivos SWF realmente não podem ser usados para backgrounds...

[Giovani 104]

No próprio site do maujor tem esse menu explicado, passo-a-passo.

Ah e Porfavor se alguem tiver o CSS desse menu aí http://maujor.com/tutorial/ddownmenu/horizontal.htmlpor gentileza me passe o link pois estou construindo um site e precisa de um menu assim pra direita mesmo agradecido!

[Dieguinhu Web 0]

ENtao gente fiz o site em CSS

 

só que...

 

não ta alinhado no centro e tambem não to conseguindo me ajude aí tentei fazer na proproa DIV principal colocar um align =center

 

mas não deu certo

 

 

 

http://www.galeriaviponline.com

[Buxexa 0]

ENtao gente fiz o site em CSSsó que...não ta alinhado no centro e tambem não to conseguindo me ajude aí tentei fazer na proproa DIV principal colocar um align =centermas não deu certohttp://www.galeriaviponline.com

procure por background-position: center center;background-repeat: no-repeat;acho que é isso, estou no trabalho so de passagem e não lembro direito das tagsboa sorte

[Dieguinhu Web 0]

Produto final

 

 

http://www.galeriaviponline.com

 

 

Só que no firefox e no safari ficou horrivel nossa vo ter que voltar pro puro HTML?????????????

[Dieguinhu Web 0]

É no IE ficou perfeito!

 

 

mas no safari e no firefox não ........... :( http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif

 

GENTE

 

quem puder dar uma olhada no meu codigo ficaria grato

 

já tentei

<style type="text/css">p {    margin: 0;    padding: 0;}</style>

pra corrigir o problema mas não deu

 

Segue CSS

body {    font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;	}#tudo {    width: 750px;		}#topo1 {    width: 750px;    height: 140px;   	background-image: url("topo01.png");}#topo {    width: 750px;    height: 10px;   background-color: #ff0;}#menu {    float: left;    width: 10px;    background-color: #fff;	}#box_lateral {    float: right;    width: 300px;	height: 350px;	padding: 0px;	background-image: url("fundo1.jpg");	}#conteudo {    float: right;    width: 40px;	height: 80px;	padding: 0px;    background-color: #88c;}#rodape {    width: 750px;    height: 30px;    background-color: #cfc;    clear: both;}#rodape p {    line-height: 28px;	}

[Paulo de Tarso F. M. 24]

Mas o seu código está muito sujo! Olha só:

<body onload="MM_preloadImages('btn_001.gif','btn_002.gif','btn_003.gif')" leftmargin="130" topmargin="10">

O que esses 2 últimos atributos estão fazendo ali? Isso se faz no CSS! E pq definir uma margem de 130px para o lado esquerdo? :mellow: Isso foi só um exemplo... Mas tem mais coisa, que não vou citar agora, pois não vem ao caso...

 

Bom, se você quer centralizar, se seu site estiver estruturado direitinho como mostro no tutorial que te passei, basta adicionar a seguinte linha ao seu CSS:

#tudo {	width: 750px;	margin: 0 auto;}

Está vendo a propriedade margin? Repito: só irá funcionar direito se estiver estruturado de maneira correta... Ok? Abraço!

[Giovani 104]

Existem vários tópicos sobre layout no fórum, pesquise.

Minha dica, estude primeiro, e depois faça o site desde o início.

[Dieguinhu Web 0]

entao gente to quase conseguindo

 

 

tinha diferenças em height e widht

 

entao ta quase acabando desculpa por enxer tanto a paciencia de vcs

 

Agora eu preciso que tenho um form que é um buscador do google...ele no firefox foi pra esquerda e no IE ta ok...

 

Porque esse form ta dentro da minha <div="topo1">....tenho que criar uma class ou um ID???

 

da uma olhada ai como tá ficando

 

http://www.galeriaviponline.com

[CuecaX 0]

É no IE ficou perfeito!

 

mas no safari e no firefox não ........... :( http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif

 

GENTE

 

quem puder dar uma olhada no meu codigo ficaria grato

Se funcionou so no IE, entao perfeito, não se aplica. Ja q o IE é sinonimo de imperfeição.

se ficou horrivel no FireFox/Opera/Safari, então você está fazendo errado. Lembre-se disso http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

eu dei uma olhada no codigo, mas ja falaram ae... ta bem sujo o codigo...

você precisa aprender a usar certo atributos q você nao usa.

 

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

pesquise mais o basico e TABLELESS. ^_^