Foros del Web » Creando para Internet » CSS »

Problema con margen que genera una imagen a un parrafo

Estas en el tema de Problema con margen que genera una imagen a un parrafo en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 24/05/2010, 13:14
Avatar de salvador86  
Fecha de Ingreso: enero-2008
Ubicación: Guadalajara- Mexico
Mensajes: 467
Antigüedad: 9 años, 11 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
  #2 (permalink)  
Antiguo 24/05/2010, 13:23
Avatar de salvador86  
Fecha de Ingreso: enero-2008
Ubicación: Guadalajara- Mexico
Mensajes: 467
Antigüedad: 9 años, 11 meses
Puntos: 2
Respuesta: Problema con margen que genera una imagen a un parrafo

Hola, disculpen por no haber visto el problema antes solo era colocar padding y margin 0 al hipervinculo.

Etiquetas: margen
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 03:43.