Foros del Web » Creando para Internet » HTML »

escribir al lado de una imagen

Estas en el tema de escribir al lado de una imagen en el foro de HTML en Foros del Web. Buenas soy nuevo en esto de html y estoy usando dreamweaver cs3 para configurar mi web, el problema que tengo es que cuando coloco una ...
  #1 (permalink)  
Antiguo 02/04/2010, 16:45
 
Fecha de Ingreso: enero-2009
Mensajes: 1
Antigüedad: 15 años, 2 meses
Puntos: 0
escribir al lado de una imagen

Buenas soy nuevo en esto de html y estoy usando dreamweaver cs3 para configurar mi web, el problema que tengo es que cuando coloco una imagen y quiero escribir al lado de ella solo me deja escribir donde quiera sino en la ultima linea donde esta la imagen, aqui les dejo una imagen de lo que quiero decir:



No se si me doy a entender con este pero yo quiero empezar a escribir desde la parte de arriba de la imagen pero solo me deja empezar a escribir desde abajo como se muestra la imagen.

alguien me puede ayudar con esta duda, no se eso tenga que ver con el css o sera un código html.
  #2 (permalink)  
Antiguo 02/04/2010, 17:58
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.734
Antigüedad: 14 años, 11 meses
Puntos: 1517
Respuesta: escribir al lado de una imagen

Si miras el código (que esperamos, que estés familiarizado con HTML), vas a ver la etiqueta que dice <img ....... /> En esa etiqueta tienes que indicar un atributo llamado align (aunque ese atributo está obsoleto, para ello tienes que indicarlo con CSS, pero a mi entender como estás empezando, es para que veas que tienes que hacer). Mira aquí ejemplos de como hacerlo http://w3schools.com/tags/tag_img.asp En tu caso tienes que indicar que esté alineado a la izquierda align="left". Pero vuelvo y te indico que este atributo es obsoleto, es mejor que te vayas acostumbrando a usar CSS para hacer los cambios.
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #3 (permalink)  
Antiguo 04/04/2010, 08:31
Avatar de educhip  
Fecha de Ingreso: mayo-2008
Ubicación: Granada
Mensajes: 84
Antigüedad: 15 años, 11 meses
Puntos: 6
Respuesta: escribir al lado de una imagen

Yo lo haría creando una tabla de 2 columnas y una fila, en la columna izquierda metes la imagen y en la derecha el texto, te sitúas en ésta columna de la derecha y abajo en el panel de propiedades pones alinemiento vertical "superior". Es una manera ordenada de hacerlo aunque como comenta el compañero anterior es otra opción.

Un saludo.

[URL="http://www.neuronsoluciones.com"]educhip[/URL]
  #4 (permalink)  
Antiguo 04/04/2010, 12:35
Avatar de raxper  
Fecha de Ingreso: enero-2010
Ubicación: ------
Mensajes: 472
Antigüedad: 14 años, 3 meses
Puntos: 2
Respuesta: escribir al lado de una imagen

Código:
<table align="center" width="700" height="402" border="0" style="background-image:url(http://img297.imageshack.us/img297/733/85988449.gif); background-repeat: no-repeat;"><tr> 
<th height="219" class="Estilo39" scope="row">
Hola como estas
</th>
    </tr> 
</table>
O asi ? =S

Código:
<table width="205" height="174" border="1" style="border:#CCCCCC">
  <tr>
    <td align="center">Planeta Tierra</td>
  </tr>
  <tr>
    <td><img src="http://www.verdaderoofalso.com/imagenes/planeta-azul.jpg"></td>
  </tr>
</table>

Última edición por raxper; 04/04/2010 a las 13:00
  #5 (permalink)  
Antiguo 04/04/2010, 13:07
Avatar de educhip  
Fecha de Ingreso: mayo-2008
Ubicación: Granada
Mensajes: 84
Antigüedad: 15 años, 11 meses
Puntos: 6
Respuesta: escribir al lado de una imagen

de la segunda forma que pones, pèro si quieres escribir al lado de la imagen debes hacer una tabla con una fila y dos columnas.
Te pongo el codigo:

Código:
<table width="791" height="276" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="450"><img src="http://www.verdaderoofalso.com/imagenes/planeta-azul.jpg"></td>
    <td width="341" valign="top"></td>
  </tr>
</table>
  #6 (permalink)  
Antiguo 04/04/2010, 14:35
Avatar de El_seba  
Fecha de Ingreso: enero-2010
Mensajes: 27
Antigüedad: 14 años, 3 meses
Puntos: 0
Respuesta: escribir al lado de una imagen

Hola.
Que yo sepa, para escribír al lado de una imagen debes alinearla, para eso utilizas el tag 'align'. Para alinearla debes agregar al final del código de la imagen lo siguiente:
Cita:
align="left"
Osea que te quedaría así:
Cita:
<img src="" align="right" />
(Poniendo los otros parámetros de la imagen: tamaño, descripción, etc...)

Saludos!
  #7 (permalink)  
Antiguo 04/04/2010, 15:28
 
Fecha de Ingreso: abril-2010
Mensajes: 7
Antigüedad: 14 años
Puntos: 0
Respuesta: escribir al lado de una imagen

Hola diego prox puedes ver el ejemplo que te hice aqui, y lo puedes vajar desde ahi tambien, ves el codigo y no es nada complicado

agregale la www.

lynn.freetzi.com/test/

Etiquetas: escribir, lado
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:43.