Foros del Web » Creando para Internet » CSS »

Maquetación

Estas en el tema de Maquetación en el foro de CSS en Foros del Web. 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" > ...
  #1 (permalink)  
Antiguo 28/05/2008, 08:45
Avatar de el_tigre  
Fecha de Ingreso: febrero-2006
Ubicación: Perú
Mensajes: 1.022
Antigüedad: 11 años, 10 meses
Puntos: 8
De acuerdo Maquetación

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.
  #2 (permalink)  
Antiguo 28/05/2008, 11:25
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Maquetación

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.
  #3 (permalink)  
Antiguo 28/05/2008, 11:56
Avatar de el_tigre  
Fecha de Ingreso: febrero-2006
Ubicación: Perú
Mensajes: 1.022
Antigüedad: 11 años, 10 meses
Puntos: 8
Respuesta: Maquetación

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
  #4 (permalink)  
Antiguo 28/05/2008, 12:57
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Maquetación

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.
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 23:36.