Ir para conteúdo

Arquivado

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

Dieguinhu Web

Tabela e Html

Recommended Posts

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.....

Compartilhar este post


Link para o post
Compartilhar em outros sites

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

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!

Compartilhar este post


Link para o post
Compartilhar em outros sites

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!

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

É 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;	}

Compartilhar este post


Link para o post
Compartilhar em outros sites

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!

Compartilhar este post


Link para o post
Compartilhar em outros sites

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

É 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. ^_^

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.