Foros del Web » Creando para Internet » CSS »

Como limitar tamaño en un lado (equilibrar ambas columnas)

Estas en el tema de Como limitar tamaño en un lado (equilibrar ambas columnas) en el foro de CSS en Foros del Web. Hola. La verdad no se si se entienda bien la pregunta pero es algo sencillo. (Les aclaro que soy nueva en esto) Tengo un blog ...
  #1 (permalink)  
Antiguo 20/10/2009, 20:11
Avatar de mii_mii  
Fecha de Ingreso: octubre-2009
Mensajes: 38
Antigüedad: 8 años, 2 meses
Puntos: 0
Como limitar tamaño en un lado (equilibrar ambas columnas)

Hola. La verdad no se si se entienda bien la pregunta pero es algo sencillo. (Les aclaro que soy nueva en esto)

Tengo un blog al cual le he editado bastante una plantilla. El punto es que la "zona" de los post no tiene un limite. O sea todos quedan uno bajo otro, pero no me sale lo de "post anteriores" ni nada. (esta lo de los meses, pero no hay un limite)

Les dejo este ejemplo:

i35.tinypic.com/2ppbt61.jpg (ya saben, agregen lo que falta xD)

Lo que quiero es que ambas partes queden iguales (el final de "credits" y el de los post) y la pagina no siga quedando interminable de tantos post sin fin. (Y ya como se puede editar el "top", quisiera saber que puedo agregar para modificar tambien esta zona)

PD: No quiero agregar un scrollbar a esa parte.

Saludos.

Última edición por mii_mii; 21/10/2009 a las 09:59
  #2 (permalink)  
Antiguo 20/10/2009, 22:24
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Como limitar tamaño en un lado

hola mii_mii:

No entiendo muy bien lo que quieres hacer, pero supongo que buscas que tus columnas
esten equilibradas. Para ello puedes seguir estos links

http://www.araudi.net/ejemplos/colum...ilibradas.html (mikmoro)
http://www.css.devillasbuenas.es/2columnas.html (kseso?)
http://matthewjamestaylor.com/blog/e...r-css-no-hacks

Espero que te sea util.

Última edición por cristian_cena; 21/10/2009 a las 10:06
  #3 (permalink)  
Antiguo 21/10/2009, 09:53
Avatar de mii_mii  
Fecha de Ingreso: octubre-2009
Mensajes: 38
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: Como limitar tamaño en un lado

Exacto. Eso es lo que busco.

Pero si no es mucha molestia, podrian dejarme aquí el codigo. {Digo no en un link a menos que sea en español ^ ^}

Saludos y gracias.
  #4 (permalink)  
Antiguo 21/10/2009, 10:06
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Como limitar tamaño en un lado

Cita:
Iniciado por mii_mii Ver Mensaje
Pero si no es mucha molestia, podrian dejarme aquí el codigo.
¿Miraste a ver si por casualidad el código está en el mismo documento? Hay veces que lo está
Cita:
Iniciado por mii_mii Ver Mensaje
{Digo no en un link a menos que sea en español ^ ^}
Estos friquis, mira que andar escribiendo en latín
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 21/10/2009, 10:09
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Como limitar tamaño en un lado (equilibrar ambas columnas)

clickea el link de mikmoro o kseso? luego ve (en tu navegador) a "archivo"-->"guardar como" y guardas la pagina, luego la abres (en mi caso con dreamweaver) y ya puedes trabajar con el codigo.

Respecto al tercer link, puedes usar "google traductor"

Cualquier cosa que no entiendas lo posteas ya con tu codigo y lo vemos

saludos
  #6 (permalink)  
Antiguo 21/10/2009, 11:47
Avatar de mii_mii  
Fecha de Ingreso: octubre-2009
Mensajes: 38
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: Como limitar tamaño en un lado (equilibrar ambas columnas)

Cita:
Iniciado por kseso? Ver Mensaje
¿Miraste a ver si por casualidad el código está en el mismo documento? Hay veces que lo está
Si mire, pero no se cúal es. (Obviamente, si no no consultaria)

Cita:
Iniciado por kseso? Ver Mensaje
Estos friquis, mira que andar escribiendo en latín
o__O?

Cita:
Iniciado por cristian_cena Ver Mensaje
clickea el link de mikmoro o kseso? luego ve (en tu navegador) a "archivo"-->"guardar como" y guardas la pagina, luego la abres (en mi caso con dreamweaver) y ya puedes trabajar con el codigo.

Respecto al tercer link, puedes usar "google traductor"

Cualquier cosa que no entiendas lo posteas ya con tu codigo y lo vemos
Siendo sincera solo ocupo el blog de notas xD!. Pero gracias de todas formas. Sobre lo del traductor google lo habia pensado, pero bueh, lo veré y les comento que pasa.

Saludos.
  #7 (permalink)  
Antiguo 21/10/2009, 12:10
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Como limitar tamaño en un lado (equilibrar ambas columnas)

Veamos, que decía el ciego:
Mii_mii, creo que aquí hay otras cuestiones previas y ajenas a lo que puede ser html o css. Cuestiones básicas, que o controlas o todo será terriblemente mucho más difícil (para ti).

En cualquier navegador podrás ver el código generado de cualquier página. Es de parvulito, no de primero. Y no tiene nada que ver con hacer páginas, sino con conocer un mínimo el programa que utilizas para verlas (el navegador).

Y te garantizo que en el segundo ejemplo que te facilita Cristian_Cena en el #2, el código está ahí. Lo puse yo.

Sobre tu o__O? por mi referencia a los friquis (autoincluyéndome) te interesa informarte sobre "lorem ipsum"

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #8 (permalink)  
Antiguo 21/10/2009, 14:36
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Como limitar tamaño en un lado (equilibrar ambas columnas)

Hola:

Ampliando un poco la información de kseso? y ya que reconoces que eres novata, te recomiendo un poco de lectura:

1º Introducción a XHTML.
2º Introducción a CSS.
3º CSS avanzado.

Saludos.

  #9 (permalink)  
Antiguo 21/10/2009, 17:55
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Como limitar tamaño en un lado (equilibrar ambas columnas)

muy buen material recomiendas jomauro, con el he aprendido, así que no dudo de que le será útil a Mii_mii.
  #10 (permalink)  
Antiguo 22/10/2009, 13:17
Avatar de mii_mii  
Fecha de Ingreso: octubre-2009
Mensajes: 38
Antigüedad: 8 años, 2 meses
Puntos: 0
Busqueda Respuesta: Como limitar tamaño en un lado (equilibrar ambas columnas)

Cita:
Iniciado por kseso? Ver Mensaje
Veamos, que decía el ciego:
Mii_mii, creo que aquí hay otras cuestiones previas y ajenas a lo que puede ser html o css. Cuestiones básicas, que o controlas o todo será terriblemente mucho más difícil (para ti).

En cualquier navegador podrás ver el código generado de cualquier página. Es de parvulito, no de primero. Y no tiene nada que ver con hacer páginas, sino con conocer un mínimo el programa que utilizas para verlas (el navegador).

Y te garantizo que en el segundo ejemplo que te facilita Cristian_Cena en el #2, el código está ahí. Lo puse yo.

Sobre tu o__O? por mi referencia a los friquis (autoincluyéndome) te interesa informarte sobre lorem ipsum

Un saludo
Ok, gracias por lo de Lorem ipsum (Siempre quise saber por que salia) y realmente creo que me confundi en ese momento. (Recien entendi el chiste) pero respondiendo a lo primero, si te refieres a ver el codigo fuente de la pagina, si lo hice. Es mas lo acabo de hacer, pero de todos los codigos no se cual es "aquel".
Probe con "footer" y "position" "float"(?), etc (pero en el caso del primero no sabia donde agregarlo)

Ahora gracias a todos. Me interesa leer los manuales que me dejaron, pero de casualidad, ¿no existe un pequeño codigo que pueda agregar a una parte de la plantilla?. Tal como dije soy novata y se que me servira aprender mas (leyendo) del tema, pero encontrando aquel codigo solucionaria mas rapidamente el tema para seguir adelante (?)

Les dejo este codigo para que ustedes mas o menos (si quieren claro) me guien y digan que debo agregar o modificar para que se cumpla el objetivo.

Código:
      body{                                               
      background-image: url("*editado por tener menos de 30 mensajes -.-*");    
      background-color:#FFCCCC;
      background-repeat:repeat;
      background-attachment:fixed;
      color: #ffffff;
      cursor: help;
      font-weight:none;
      font-family: small fonts;
      font-size: 7pt;
      line-height: 10pt;
      margin: 0px auto;
      padding: 5px;
      text-align: left;
      scrollbar-face-color:white;
      scrollbar-highlight-color:white; 
      scrollbar-shadow-color: white; 
      scrollbar-3dlight-color: white; 
      scrollbar-arrow-color:FFAFAF;
      scrollbar-track-color:white; 
      scrollbar-darkshadow-color:white;
} 

                                               
table, tr, td{
background-color: #transparent;
color: #F6CECE;
font-family: small fonts;
font-size: 7pt;
text-align: left;
border: #FFAFAF 0px solid;
} 
                                                
   .a1 {
   font-family: tahoma;
   font-size: 7pt;
   line-height: 6px;
   background:#F78181;
   color:white;
   border-bottom:6px solid #FFCCCC;
   font-weight:none;
   text-transform:none;
   text-align:center;
   padding:5px;
   }
                                                
  .a2 {
  font-family: tahoma;
  font-size: 7pt;
  line-height: 6px;
  background:#FFCCCC;
  color:white;
  font-weight:none;
  text-align:center;
  text-transform:none;
  padding:5px;
  }
   .a3 {
   font-family: tahoma;
   font-size: 7pt;
   line-height: 3px;
   background:#F5A9A9;
   color:white;
   font-weight:none;
   text-transform:lowercase;
   text-align:center;
   padding:2px;
   }
  

  .e1 {
  font-family: arial; 
  font-weight: none;
  text-align:left;
  font-size: 7.5pt; 
  background:white;
  color:#fe7374;
  line-height: 10pt;
  border-right:0px solid #FFFFFF;
  padding:9px;
  }
                                                
  .e2 {
  font-family: arial; 
  font-weight: none;
  font-size: 7.5pt; 
  background:white;
  color:#fe7374;
  line-height: 11pt;
  border:0px solid #FFFFFF;
  text-align:left;
  padding: 9px;
}
De verdad me seria de ayuda y no es que ahora no lo sea, es solo que busco principalmente en este momento como arreglar ese "detalle".

Saludos.

Última edición por mii_mii; 22/10/2009 a las 20:39
  #11 (permalink)  
Antiguo 23/10/2009, 15:33
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Como limitar tamaño en un lado (equilibrar ambas columnas)

Hola:

Deberías poner el código completo, incluido el html para poder ver donde está el error.

Saludos.

  #12 (permalink)  
Antiguo 23/10/2009, 17:43
Avatar de mii_mii  
Fecha de Ingreso: octubre-2009
Mensajes: 38
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: Como limitar tamaño en un lado (equilibrar ambas columnas)

Estoy pensando en cambiar la plantilla finalmente. Pero gracias de todas formas. Anoche busque en google y encontre algo pero no me ayudo mucho que digamos.

De todas formas les dejo el codigo completo:

Código:
                                                                                             <html>
<head>
                                                        
<title>Titulo XD!</title>
                                                                                          
<!-- --><style type="text/css">@import url(LINK ELIMINADO PARA PUBLICAR POST );
div.b-mobile {display:none;}
</style>
                                                
</head>
                                                  
<style>
u
           { color: #F78181; text-decoration:underline; border-bottom:2px solid FFAFAF; }

   A:link
   { text-decoration: none; font-weight: none; color:FFAFAF; }
   A:visited
   { text-decoration: none; color:FFAFAF;}
   A:active
   { text-decoration: none; cursor: none; color:FFAFAF;}
   A:hover A
{color: #FFAFAF; text-decoration: none; cursor: crosshair;}
A:visited
{color: #FD7777; text-decoration: none; cursor: crosshair;}
A:active
{color: #FFAFAF; text-decoration: none; cursor: crosshair;}
A:hover
{color: #FFFFFF; background-color: #FFDAC8 ;background-repeat: repeat; text-transform: uppercase; cursor: pointer; filter: none;}
                                                 
      body{                                               
      background-image: url("LINK ELIMINADO PARA PUBLICAR POST ");    
      background-color:#FFCCCC;
      background-repeat:repeat;
      background-attachment:fixed;
      color: #ffffff;
      cursor: help;
      font-weight:none;
      font-family: small fonts;
      font-size: 7pt;
      line-height: 10pt;
      margin: 0px auto;
      padding: 5px;
      text-align: left;
      scrollbar-face-color:white;
      scrollbar-highlight-color:white; 
      scrollbar-shadow-color: white; 
      scrollbar-3dlight-color: white; 
      scrollbar-arrow-color:FFAFAF;
      scrollbar-track-color:white; 
      scrollbar-darkshadow-color:white;

}        
                                       
table, tr, td{
background-color: #transparent;
color: #F6CECE;
font-family: small fonts;
font-size: 7pt;
text-align: left;
border: #FFAFAF 0px solid;
} 
                                                
   .a1 {
   font-family: tahoma;
   font-size: 7pt;
   line-height: 6px;
   background:#F78181;
   color:white;
   border-bottom:6px solid #FFCCCC;
   font-weight:none;
   text-transform:none;
   text-align:center;
   padding:5px;
   }
                                                
  .a2 {
  font-family: tahoma;
  font-size: 7pt;
  line-height: 6px;
  background:#FFCCCC;
  color:white;
  font-weight:none;
  text-align:center;
  text-transform:none;
  padding:5px;
  }
   .a3 {
   font-family: tahoma;
   font-size: 7pt;
   line-height: 3px;
   background:#F5A9A9;
   color:white;
   font-weight:none;
   text-transform:lowercase;
   text-align:center;
   padding:2px;
   }
  

  .e1 {
  font-family: arial; 
  font-weight: none;
  text-align:left;
  font-size: 7.5pt; 
  background:white;
  color:#fe7374;
  line-height: 10pt;
  border-right:0px solid #FFFFFF;
  padding:9px;
  }
                                                
  .e2 {
  font-family: arial; 
  font-weight: none;
  font-size: 7.5pt; 
  background:white;
  color:#fe7374;
  line-height: 11pt;
  border:0px solid #FFFFFF;
  text-align:left;
  padding: 9px;
  }

  blockquote{
  width: absolute;
  background-color: #FFCCCC;
  border-left:6px solid #F78181;
  line-height:11pt;
  margin: 2pt;
  padding:5px;}

                                                
<script>
              
                                  
<style type="text/css">@import url(LINK ELIMINADO PARA PUBLICAR POST );
@import url(LINK ELIMINADO PARA PUBLICAR POST);
div.b-mobile {display:none;}
</style>
                                                
       
<div id=image style="position:absolute; border:0px double black; top:20;left:180;">
<img src="IMAGEN ELIMINADA PARA PUBLICAR POST"border="0"></div>
               </div>
                                                          
                                                   <noembed>
                                                   <body></noembed>
<div style="position: absolute; top:360px; left:394px; width:375; background-color:transparent; filter:alpha(opacity=100);">                               
<Blogger> 
<div class=e2>
<div class=a2><font color=#996633>♥</font> <BlogItemTitle><$BlogItemTitle$></div>
<div class=a3><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div><br>
<$BlogItemBody$><div align="left"><br>
<div align=right><img src="LINK ELIMINADO PARA PUBLICAR POST " border="0"> at <font color=FFAFAF><$BlogItemDateTime$></font></div></div></div>
</Blogger>
</div>
<br><br>
<div style="position: absolute; top:360px; left:180px; width:220px; background-color: transparent; filter:alpha(opacity=100);"> 
<div align=left>
<div class=e1>
<div class=a1> ejemplo seccion</div><br>

<center>EJEMPLO DE TODAS LAS SECCIONES LATERALES</center><div><br>
   
</head>
</html>
Saludos (:!
  #13 (permalink)  
Antiguo 24/10/2009, 03:48
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Como limitar tamaño en un lado (equilibrar ambas columnas)

Hola:

Después de echarle un vistazo a tu código te recomiendo que te detengas ¡YA! y hagas lo que te he dicho en el mensaje #4.

Tu código tiene una total desectructuración, nada está en su sitio:

Un <style> fuera del <head>, un <script> que no existe ni se cierra, <div> fuera del <body>, el <body> abierto dentro de una etiqueta <embed>. Quizá suena mal y pueda parecer hasta bruto pero tu código es un desastre.

Hazme caso, detente un poco, léete los manuales que te recomiendo y después revisa tu código.

Saludos.

  #14 (permalink)  
Antiguo 24/10/2009, 20:00
Avatar de mii_mii  
Fecha de Ingreso: octubre-2009
Mensajes: 38
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: Como limitar tamaño en un lado (equilibrar ambas columnas)

Gracias. Realmente yo no hice esa plantilla. La baje de Blogskin con la confianza de que estaria bien. Obviamente hice algunos cambios pero no de estructura. Tambien valide el CSS y tuve 8 errores ._. (tenia 10 y arregle 2). Seguire el consejo, leere sobre los temas que me recomendaste y finalmente cambiaré la plantilla "base". Porque soy tan n00b que necesito de eso xD!.

Realmente tu mensaje no me parecio bruto ni nada. Solo dijiste la verdad y esta bien (:!

Saludos.
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 04:47.