Ir para conteúdo

Arquivado

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

tdelgrande

Texto abaixo de imagem

Por , em Desenvolvimento frontend

Recommended Posts

tdelgrande    0

tdelgrande
Postado

Olá pessoal!!

 

No site que eu fiz (http://www.cmdois.com.br/html/arquivo_fotos.htm) não consigo colocar o texto embaixo da imagem "Arquivo de Fotos".

 

Já tentei várias coisas, como mexer nas propriedades de margin, text-align, etc. e nada!!

 

Alguém sabe?

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fesi    0

Fesi
Postado

Primeiro corrigi teu xhtml para ele ser validado direitinho aqui: http://validator.w3.org/

Pq continha alguns erros de semântica para o XHTML 1.0 Strict. Dá uma olhada como ficou:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">

<head>

	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<meta name="author" content="Einfall Consultoria - [url="http://www.einfall.com.br""]http://www.einfall.com.br"[/url] />
	<meta name="description" content="Site institucional da CM2" />

	<title>CM2 :: SITE EM CONSTRUÇÃO</title>

	<link rel="stylesheet" media="all" href="../css/estilos.css" type="text/css" />
	<link rel="stylesheet" media="all" href="../css/layout.css" type="text/css" />

</head>

<body>

<div id="principal">
	
   	<div id="topo">
		
	   	<img src="../imagens/layout/logo.jpg" alt="logo" class="logo" />
		<img src="../imagens/layout/menu_r1_c1.jpg" alt="bt_1" class="menu_amarelo" />
		<img src="../imagens/layout/menu_r1_c2.jpg" alt="bt_2" class="menu_amarelo" />

		<img src="../imagens/layout/menu_r1_c3.jpg" alt="bt_3" class="menu_amarelo" />
		<img src="../imagens/layout/menu_r1_c4.jpg" alt="bt_4" class="menu_amarelo" />
		<img src="../imagens/layout/menu_r1_c5.jpg" alt="bt_5" class="menu_amarelo" />	
		
	</div>
	
	<div id="meio">
	  <p class="p_vermelho">
 		<img src="../imagens/arquivo_fotos.jpg" alt="arquivo de fotos" class="logos_internos" /><br />
	   textotextotextotextotextotextotextotexto
		</p>
		  
	</div>
	

</div>

<div id="rodape">

	<p class="cmdois">www.cmdois.com.br</p>
	<p class="einfall">Design por: <a href="http://www.einfall.com.br/" class="link_branco">Einfall</a></p>

</div>

</body>

</html>

Acredito que o que você qria tah aí. você tem de colocar o elemento <img> denro de um elemento em bloco, no caso o <p> pq o <img> é um elemento vazio. Os elementos em linha e elementos vazios devem estar dentro de elementos em bloco.

O texto naum ficava embaixo da imagem pq no teu código você separou a imagem do parágrafo que contém o texto.

Se naum for isso avisa...pq eu naum consigo ver teu site direitinho sem o código CSS.

Só mais uma dica, se tu quer teu site com uma boa colocação nos mecanismos de busca tenta especificar direitinho o conteúdo dentro dos atributos: <alt> e <title>, isso é mais importante, dentre outras coisas, do que usar <meta>. E qd usar <meta> usa uma para listar palavras-chave e a outra para descrever o conteúdo do teu site.

Desculpa a todos se não fiz direito. Mas acredito q sim. Tb sou iniciante em XHTML e gosto de participar da melhor maneira posssível. Espero ter contribuído. Caso me precipitei, por favor, falem para q eu possa melhorar.

xau

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fesi    0

Fesi
Postado

Corrigindo: "Acredito que o que você qria tah aí. você tem de colocar o elemento <img> denro de um elemento em bloco, no caso o <p> pq o <img> é um elemento em linha. Os elementos em linha e elementos vazios (como <br>) devem estar dentro de elementos em bloco."

Elementos vazios = não possuem conteúdo, ou seja, não tem tag de abertura e fechamento.

 

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

webflex    0

webflex
Postado

Olá,

 

No seu CSS:

.logos_internos {
	margin-top:18px;
	margin-left:19px;
	margin-bottom:50px;
	float:left;
	}
	
.p_vermelho {
	margin-top:18px;

	}
Acrescente um float: left na classe p_vermelho:

.logos_internos {
	margin-top:18px;
	margin-left:19px;
	margin-bottom:50px;
	float:left;
	}
	
.p_vermelho {
	margin-top:18px;
	float: left;
	}
Cumps \o/

Compartilhar este post

Link para o post
Compartilhar em outros sites

tdelgrande    0

tdelgrande
Postado

PessoALL, funcionou tudo muito bem. Obrigado!

 

Agora o desafio é colocar uma tabela abaixo com scroll horizontal, ela servirá como um "iframe" de galeria de imagens.

O problema é que o scroll está vertical e eu quero horizontal.

 

Segue o link: http://einfall.com.br/clientes/cm2/html/tu...nho_2007/1a.htm

 

Eu tirei a idéia do site do Maujor: http://maujor.com/dicas/tdscroll.php

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Não quero disvirtuar o assunto do tópico, mas avise a esse rapaz que é bem melhor, mais fácil, fica mais leve, fazer um menu direto em css.

Fica ai a dica. Que continue o tópico.

 

Abraço! http://forum.imasters.com.br/public/style_emoticons/default/natal_biggrin.gif

 

De acordo com o rapaz que desenhou o site no Fireworks e me passou pra eu fazer a diagramação, as imagens são melhores porque não fica com aspecto de texto. Segundo ele tem anti-alias ou algo assim.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito