Foros del Web » Creando para Internet » CSS »

(ayuda) ubicacion de cajas

Estas en el tema de (ayuda) ubicacion de cajas en el foro de CSS en Foros del Web. Hola, que tal? El codigo css validado me da bien...el tema es que quiero ubicar las cajas a mi gusto...pero no se como... les dejo ...
  #1 (permalink)  
Antiguo 16/10/2008, 17:11
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 9 años, 9 meses
Puntos: 21
(ayuda) ubicacion de cajas

Hola, que tal?

El codigo css validado me da bien...el tema es que quiero ubicar las cajas a mi gusto...pero no se como...

les dejo el css:

#all-home
{
margin:0;
padding:0;
}

#home1
{
width:auto;
width:35%;
text-align:center;
padding-bottom:25px;
}

#home1a
{
margin:0px;
padding:0px;
background-color: #c2e4b3;
border-top:2px solid #007F00;
border-left:1px dotted #d3d3d3;
border-right:1px dotted #d3d3d3;
font-family:Calibri; font-size:16px;
text-align:center;
}

#home1b
{
border-left:1px dotted #d3d3d3;
border-right:1px dotted #d3d3d3;
}

#home1c
{
margin:0px;
padding:0px;
border-left:1px dotted #d3d3d3;
border-right:1px dotted #d3d3d3;
border-bottom:1px dotted #d3d3d3;
border-top:1px dotted #d3d3d3;
background-color: #e4efff;
font-family:Calibri;
font-size:12px;
text-align:center;
}

#home2
{
width:auto;
width:35%;
text-align:center;
padding-bottom:25px;
}

#home2a
{
margin:0px;
padding:0px;
background-color: #c2e4b3;
border-top:2px solid #007F00;
border-left:1px dotted #d3d3d3;
border-right:1px dotted #d3d3d3;
font-family:Calibri;
font-size:16px;
text-align:center;
}

#home2b
{
border-left:1px dotted #d3d3d3;
border-right:1px dotted #d3d3d3;
}

#home2c
{
margin:0px;
padding:0px;
border-left:1px dotted #d3d3d3;
border-right:1px dotted #d3d3d3;
border-bottom:1px dotted #d3d3d3;
border-top:1px dotted #d3d3d3;
background-color: #e4efff;
font-family:Calibri;
font-size:12px;
text-align:center;
}

#post
{
width:auto;
width:35%;
text-align:center;
padding-bottom:25px;
}

#post1
{
margin:0px;
padding:0px;
background-color: #c2e4b3;
border-top:2px solid #007F00;
border-left:1px dotted #d3d3d3;
border-right:1px dotted #d3d3d3;
font-family:Calibri;
font-size:16px;
text-align:center;
}

#post2
{
border-left:1px dotted #d3d3d3;
border-right:1px dotted #d3d3d3;
}

#post3
{
margin:0px;
padding:0px;
border-left:1px dotted #d3d3d3;
border-right:1px dotted #d3d3d3;
border-bottom:1px dotted #d3d3d3;
border-top:1px dotted #d3d3d3;
background-color: #e4efff;
font-family:Calibri;
font-size:12px;
text-align:center;}

y aqui el html:

<body>
<div id="all-home">


<div id="home1">

<div id="home1a">Incorpore contenido aquí</div>

<div id="home1c">Contenido</div>

<div id="home1c"><a href="?mod=faqs">Incorpore contenido aquí</a></div>

</div>

<div id="home2">

<div id="home2a">Indice de FAQs</div>

<div id="home2b"><?php include('http://www.nutrimel.com.ar/includes/faqs.php');?></div>

<div id="home2c"><a href="?mod=faqs">ver más</a></div>

</div>

<div id="post">

<div id="post1">Últimos Post del Blog</div>

<div id="post2">Contenido</div>

<div id="post3"><a href="?mod=faqs">ver más</a></div>

</div>
</div>
</body>

Saludos.
  #2 (permalink)  
Antiguo 16/10/2008, 17:16
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: (ayuda) ubicacion de cajas

Muy bueno.¿Y cuál es tu gusto?
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 16/10/2008, 17:30
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 9 años, 9 meses
Puntos: 21
Respuesta: (ayuda) ubicacion de cajas

caja1

....cAJA2

........cAJA3

algo asÍ, he intentado con positio:absolute, left right, position relatrive..pero no logro ubicarlas..
Sugerencias.??
  #4 (permalink)  
Antiguo 16/10/2008, 17:38
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: (ayuda) ubicacion de cajas

Ni lo imagino. Sería mejor que intentaras hacer un dibujo.
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 16/10/2008, 18:31
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 9 años, 9 meses
Puntos: 21
Respuesta: (ayuda) ubicacion de cajas

Ok.
Bueno quedo asi: iniciol

Aca las modificaciones en el css:

#home1
{
width:auto;
width:35%;
padding-bottom:25px;
position:absolute;
left:25px;
}

#home2
{
width:auto;
width:35%;
padding-bottom:25px;
position: absolute;
left:62%;
}

#post
{
width:auto;
width:50%;
}

En estos # estan las modificaciones el html sigue igual....
No consigo que post baje debajo de los home1 y 2 y cdo estos crezcan el post baje...
  #6 (permalink)  
Antiguo 16/10/2008, 18:38
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: (ayuda) ubicacion de cajas

Cita:
Iniciado por opzina Ver Mensaje
No consigo que post baje debajo de los home1 y 2 y cdo estos crezcan el post baje...
¿El post? ¿home1 y 2? no los veo por ninguna parte. Yo me rindo.
__________________
Visita mi nueva web idplus.org
  #7 (permalink)  
Antiguo 16/10/2008, 18:59
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: (ayuda) ubicacion de cajas

Creo que se refiere a que el #post se posicione por debajo (en la vertical) de los home1 y home2.
Pero la cuestión es que aunque los home tienen un ancho de 35% cada uno y el post 50% (está repetido el width con auto y 50%) y la suma total da un 120%, el post no baja a la siguiente 'línea' por que los home tienen posición absoluta (left 25px y left 62% respectivamente), así que si te hubiese leído (creo que fue ayer la última vez que lo dejaste claro), ya sabría la respuesta.
Respuesta que vamos a dejar un rato pendiente para favorecer la búsqueda y lectura.
Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #8 (permalink)  
Antiguo 16/10/2008, 19:10
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: (ayuda) ubicacion de cajas

Ah, coño, los home1 y 2 de la css. Es que directamente he mirado la página del link, y no veía eso por ninguna parte.

Lo siento, pero mirando las propiedades de la css sigo sin entender qué es lo que quieres hacer, así que por mi no será por suspense ( ) sino porque no sabría qué hacer, no sé qué buscas.

Efectivamente, repites los width, luego a home2 le das un left:62%;, ... no entiendo nada, sinceramente.
__________________
Visita mi nueva web idplus.org
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 05:43.