Ver originales (Francés)

Posicionar una imagen en una página html

Resuelto
Cbast7 -  
Hola,

Quisiera colocar una imagen en una página html, es decir, posicionarla en el lugar deseado, en mi caso al lado de un texto y no en la parte inferior de la página. ¿Cómo puedo hacerlo, por favor? 
Configuración: Windows XP Firefox 3.0.11

2 respuestas

  1.  monkey_monk
    Aquí tienes un ejemplo de lo que pides:

    [HTML] 
    <img class="left" src="image.jpg" width="225" height="150" alt="" title="" /> <h2>Un subtítulo.</h2> <p>Un párrafo.</p>


    [CSS] 

    .left { float:left; margin:0 10px 0 20px; } // margen = arriba,derecha,abajo,izquierda


    Nota, para hacerlo más simple puedes hacer: 

    <img class="left" src="image.jpg" width="225" height="150" alt="" title="" style="float:left;margin:0 10px 0 20px;" />


    Buen día.

    70
    1. Cbast7 Autor
      ```html
      <link rel="stylesheet" type="text/css" href="votre-feuille-de-style.css" />
      ```
      1
    2. monkey_monk 
      <link rel="stylesheet" type="text/css" media="all" href="style.css" />


      debe ir entre <head> y </head>.

      --
      [Monkey Monk]
      1
    3. monkey_monk 


      <img class="left" src="image.jpg" width="225" height="150" alt="" title="" style="float:left;margin:0 10px 0 20px;" />


      --
      [Mono Mono]
      17
    4. Cbast7 Autor
      sí, prefiero trabajar con CSS, eso me enseñará más, pero si veo que estoy luchando un poco, por supuesto que haré con ese código =)
      3
    5. monkey_monk
      El último código que te di no es efectivamente "muy bonito"... es mejor trabajar separando los elementos.

      ¡Diviértete entonces! ;)

      --
      [Monkey Monk]
      1