Bem vindo ao PROJECT-HTML
Aprenda mais sobre:
HTML, CSS, JavaScript, webmaster, Imagens, banners, wallpapers, videos aula, windows, utilitários para site/blogs, Jogos, animes e muito mais.
Basta se registrar!



 
InícioProject HTMLGaleriaFAQRegistrar-seConectar-se
Buscar
 
 

Resultados por:
 
Rechercher Busca avançada
Conectar-se
Nome de usuário:
Senha:
Conexão automática: 
:: Esqueci minha senha
Votação
Qual seu navegador favorito?
 FireFox
 Chrome
 Internet Explorer
 safari
 Netscape
 Opera
 Avant
Exibir resultados
Quem está conectado
2 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 2 Visitantes

Nenhum

O recorde de usuários online foi de 36 em 3/4/2016, 3:36 am
Últimos assuntos
» TAG´s (comandos)
4/8/2014, 10:15 am por robson

» Comandos básico de HTML - body (corpo da home page)
16/7/2014, 10:10 am por robson

» Apresentações aqui
15/7/2014, 4:14 pm por robson

» Como colocar "posts recomendados" no sou blog sou site.
24/3/2014, 8:05 pm por Otome

» Arquivo de ajuda sobre PHP, help para iniciantes e experientes
24/3/2014, 8:03 pm por Otome

» Imagens Exercício-6
22/3/2014, 5:19 pm por SY64

» Alinhamento de imagens
22/3/2014, 4:43 pm por SY64

» Link´s Exercicios-5
22/3/2014, 12:43 pm por SY64

» Criar um site passo a passo
1/8/2013, 4:41 pm por marlonsouzajs


Compartilhe | 
 

 Uso de tabelas para agrupar imagem e texto

Ver o tópico anterior Ver o tópico seguinte Ir em baixo 
AutorMensagem
Dilson
Especialista
Especialista
avatar

Masculino
Número de Mensagens : 28
Idade : 40
Experiencia em Webdesign : Basico
Pontos : 2542
Reputação : 3
Data de inscrição : 24/12/2010

MensagemAssunto: Uso de tabelas para agrupar imagem e texto   21/2/2011, 11:20 am

Imagine que você que colocar uma imagem e logo ao lado desta imagem, deseja colocar textos.

Então, para isso utilize uma tabela para agrupar, veja o esquema abaixo:

[Você precisa estar registrado e conectado para ver esta imagem.]

A tag BR é para realizar a quebra da linha;
width você define a largura desejada;
height você define a altura desejada.

Visualize abaixo como ficou:

<table border=0>
<tr>
<td><img align="middle" src="http://i78.servimg.com/u/f78/16/08/24/01/projec10.jpg" width="100" height="60"></td>
<td>- Primeira linha; <BR>
- Segunda linha; <BR>
- Terceira linha; <BR></td>
</tr></table>

Se alguma dúvida na hora de implementar, posta aí que eu ajudo.

Nota:
Administrador, a opção permitir HTML deve estar desativada lá no Painel de Controle, pois a tabela como exemplo deveria se mostrar em imagem e texto (ocultando as tags). Acho que precisa ir lá no Painel de Controle e marcar como Sim a opção Permitir HTML.

Cumprimentos
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Daniel_Kyo
Especialista
Especialista
avatar

Masculino
Número de Mensagens : 20
Idade : 32
Localização : Salvador, Bahia
Experiencia em Webdesign : Não sei nada pretendo aprender.
Pontos : 2528
Reputação : 3
Data de inscrição : 12/12/2010

MensagemAssunto: Dúvida   25/2/2011, 3:42 pm

ótimo tutorial mas eu tenho uma dúvida: Toda vez que coloco uma imagem grande os textos do lado ficam no meio do quadrado da coluna que pertencem.

quero que os textos fiquem como um menu certinho ao lado da imagem como um menu
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.vgbr.com/forum
Otome
Admin
Admin
avatar

Feminino
Número de Mensagens : 190
Idade : 25
Localização : *~ Project-HTML ~*
Experiencia em Webdesign : Medio
Pontos : 3693
Reputação : 15
Data de inscrição : 05/07/2008

MensagemAssunto: Re: Uso de tabelas para agrupar imagem e texto   25/2/2011, 7:29 pm

Obrigada pelo tutorial, você foi bem criativo em relação à isso. Obrigado também pelo toque, vamos verificar esse detalhe !

Vocês estão tendo um ótimo desempenho .




Obrigada pela participação de todos





-------------------------

Pronto já arrumei, agora poderá seguir, obrigada pela observação.


_________________
[Você precisa estar registrado e conectado para ver esta imagem.]
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://projecthtml.tk
Dilson
Especialista
Especialista
avatar

Masculino
Número de Mensagens : 28
Idade : 40
Experiencia em Webdesign : Basico
Pontos : 2542
Reputação : 3
Data de inscrição : 24/12/2010

MensagemAssunto: Re: Uso de tabelas para agrupar imagem e texto   28/2/2011, 12:05 am

Olá Daniel,

Terá que aplicar as tags de alinhamento de imagem e texto como (top, midlle e tal) abaixo o link para aplicar no seu trabalho:

[Você precisa estar registrado e conectado para ver este link.]

Se ainda encontrar dificuldade, pode disponibilizar como está escrevendo as tags, para darmos uma olhada OK.



Olá Kaway,

Ignore a minha nota lá acima sobre Sim para HTML, agora cheguei a conclusão que a minha colocação foi indevida, pois se é um fórum para ensinar html, então está correto o HTML está desativado.

Mais uma vez, estamos sem a opção de editar os próprios tópicos, isso acho um inconveniente, pois gostaria de apagar a nota que escrevi lá acima e não tenho a opção de editar meu post. Por favor revejam.

Observei que o fórum está com algum código que atualiza a página a lugar nenhum, fica em branco. Acho o momento citar que há tempos atraz estava impossível navegar no fórum com tanta propaganda que carregava, agora vejo que já se normalizou, acho que algum código ficou perdido por aí.

No mais, tudo no jeito.
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Diego
Admin
Admin
avatar

Masculino
Número de Mensagens : 321
Idade : 25
Localização : Aqui no PROJECT-HTML
Pontos : 5438
Reputação : 24
Data de inscrição : 04/07/2008

MensagemAssunto: Re: Uso de tabelas para agrupar imagem e texto   28/2/2011, 1:32 pm

Achei onde estava dando esse erro, confesso que estava "puto da cara" que toda hora atualizava a pagina do nada! Cheguei a pensar que era meu PC.. Problema resolvido.

E sobre editar as menssagens, eu acho que deixei escapar esse topico do fórum xD vou arrumar isso o/


E Parabéns pelo tutorial, de uma olhada no nosso novíssimo HTML 5, é muito bom. fazendo uma observação sobre HTML 5, eu acho que agora não é apenas uma simples marcação de texto e sim ja é uma nova programação HTML, cheguei a essa conclusão depois de ver algumas tags do HTML 5 que faz as mesmas funções do JavaScript..

_________________
Quem pode faz, não copia!
[Você precisa estar registrado e conectado para ver esta imagem.]
s2 Diego e Barbara s2
Informações do meu PC:
Processador:Intel Core i5 760 @ 2.80GHz 8Mb cache
Placa mãe: ASUSTeK Computer INC. P7P55D-Deluxe
Memoria Ram: 4.0GB Único -Channel DDR3 @ 668MHz * 2 = 1333Mhz (9-9-9-24)
Placa de video: 512 MB GeForce 8400 GS (XFX Pine Group)
HD: 160GB SAMSUNG SAMSUNG HD161HJ (SATA)
Audio: SoundMAX Integrated Digital Audio
Sistema operativo: MS Windows 7 Ultimate 64-bit
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.projecthtml.tk
Diego
Admin
Admin
avatar

Masculino
Número de Mensagens : 321
Idade : 25
Localização : Aqui no PROJECT-HTML
Pontos : 5438
Reputação : 24
Data de inscrição : 04/07/2008

MensagemAssunto: Re: Uso de tabelas para agrupar imagem e texto   28/2/2011, 1:35 pm

Acabei de olhar sobre Editar as suas próprias mensagens e está ativado para este topico sim..

_________________
Quem pode faz, não copia!
[Você precisa estar registrado e conectado para ver esta imagem.]
s2 Diego e Barbara s2
Informações do meu PC:
Processador:Intel Core i5 760 @ 2.80GHz 8Mb cache
Placa mãe: ASUSTeK Computer INC. P7P55D-Deluxe
Memoria Ram: 4.0GB Único -Channel DDR3 @ 668MHz * 2 = 1333Mhz (9-9-9-24)
Placa de video: 512 MB GeForce 8400 GS (XFX Pine Group)
HD: 160GB SAMSUNG SAMSUNG HD161HJ (SATA)
Audio: SoundMAX Integrated Digital Audio
Sistema operativo: MS Windows 7 Ultimate 64-bit
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.projecthtml.tk
Dilson
Especialista
Especialista
avatar

Masculino
Número de Mensagens : 28
Idade : 40
Experiencia em Webdesign : Basico
Pontos : 2542
Reputação : 3
Data de inscrição : 24/12/2010

MensagemAssunto: Re: Uso de tabelas para agrupar imagem e texto   28/2/2011, 5:07 pm

Diego, a opção de editar está apenas em alguns posts. O primeiro post do tópico que desejo editar, não está disponível.

Permita-me auxiliá-lo, terá que na aba geral > categorias e foruns > permissões, quando abrir aperte na parte de baixo avançado, verá que o leque de opções se abrirá, daí é só marcar ou desmarcar.

Achei massa a cor verde para o grupo de webmaster, agora outra sugestão:

Temos que dar cor aos nomes das categorias do fórum, os nomes hoje estão da mesma cor da barra, ou seja, cinzas. Poderia colocar uma outra cor para dar destaque no nome:

Para fazer isso vá na aba geral > categorias e fóruns > aperte para modificar. No local onde está escrito o nome da categoria coloque as tags para cores lá, veja abaixo:

<font color="NomeOuHexadecimalDaCor"><b>NomeDaCategoria</b></font>


Agora, realmente o HTML 5 promete nos surpreender em recursos, vamos logo tão breve explorá-lo.


Última edição por Dilson em 28/2/2011, 5:35 pm, editado 7 vez(es)
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Dilson
Especialista
Especialista
avatar

Masculino
Número de Mensagens : 28
Idade : 40
Experiencia em Webdesign : Basico
Pontos : 2542
Reputação : 3
Data de inscrição : 24/12/2010

MensagemAssunto: Re: Uso de tabelas para agrupar imagem e texto   28/2/2011, 5:20 pm

Olá amigos,

Uma dica: está tudo ok agora sobre o HTML.

Se quiser que o HTML se apresente em tag e não em imagem e texto, basta desativá-lo antes de apertar o botão "Enviar"

Falow galera!



Voltar ao Topo Ir em baixo
Ver perfil do usuário
Diego
Admin
Admin
avatar

Masculino
Número de Mensagens : 321
Idade : 25
Localização : Aqui no PROJECT-HTML
Pontos : 5438
Reputação : 24
Data de inscrição : 04/07/2008

MensagemAssunto: Re: Uso de tabelas para agrupar imagem e texto   28/2/2011, 7:51 pm

Vlw kra.. em olha a imagem
[Você precisa estar registrado e conectado para ver esta imagem.]


Outra coisa.. deixei o Project HTML .com xD

Só esperando liberar ai aviso

_________________
Quem pode faz, não copia!
[Você precisa estar registrado e conectado para ver esta imagem.]
s2 Diego e Barbara s2
Informações do meu PC:
Processador:Intel Core i5 760 @ 2.80GHz 8Mb cache
Placa mãe: ASUSTeK Computer INC. P7P55D-Deluxe
Memoria Ram: 4.0GB Único -Channel DDR3 @ 668MHz * 2 = 1333Mhz (9-9-9-24)
Placa de video: 512 MB GeForce 8400 GS (XFX Pine Group)
HD: 160GB SAMSUNG SAMSUNG HD161HJ (SATA)
Audio: SoundMAX Integrated Digital Audio
Sistema operativo: MS Windows 7 Ultimate 64-bit
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.projecthtml.tk
Dilson
Especialista
Especialista
avatar

Masculino
Número de Mensagens : 28
Idade : 40
Experiencia em Webdesign : Basico
Pontos : 2542
Reputação : 3
Data de inscrição : 24/12/2010

MensagemAssunto: Re: Uso de tabelas para agrupar imagem e texto   28/2/2011, 9:33 pm

Tá tudo certinho mesmo, vi a imagem.

Diego, você deixar o Projeto. Se isso acontecer, significa dizer que você e a Kawai irão descontinuar esse fórum é isso, ou a Kawai dará continuidade.




Voltar ao Topo Ir em baixo
Ver perfil do usuário
Diego
Admin
Admin
avatar

Masculino
Número de Mensagens : 321
Idade : 25
Localização : Aqui no PROJECT-HTML
Pontos : 5438
Reputação : 24
Data de inscrição : 04/07/2008

MensagemAssunto: Re: Uso de tabelas para agrupar imagem e texto   28/2/2011, 11:40 pm

Não!!! você não entendeu kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk

Eu deixei o project html com dominio pago [Você precisa estar registrado e conectado para ver este link.] logo vai estar liberado xD

_________________
Quem pode faz, não copia!
[Você precisa estar registrado e conectado para ver esta imagem.]
s2 Diego e Barbara s2
Informações do meu PC:
Processador:Intel Core i5 760 @ 2.80GHz 8Mb cache
Placa mãe: ASUSTeK Computer INC. P7P55D-Deluxe
Memoria Ram: 4.0GB Único -Channel DDR3 @ 668MHz * 2 = 1333Mhz (9-9-9-24)
Placa de video: 512 MB GeForce 8400 GS (XFX Pine Group)
HD: 160GB SAMSUNG SAMSUNG HD161HJ (SATA)
Audio: SoundMAX Integrated Digital Audio
Sistema operativo: MS Windows 7 Ultimate 64-bit
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.projecthtml.tk
Dilson
Especialista
Especialista
avatar

Masculino
Número de Mensagens : 28
Idade : 40
Experiencia em Webdesign : Basico
Pontos : 2542
Reputação : 3
Data de inscrição : 24/12/2010

MensagemAssunto: Re: Uso de tabelas para agrupar imagem e texto   1/3/2011, 12:01 am

Ah tá, pow ...

Um trabalho bonito e de conhecimento técnico igual esse aqui que você faz, iria lamentar muito se eu estivesse certo.

Valeu, vamo pra frente amigo!
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Diego
Admin
Admin
avatar

Masculino
Número de Mensagens : 321
Idade : 25
Localização : Aqui no PROJECT-HTML
Pontos : 5438
Reputação : 24
Data de inscrição : 04/07/2008

MensagemAssunto: Re: Uso de tabelas para agrupar imagem e texto   1/3/2011, 12:03 am

Ja registrei no seu fórum e cliquei no seu anuncio xD vou fazer isso todo dia em!!

_________________
Quem pode faz, não copia!
[Você precisa estar registrado e conectado para ver esta imagem.]
s2 Diego e Barbara s2
Informações do meu PC:
Processador:Intel Core i5 760 @ 2.80GHz 8Mb cache
Placa mãe: ASUSTeK Computer INC. P7P55D-Deluxe
Memoria Ram: 4.0GB Único -Channel DDR3 @ 668MHz * 2 = 1333Mhz (9-9-9-24)
Placa de video: 512 MB GeForce 8400 GS (XFX Pine Group)
HD: 160GB SAMSUNG SAMSUNG HD161HJ (SATA)
Audio: SoundMAX Integrated Digital Audio
Sistema operativo: MS Windows 7 Ultimate 64-bit
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.projecthtml.tk
Diego
Admin
Admin
avatar

Masculino
Número de Mensagens : 321
Idade : 25
Localização : Aqui no PROJECT-HTML
Pontos : 5438
Reputação : 24
Data de inscrição : 04/07/2008

MensagemAssunto: Re: Uso de tabelas para agrupar imagem e texto   1/3/2011, 12:06 am

Cara estou com dificuldades de deixar .com o fórum, você tem alguma experiência com isso?

_________________
Quem pode faz, não copia!
[Você precisa estar registrado e conectado para ver esta imagem.]
s2 Diego e Barbara s2
Informações do meu PC:
Processador:Intel Core i5 760 @ 2.80GHz 8Mb cache
Placa mãe: ASUSTeK Computer INC. P7P55D-Deluxe
Memoria Ram: 4.0GB Único -Channel DDR3 @ 668MHz * 2 = 1333Mhz (9-9-9-24)
Placa de video: 512 MB GeForce 8400 GS (XFX Pine Group)
HD: 160GB SAMSUNG SAMSUNG HD161HJ (SATA)
Audio: SoundMAX Integrated Digital Audio
Sistema operativo: MS Windows 7 Ultimate 64-bit
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.projecthtml.tk
Dilson
Especialista
Especialista
avatar

Masculino
Número de Mensagens : 28
Idade : 40
Experiencia em Webdesign : Basico
Pontos : 2542
Reputação : 3
Data de inscrição : 24/12/2010

MensagemAssunto: Re: Uso de tabelas para agrupar imagem e texto   1/3/2011, 12:17 am

Diego, vi lá sua inscrição, seja bem vindo por lá, obrigado por seu apoio, a casa ficou mais forte.

Bom, sobre o domínio:

Quando se quer acessar o dominio da forumeiros por um endereço personalizado, é preciso que o provedor host faça um procedimento chamado CNAME no seu dominio forumeiros. Acredito que seja o procedimento ao contrário, deverá entrar com o seu site de hospedagem e solicitar que retirem o CNAME do seu endereço forumeiros.

Vale lembrar que ainda não entrei no painel de controle para verificar as opções, amanhã vou dar uma olhada, se não tiver conseguido, te dou a dica que encontrar.
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Diego
Admin
Admin
avatar

Masculino
Número de Mensagens : 321
Idade : 25
Localização : Aqui no PROJECT-HTML
Pontos : 5438
Reputação : 24
Data de inscrição : 04/07/2008

MensagemAssunto: Re: Uso de tabelas para agrupar imagem e texto   1/3/2011, 12:28 am

Eu ja li esse negocio de Cname la em Geral só que nao entendi nada na verdade.. eu comprei o dominio ja .com aqui [Você precisa estar registrado e conectado para ver este link.] agora queria que redirecionasse para o project html tendeu?

_________________
Quem pode faz, não copia!
[Você precisa estar registrado e conectado para ver esta imagem.]
s2 Diego e Barbara s2
Informações do meu PC:
Processador:Intel Core i5 760 @ 2.80GHz 8Mb cache
Placa mãe: ASUSTeK Computer INC. P7P55D-Deluxe
Memoria Ram: 4.0GB Único -Channel DDR3 @ 668MHz * 2 = 1333Mhz (9-9-9-24)
Placa de video: 512 MB GeForce 8400 GS (XFX Pine Group)
HD: 160GB SAMSUNG SAMSUNG HD161HJ (SATA)
Audio: SoundMAX Integrated Digital Audio
Sistema operativo: MS Windows 7 Ultimate 64-bit
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.projecthtml.tk
Dilson
Especialista
Especialista
avatar

Masculino
Número de Mensagens : 28
Idade : 40
Experiencia em Webdesign : Basico
Pontos : 2542
Reputação : 3
Data de inscrição : 24/12/2010

MensagemAssunto: Re: Uso de tabelas para agrupar imagem e texto   1/3/2011, 12:36 am

Ok, se eu entendi, você comprou outro dominio para o fórum é que ele como oficial.

Terá que entrar em contato com a superdominio.com e pedir que faça um CNAME desse novo dominio apontando para o seu endereço forumeiros, porque o seu endereço forumeiros que é a raiz do seu fórum.
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Diego
Admin
Admin
avatar

Masculino
Número de Mensagens : 321
Idade : 25
Localização : Aqui no PROJECT-HTML
Pontos : 5438
Reputação : 24
Data de inscrição : 04/07/2008

MensagemAssunto: Re: Uso de tabelas para agrupar imagem e texto   1/3/2011, 12:44 am

Vou tentar fazer isso.. vlw

_________________
Quem pode faz, não copia!
[Você precisa estar registrado e conectado para ver esta imagem.]
s2 Diego e Barbara s2
Informações do meu PC:
Processador:Intel Core i5 760 @ 2.80GHz 8Mb cache
Placa mãe: ASUSTeK Computer INC. P7P55D-Deluxe
Memoria Ram: 4.0GB Único -Channel DDR3 @ 668MHz * 2 = 1333Mhz (9-9-9-24)
Placa de video: 512 MB GeForce 8400 GS (XFX Pine Group)
HD: 160GB SAMSUNG SAMSUNG HD161HJ (SATA)
Audio: SoundMAX Integrated Digital Audio
Sistema operativo: MS Windows 7 Ultimate 64-bit
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.projecthtml.tk
Conteúdo patrocinado




MensagemAssunto: Re: Uso de tabelas para agrupar imagem e texto   

Voltar ao Topo Ir em baixo
 
Uso de tabelas para agrupar imagem e texto
Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo 
Página 1 de 1
 Tópicos similares
-
» Centralizar imagem e texto na assinatura
» Código css para colocar imagem no fundo do post
» Aumentar o espaço do titulo para a imagem
» Qual o codigo de CSS para colocar imagem de fundo brilho no nick e trocar a fonte
» Tamanho fixo para a caixa de texto do perfil nas mensagens

Permissão deste fórum:Você não pode responder aos tópicos neste fórum
 :: HTML :: HTML avançado-
Ir para: