Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/05/2010, 12:14
Avatar de salvador86
salvador86
 
Fecha de Ingreso: enero-2008
Ubicación: Guadalajara- Mexico
Mensajes: 467
Antigüedad: 16 años, 3 meses
Puntos: 2
Problema con margen que genera una imagen a un parrafo

Hola tengo un diseño aquí http://www.peru-expeditions.com/webweb/ayuda3.html resulta que el titulo de cada cuadro de informacion que es un parrafo en su primera línea aparece un margen izquierdo de unos 5px esto lo genera me supongo la imagen que esta dentro de este parrafo en explorer y no entiendo como borrarlo intente validarlo en W3 pero me sale que esta validado en css 2.1 y que no tiene error y tambien poniendo a las etiquetas margin y padding valor 0 pero aun no me sale.

Este es mi código
Código HTML:
<div class="programa4">
  <p class="f1">
    <a href="c-pg_4x4-2-9.php" target="_top">
      <img src="estructura/tour-02.jpg" border="0" align="left" />
    </a>
    <span>Reinos M&aacute;gicos Express</span>  
  </p>
  <div class="informacion">
    <div id="enlace">| <a href="c-pg_4x4-2-9.php" target="_top">$1850</a></div>9 D&iacute;as
  </div>
  <span class="incluido2">Incluido</span> Lima, Ruinas de Caral, Fortaleza de Paramonga
</div> 
y mi css
Código HTML:
.programa4 {
	width:251px;
	float:left;
	margin:10px 8px 0 0;
	padding: 0 4px 10px 0;
	font-size:10px;
	color: #666666;
	text-align: justify;
}
.programa4 p.f1{
	margin:0 0 5px 0;
	font-weight:bold;
	font-size:12px;
	font-family:Verdana;
	color:#4568b7;
	text-align: left;
}
Si no tuviera ese margen mi diseño sería aprobado, alguna sugerencia gracias
.programa4 span.f2 {
	font-size:10px;
	font-family:Verdana;
	font-weight:bold;
	color: #FF6600;
	margin: 0 0 0 70px;
	padding: 0;
}
.programa4 a{
	font-size:10px;
	font-weight:bold;
	margin:5px 0 5px 5px;
	font-family:Verdana;
	text-decoration:none;
}
.programa4 a:link, .programa4 a:visited, .programa4 a:active{
	color: #666;
}
.programa4 a:hover{
	color: #FFCC00;
}

.contenedor-programas{
	width:840px;
	float:left;
}
.contenedor-fila{
	width:835px;
	float:left;
	background:url(../estructura/hr-full.gif) bottom no-repeat;
	margin: 0;
	padding: 0;
}
.contenedor-fila-2{
	width:830px;
	float:left;
	background:url(../estructura/hr-full-2.gif) bottom no-repeat;
}
.contenedor-fila-1{
	width:830px;
	float:left;
	background:url(../estructura/hr-full-1.gif) bottom no-repeat;
}
.incluido {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
}
.incluido2 {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #4568b7;
}
.informacion {
	width:151px;
	float:right;
	margin-bottom: 10px;
	border-top:#4568b7 solid 1px;
	padding-top: 3px;
}
Gracias por la ayuda