Foros del Web » Creando para Internet » CSS »

Imagen con recorrido de texto

Estas en el tema de Imagen con recorrido de texto en el foro de CSS en Foros del Web. Hola Gente, soy realmente nueva en Css y estoy tratando de poner una imágen a la izquierda con el texto al lado (en lugar de ...
  #1 (permalink)  
Antiguo 01/09/2011, 11:55
 
Fecha de Ingreso: septiembre-2011
Ubicación: Buenos Aires, Argentina
Mensajes: 2
Antigüedad: 13 años, 3 meses
Puntos: 0
Exclamación Imagen con recorrido de texto

Hola Gente, soy realmente nueva en Css y estoy tratando de poner una imágen a la izquierda con el texto al lado (en lugar de abajo de la imágen como es de costumbre). Alguien me podria dar alguna ayuda ?
Creé lo siguiente pero no funciona:

.smalltext{font-size:13px; margin-right:200px}

gracias!
Rosana.
  #2 (permalink)  
Antiguo 01/09/2011, 12:32
 
Fecha de Ingreso: septiembre-2011
Ubicación: Buenos Aires, Argentina
Mensajes: 2
Antigüedad: 13 años, 3 meses
Puntos: 0
Respuesta: Imagen con recorrido de texto

Estuve probando el siguiente código pero el márgen no me lo aplica en el párrafo. Alguna ayuda ?

<style type="text/css">
<!--
.t1 {
font-size: 18px;
font-weight: normal;
color: #55432B;
font-family: Helvetica, sans-serif;
}
.t2 {
font-size: 13px;
font-weight: normal;
color: #55432B;
font-family: Helvetica, sans-serif;
text-align: justify;
margin-left: 20px;
}
-->
</style>
<img src="imagen.jpg" style="float:left;">
<p class="t1">The Wearer of Multiple Hats</p>
<p class="t2">Many modern browsers such as Firefox4 of IE9 already support CSS3 natively, but where does</p>
<p class="t2">that leave IE7 and IE8? Thankfully a great solution called CSS PIE (Progressive Internet Explorer)</p>
<p class="t2">has been introduced and is integrated into this template. Simply put, CSS PIE a script that upgrades IE7 </p><p class="t2">and some CSS3 formatting isn't supported, but overall it does a great job and allows us to extend CSS3 support to IE7 and 8.</p>
  #3 (permalink)  
Antiguo 01/09/2011, 16:01
Avatar de Batan  
Fecha de Ingreso: septiembre-2010
Ubicación: Madrid
Mensajes: 408
Antigüedad: 14 años, 3 meses
Puntos: 63
Respuesta: Imagen con recorrido de texto

La propiedad clear te puede servir.
Buscala

Saludos
  #4 (permalink)  
Antiguo 01/09/2011, 17:22
 
Fecha de Ingreso: julio-2011
Mensajes: 220
Antigüedad: 13 años, 5 meses
Puntos: 72
Respuesta: Imagen con recorrido de texto

Hay que sumar al valor que deseamos para margin-left el valor del ancho del etiqueta <img>. Por ejemplo si para la etiqueta <img> tenemos con css width:150px; entonces para el párrafo debemos poner margin-left:170px; que es el ancho de <img> más el margen que se desea (20px).

Etiquetas: recorrido
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 14:30.