img/absolute middle [problema]

[p.d 0]

A coisa toda funciona e muito bem no Internet Explorer, quando coloco uma imagem e na frente dessa mesma um texto e seto essa imagem como Absolute Middle, testando no Internet Explorer fica da forma correta, o texto exatamento no meio da imagem, mas ao testar o mesmo arquivo no Firefox a imagem fica acima do texto, entao ele nao no meio como o codigo manda.

<img src="path/imagem.gif" align="absmiddle" />

O que devo fazer ou usar para que isso aconteça no IE e no FF.

 

Agradeço a todos desde ja.

Preciso dessa maozinha...

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

[Guilherme Rambo 4]

a primeira dica é não usar atributos de formatação dentro do HTML, formatação é CSS http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

coloque antes de mais nada no seu css:

* {vertical-align:middle}

E pro texto ficar ao lado da imagem, você pode por float na imagem

 

[]'s

[Lilla Borba 0]

Eu nunca consigo fazer isso funcionar...Deveria funcionar com tudo?div, table, img...???Alias, o que me faz desistir de desenvolver toda semana é isso! =(

[Guilherme Rambo 4]

O que não funciona amigo?

Se quizer eu te mostro exemplos disso funcionando perfeitamente, não é nada de outro mundo http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

[]'s

[Lilla Borba 0]

O que não funciona amigo?Se quizer eu te mostro exemplos disso funcionando perfeitamente, não é nada de outro mundo http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif[]'s

Simplesmente não funciona. Ja tentei com tudo.dando "class" para imagemjogando o seletor body.Usando DIV, tabela.Ja vi isso em vários sites, inclusive o ultimo q vi tinha esse comando só que em javascript, mas usando css não consigo jamais :(

[Guilherme Rambo 4]

http://www.fatonovo.com.br/ler.php?id=49 , Eui que fiz esse site, esse é o link pra ler uma noticia, repare que no meio do texto tem uma foto, da uma olhada nos codigos e veja como é simples fazer um esquema desses

 

[]'s

[p.d 0]

Retirei o absolute middle das tags html e mandei ver no vertical align ai ficou foi pior. Estou usando lista pra montar o menu sera q da mais problemas?

HTML

<div>				<ul id="menu">					<li><a href="termo.pdf"><img src="imagens/pdf_page.gif" /> Termo de Regulamento</a></li>					<li><a href="edital.pdf"><img src="imagens/pdf_page.gif" /> Edital</a></li>					<li><a href="cronograma.pdf"><img src="imagens/pdf_page.gif" /> Cronograma</a></li>					<li><a href="regulamento.pdf"><img src="imagens/pdf_page.gif" /> Regulamento </a></li>					<li><a href="documentos.htm"><img src="imagens/cog.gif" /> Outros documentos </a></li>				</ul>			</div>

CSS:

#menu {	margin:0;	padding:0;	position:relative;	display:block;	list-style-type:none;	width:auto;	font:13px "Trebuchet MS", Arial;}#menu li {	display:block;	padding:3px 0 0 0;	margin:0;	height:20px; }#menu li a {	text-decoration:none;	color:#333;	height:20px;	padding:3px 0 0 5px;	margin:0;	display:block;	/* border-bottom:1px solid #ddd; */}#menu li a:hover {	background:#FAFAFA;	padding-left:7px;	color:#000;}

Esse é o codigo limpo sem usar nada para alinhar, quando eu coloco vertical align dentro do '#menu li' ai desalinha tudo.

Alguem sabe como resolver esse enigma? eehee

desde ja obrigadão dinovo. Acho que muita gente vai agradecer por isso kkkk...

[Giovani 104]

O problema, por acaso, é com a figura dentro do <li>? Fica mais fácil fazer o seguinte:

#menu li{background: url(suaImagem) left center no-repeat;......}

Sobre o vertical-align vale a pena ler o seguinte artigo: Vertical-align no CSS. Como, quando e por que usar.[]´s

[p.d 0]

Uepa.... resolvido, funciona no ie e no ff, tirei a formatacao do html e coloquei no css:

#menu img {	vertical-align:top;}

:)~

[Giovani 104]

você colocou a imagem do menu na css?

[p.d 0]

O menu ficou da mesma forma que foi colocado no POST #7 aki nesse topico, e dentro do css eu so acrescentei esse code com imgO alinhamento ficou igual no IE e no FF

[Giovani 104]

Tranquilo, se quiser você pode tentar fazer da forma que indiquei outra hora.

Vai ver que é bem tranquilo!

 

[]´s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif