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

[mii_mii]

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.

[cristian_cena]

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.

[mii_mii]

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.

[kseso?]

Iniciado por mii_mii

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á

Iniciado por mii_mii

{Digo no en un link a menos que sea en español ^ ^}

Estos friquis, mira que andar escribiendo en latín

[cristian_cena]

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

[mii_mii]

Iniciado por kseso?

¿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)

Iniciado por kseso?

Estos friquis, mira que andar escribiendo en latín

o__O?

Iniciado por cristian_cena

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.

[kseso?]

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

[jomaruro]

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.

[cristian_cena]

muy buen material recomiendas jomauro, con el he aprendido, así que no dudo de que le será útil a Mii_mii.

[mii_mii]

Iniciado por kseso?

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.

[jomaruro]

Hola:

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

Saludos.

[mii_mii]

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 (:!

[jomaruro]

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.

[mii_mii]

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.