Foros del Web » Creando para Internet » CSS »

Problemas con divs

Estas en el tema de Problemas con divs en el foro de CSS en Foros del Web. Saludos y gracias por leer el mensaje: Mi problema ahora es el siguiente. Tengo una caja creada con css. El problema, que al poner una ...
  #1 (permalink)  
Antiguo 30/05/2007, 14:50
 
Fecha de Ingreso: mayo-2007
Mensajes: 80
Antigüedad: 10 años, 6 meses
Puntos: 0
Pregunta Problemas con divs

Saludos y gracias por leer el mensaje:

Mi problema ahora es el siguiente.
Tengo una caja creada con css. El problema, que al poner una imagen de titulo en la div "top", me sale en la parte de abajo en el explorador.

Dicha caja esta dentro de una celda, y aqui va el codigo

Código:
 
CSS:

div.top {
	height:42px;
	background-image:url(Images/top_line.gif);
	background-repeat: repeat-x;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
	
img.esquina_sup_izq { float:left; }
img.esquina_sup_der { float:right; }

div.content { 
	background-image:url(Images/left_line.gif); 
	background-repeat:repeat-y; }
	
div.boxcontrol { padding:0 5% 0 5%; 
	background-image:url(Images/right_line.gif); 
	background-position:right; 
	background-repeat:repeat-y; }
	
div.bottom { height:28px; 
	background-image:url(Images/btm_line.gif); 
	background-repeat:repeat-x; 
	border:0;
	padding:0;
	margin:0;}
	
img.esquina_inf_izq { float:left; }
img.esquina_inf_der { float:right; }

h1 { margin:0; border-bottom:1px dashed #996;}

p.autor { padding-right:8px; 
	border-right:1px dashed #996;
	text-align:right;
	margin:-.1em 0 0 0; }
	
/* IE 5.5 box model hack para posicionar correctamente las imagenes de esquina */
* html img.esquina_sup_izq, * html img.esquina_inf_izq  { \margin-left:-.2em;  ma\rgin-left:0; }
* html img.esquina_inf_der, * html img.esquina_sup_der {
	\margin-left:.2em;
}
y aqui la del .asp: solo la celda:
Código:
HTML:

<div id="top" class="top"> <img src="Images/top_left.gif" alt="Esquina superior izquierda" width="38" height="42" class="esquina_sup_izq" /><img src="/Images/Images_43.png" width="215" height="42" /><img src="/Images/top_right.gif" width="25" height="42" class="esquina_sup_der" /></div>
<div id="content" class="content">
<div id="box_control" class="boxcontrol">
<h1>&nbsp;</h1>
<p>&nbsp;</p>
<p class="autor">.</p>
<br />
</div>
</div>
<div id="bottom" class="bottom">
<img src="Images/btm_left.gif" alt="Esquina inferior izquierda" width="5" height="7" class="esquina_inf_izq" />
<img src="Images/btm_right.gif" alt="Esquina inferior iderecha" width="5" height="7" class="esquina_inf_der" /></div>

Última edición por josequinta; 30/05/2007 a las 15:00
  #2 (permalink)  
Antiguo 20/07/2007, 23:32
axz
 
Fecha de Ingreso: mayo-2005
Mensajes: 360
Antigüedad: 12 años, 6 meses
Puntos: 10
Re: Problemas con divs

Si te entendí bien, te refieres a que la imagen:
Código HTML:
<img src="/Images/top_right.gif" width="25" height="42" class="esquina_sup_der" /> 
no se muestra al mismo nivel que las otras ... en caso de ser así (y aún si no) ... hay un pequeño detalle en hoja de estilos:
div.top <-- incorrecto
div .top <-- correcto
... debes usar espacios para separar las asociaciones ... espero haber sido útil

Suerte y un saludo
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 14:21.