Colocar en la misma línea código html visto en pantalla

  • Autor Autor Esgrimidor
  • Fecha de inicio Fecha de inicio
E

Esgrimidor

Beta
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de 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
 
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
Insertar CODE, HTML o 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.

Insertar CODE, HTML o 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>

Insertar CODE, HTML o 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.
 
deadmau5 dijo:
Las tablas son muy antiguas. Tendrías que probar usando divs.

Insertar CODE, HTML o 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>

Insertar CODE, HTML o 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.
Hacer clic para expandir...
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.
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

N
Todo en la misma línea
Respuestas
0
Visitas
717
nivaria
N
Atrás
Arriba