Maquetación

[el_tigre]

amigos, en esta web: betaniaweb.com tengo el código de una imagen y alrededor el texto.

Código HTML:

<div class="contenedor-cajas-serv">
      <div class="cajas-servicios"> 
    
	  <br /><br />
        <ul class="listas_idx"><img src="Images/icono_web.gif" alt="diseno de paginas web" name="img_13" width="58" height="60" id="img_13" />
          <div align="justify">¿Aun no tiene presencia en Internet?, te damos todas las facilidades para tener una página web visualmente atractiva, liviana, y de fácil navegación.<br><br>
          Webs, para tu iglesia, tu ministerio, profesionales, empresariales, etc. </div>
        </ul> 

Pero ahora tengo una imagen que cambia según la necesidad y esta imagen está con otro código y no veo la forma de colocar el texto alrededor, ya lo he intentado pero sin resultado.

Código HTML:

<div class="cajas-serviciosS"><br /> <br />
        <ul class="listas_idx">
		<!-- BEGIN Help Center Live Code, Copyright (c) 2005 Help Center Live. All Rights Reserved -->
<div id="div_initiate" style="position:absolute; z-index:1; top: 40%; left:40%; visibility: hidden;"><a href="javascript:Live.initiate_accept();"><img src="http://www.dcristo.org/hcl/templates/Bliss/images/initiate.gif" border="0"></a><br><a href="javascript:Live.initiate_decline();"><img src="http://www.dcristo.org/hcl/templates/Bliss/images/initiate_close.gif" border="0"></a></div>
<script type="text/javascript" language="javascript" src="http://www.dcristo.org/hcl/class/js/include.php?live&departmentid=4"></script>
<!-- END Help Center Live Code, Copyright (c) 2005 Help Center Live. All Rights Reserved -->		

          <div align="justify">En BetaniaWeb te ofrecemos soporte los 365 días del año para cualquiera problema o duda que tenga sobre alguno de nuestros servicios. </div>
        </ul> 

Es decir la parte que dice:
<!-- BEGIN Help Center Live Code, Copyright (c) 2005 Help Center Live. All Rights Reserved -->
......... es la que contiene la imagen que cambia según se conectan al Help Center.

Por favor si alguno me orienta para que quede el texto alrededor de la imagen del Help Center.

Muchas Gracias.

[Mikmoro]

Para que el texto fluya a su derecha, debes ponerle float: left;
Para que fluya a su izquierda, float: right;

<img src="http://www.dcristo.org/hcl/templates/Bliss/images/initiate.gif" border="0" style="float: left;">

Mikel.

[el_tigre]

Hola Mikel gracias por la yuda, pero no me ha funcionado, le he agregado el float: right; y no funciona ni probando en FF ni en IE

[Mikmoro]

Bueno, lo cierto es que no había mirado tu código porque la respuesta era clara a tu pregunta concreta.

En primer lugar no debes tener esto así:

<ul class="listas_idx"><img src="Images/icono_web.gif" alt="diseno de paginas web" name="img_13" width="58" height="60" id="img_13" />

no debes inicia una lista de elementos <ul> y poner dentro un div sin haber puesto un elemento de lista. Es decir: el ul dice que esto será una lista, y luego vendrán los elementos de esa lista (li). Tú no tienes elementos de lista, sino el div directamente dentro de un ul, que no sé para qué usas, pero es incorrecto.

Y en segundo lugar, tu imagen está en un div, y es éste el que probablemente no deja que el texto se acomode al lado, porque un div tiene por defecto propiedad de bloque (display: block), y por lo tanto ocupa toda su línea en el flujo del documento.

Así que corrige ese par de cosillas, pon cómo tienes definidas las propiedades css de ese div y vemos cómo solucionarlo.

Mikel.