Colocar na mesma linha código html visto na tela

  • Autor Autor Esgrimidor
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
E

Esgrimidor

Beta
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Colocar en la misma línea

tengo un widget donde propongo el siguiente código HTML :


HTML:
<a href="http://www.vulka.es" title="buscador"><img src="http://www.vulka.es/images/vk_recomendada4.gif" width="88" height="31" alt="buscador" /></a>

en lo que sigue me gustaría proponer el código de una mini bandera inglesa y al lado mi número de móvil


algo así



el sello anterior + bandera inglesa + número de móvil. que quede todo centradito.



bueno no se si me he sabido explicar, pero puedo aclarar lo que no se entienda.



Gracias

Feliz Año
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Te recomiendo que leas un poco Css... el cual da diseño a html... te puede ayudar a lograr lo que deseas. 🙂
 
Gracias Sandrajaimes.
Lo intenté mediante una tabla en html pero entonces no me sale la imagen.
Un enlace de Css al respecto por favor ?

- - - Actualizado - - -

voy a retomar primero el tema de la tabla. Creo que no me sale la imagen porque en la ayuda que me pasaron no la ponían......
Con lo que salga comentamos.
Si puedes, por aprender, poner el enlaces CSS en cuestión .....
Gracias

- - - Actualizado - - -

Estoy más cerca, pero me hace falta una ayuda.
No logro que se alineen los elementos.
El código
Inserir CODE, HTML ou PHP:
<table align="center" border="0" width="90%"> <tbody> <tr> <td style="vertical-align:middle;"><a title="buscador" href="http://www.vulka.es"><img alt="buscador" src="http://www.vulka.es/images/vk_recomendada4.gif" width="88" height="31" /></a></td> <td style="vertical-align:middle;"><img src="http://img203.imageshack.us/img203/7330/banderagranbretanaukrei.png" title="" alt="" />    661 018 074</td> </tr> </tbody> </table>

El resultado




Qué puedo hacer para formatear mejor el resultado ?

Gracias
 
Las tablas son muy antiguas. Tendrías que probar usando divs.

Inserir CODE, HTML ou PHP:
<div id="left">
	<a href="http://www.vulka.es" title="buscador"><img src="http://www.vulka.es/images/vk_recomendada4.gif" width="88" height="31" alt="buscador" /></a>
</div>
<div id="right">
	<img src="http://i.imm.io/RYP2.png" /> <span>192.168.1.1</span>
<div>

Inserir CODE, HTML ou PHP:
body{
	font-family: 'Arial';
	font-size: 12px;
}
	#left, #right{
	float: left;
}
#right{
	padding-top: 4px;
	margin: 0 5px;
}
span{
	position: relative;
	top: -7px;
}

Lo hice así nomás para que veas como funcionan los divs.
Posiblemente tengas que modifcar los nombres de los divs o algo más dependiendo de como esté tu css ahora.
 
Las tablas son muy antiguas. Tendrías que probar usando divs.

Inserir CODE, HTML ou PHP:
<div id="left">
	<a rel="nofollow" href="http://www.vulka.es" title="buscador"><img src="http://www.vulka.es/images/vk_recomendada4.gif" width="88" height="31" alt="buscador" /></a>

</div>
<div id="right">
	<img src="http://i.imm.io/RYP2.png" /> <span>192.168.1.1</span>
<div>

Inserir CODE, HTML ou PHP:
body{
	font-family: 'Arial';
	font-size: 12px;
}
	#left, #right{
	float: left;
}
#right{
	padding-top: 4px;
	margin: 0 5px;
}
span{
	position: relative;
	top: -7px;
}

Lo hice así nomás para que veas como funcionan los divs.
Posiblemente tengas que modifcar los nombres de los divs o algo más dependiendo de como esté tu css ahora.
Estoy de acuerdo contigo 😉 las tablas son muy antiguas, prueba con eso. Sino, te lo digo de otra manera
 
Hazlo así ...
.....
.....
texto

- - - Actualizado - - -

Hazlo así ... < img src="" align="middle"> < img src="" align="middle"> texto

- - - Actualizado - - -

PD: No puedo editar mi mensaje... qué raro...
 
muchas gracias a todos. Salgo lleno de soluciones.
 

Tópicos similares

N
Respostas
0
Visitas
717
nivaria
N
Voltar
Topo