Comunidad de diseño web y desarrollo en internet online

Preciso ayuda para colocar box en mi web

Citar            
MensajeEscrito el 27 Jul 2012 05:40 pm
Hola, queria saber si podian ayudarme con este problemita que no puedo resolver por ahora
En mi index quiero colocar box´s para colocar noticias, links etc.. pero al querer colocar las imagenes de los box´s no aparecen..

Les muestro como lo hice en photoshop y como esta hecho en html

IMAGEN: Hay les muestro el box central (Marcado en ROJO) y bueno, los box´s secundarios.. así es como quisiera que quede.
[img]www.redemptioncraft.com/muestra.png[/img]

Ahora les muestro el HTML como lo tengo

Código HTML :

<div id="contenido_principal">
         
         <div id="box_p_top"></div> 
         <!--- Termina box_p_top, ENCABEZADO DEL PRINCIPAL -->

         <div id="box_p_body"></div>
         <!--- Termina box_p_top, CUERPO DEL BOX PRINCIPAL -->

         <div id="box_p_down"></div>
         <!--- Termina box_p_t, CUERPO DEL BOX PRINCIPAL -->
      </div> <!--- Termina contenido_principal -->
      
      <div id="contenido_secundario">

         <div id="box_s_top"></div> 
         <!--- Termina box_s_top, ENCABEZADO DEL BOX SECUNDARIO -->

         <div id="box_s_body"></div>
         <!--- Termina box_s_body, CUERPO DEL BOX SECUNDARIO -->
      </div> <!--- Termina contenido_secundario -->
   </div> <!-- Termina interior-->
</div>   <!--- Termina contenido-->


El div CONTENIDO es el que contiene a los div Box_p_top;body;down y alli armaria en BOX en 3 partes en el top pongo la parte superior, en el body todo el cuerpo y allí iria el texto y en down un cierre simplemente.

Aquí les dejo el codigo CSS la verdad que ahora no debo tener nada porque hice tantas pruebas que termino siendo una locura.. :P

Código CSS :

div#contenido_principal #box_s_top{
background-image:url("../img/contenido_secundario_top.png");
width:30%;
height:200px;
}


Esto es lo unico que tengo intentando que funcione, pero no aparece..No sé que sera, si alguien pudieran ayudarme le agradesco

Por Ramab

11 de clabLevel



 

firefox
Citar            
MensajeEscrito el 27 Jul 2012 06:50 pm
Hola Ramab espero poder ayudarte, viendo tu código, lo que principalmente te recomendaría es que en los estilos separaras el contenido principal, ya que en tu css le estas dando el mismo estilo al div principal y al div top, por cierto no se si realmente te este reconociendo el estilo ya que antes de declarar tu id(#) le pones la palabra "div", tambien puedes probar quitandole esa palabrita. Saludos

Por Erickito

7 de clabLevel



 

chrome
Citar            
MensajeEscrito el 28 Jul 2012 01:41 am
Tenes razón lo del css ahora lo noto, pero los box deben ir dentro del div contenido principal ya que sino el div (Que tiene fondo blanco) se me hace más pequeño y eso no me sirve :P
Bueno igual probare, gracias por la respuesta, y vere si alguien me dice algo más :B
Muchas gracias Erickito

Por Ramab

11 de clabLevel



 

firefox
Citar            
MensajeEscrito el 30 Jul 2012 06:14 pm
bueno a mi forma de ver la imagen yo lo pondria asi
<div id="principal">
<div id="izquierdo">
Todos los divs
<div>
<div id="derecho">
todos los divs
</div>
</div>

en un identificador pones los estilos que corresponden y en una clase todos los estilos que sea comunes en ellos

Saludos cordiales

Por joshuavw

Claber

306 de clabLevel



Genero:Masculino  

Juego, aprendo y programo

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.