Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 30-may-2007, 13:50   #1 (permalink)
josequinta ha deshabilitado el karma
 
Fecha de Ingreso: mayo-2007
Mensajes: 77
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-may-2007 a las 14:00.
josequinta está desconectado   Responder Citando
Antiguo 20-jul-2007, 22:32   #2 (permalink)
axz
axz tiene algunos puntos positivos de karma
 
Fecha de Ingreso: mayo-2005
Mensajes: 299
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
axz está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 19:14.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93