Listas e imagenes

DeadManWalking · #1 (**permalink**) 23/11/2011, 20:42

Hola muchachos:

Necesito ayuda con esto:

http://www.tusecretoperu.com/css.html

Como puedo hacer q las listas no se incrusten dentro de la imagen usando CSS?

AYUDAAAAAAAAAAAAAAAAAAA POR FAVOR!!!!!!!!!!!!!!!!!!!!!!!!!! :(

comablck · #2 (**permalink**) 24/11/2011, 00:29

tenes abierta la etiqueta <p> al inicio de la imagen.. pero nunca cierra.. para darle margen.. dale un margin-left al <ol>

emprear · #3 (**permalink**) 24/11/2011, 00:31

lo primero es usar

ol {
list-style-position: inside;
padding: 0;
marign: 0;
}
y darle un margin-rigth a la imagen
El resto es acomodarlo

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>
Documento sin título
</title>
<style type="text/css">
/*<![CDATA[*/
div{
width: 650px;
font-family: arial, serif;
font-size: 10pt;
padding: 0;
margin: 0;
}
ol {
margin: 0;
padding: 0;
list-style-position: inside;
}
img{
float: left;
margin: 0 10px 3px 0;
}
/*]]>*/
</style>
</head>
<body>
<div>
<img src="img/pic3.jpg" width="215" height="250" alt="" />
<p class="textob">
Que Hacemos
</p>
<p class="texto1">
La asociación realiza actividades a nivel nacional o internacional, siendo las principales las
siguientes:
</p>
<ol class="texto">
<li>Desarrolla programas de capacitación en diferentes niveles en gobierno electrónico, tecnologías
de información y comunicaciones para entidades públicas y privadas.
</li>
<li>Sensibilizar al personal de las entidades públicas en todos sus niveles, así como a los
protagonistas del sector privado, para que los servicios ofrecidos y la interacción con la
ciudadanía se realice por medio de estrategias de múltiples canales de
acceso.
</li>
<li>Elaborar herramientas y fomentar el uso de los medios electrónicos en otros ámbitos de la
sociedad, de tal forma que se pueda percibir la utilidad en la gestión pública.
</li>
<li>Realizar y/o participar en estudios e investigaciones sobre tecnologías de información y
comunicaciones o  de capacitación vinculada o complementaria.
</li>
<li>Promover, auspiciar, organizar, y desarrollar congresos, diplomados, cursos, simposios,
seminarios, conferencias y otros sobre materias relacionadas con sus objetivos.
</li>
<li>Promover y realizar publicaciones y actividades sobre materias vinculadas a sus objetivos.
</li>
<li>Cooperar, coordinar o prestar sus servicios, según fuere necesario, a personas naturales así
como al estado, universidades, instituciones y entidades productivas, científicas, académicas y
profesionales del país, o del extranjero en las investigaciones, eventos, publicaciones y demás
actividades que realicen.
</li>
<li>Celebrar toda clase de acuerdos, convenios o contratos con personas naturales o jurídicas,
públicas o privadas, necesarios para el cumplimiento de sus objetivos, proyectos y programas.
</li>
<li>Desarrollar proyectos de capacitación laboral.
</li>
</ol>
</div>
</body>
</html>

SAludos