Foros del Web » Creando para Internet » CSS »

tres columnas con css

Estas en el tema de tres columnas con css en el foro de CSS en Foros del Web. Realice una pagina y deseo que esta sea de facil lectura por lo que intento poner el texto en columnas ej: http://img708.imageshack.us/i/paginaqdeseorealizardib.jpg/ realice la pagina ...
  #1 (permalink)  
Antiguo 30/03/2011, 21:24
 
Fecha de Ingreso: julio-2010
Mensajes: 33
Antigüedad: 7 años, 4 meses
Puntos: 0
tres columnas con css

Realice una pagina y deseo que esta sea de facil lectura por lo que intento poner el texto en columnas ej:
http://img708.imageshack.us/i/paginaqdeseorealizardib.jpg/

realice la pagina index, cree un archivo llamado encabezado y otro llamado pie para incluirlos(include) con php en cualquier pagina y asi ahorrar codigo . busque en internet y encontre un codigo css q pone texto en tres columnas pero al pegar el codigo css de texto en tres columnas a la pagina el resultado fue este:
http://img852.imageshack.us/i/paginadeltutorconelcont.jpg/
Agradeceria que me ayuden a ver la forma de poner las cosas en el orden que deseo, si se puede . Me despido saludos a todos.

index:

<?php
include("encabezado.php");

?>
<div id="divContenido">
<center>
<h3>El lenguaje php</h3>
(estos tres div corresponden al codigo css q me ayudara a poner el texto en tres columnas)
<div id="h_c_c">
El sistema de múltiples columnas se está encuentra en estado de borrador y forma parte de un módulo aparte dentro de las especificaciones de CSS 3. Si se desea encontrar más información sobre el tema en la W3C se puede consultar la URL
</div>
<div id="h_c_l">El sistema de múltiples columnas se está encuentra en estado de borrador y forma parte de un módulo aparte dentro de las especificaciones de CSS Si se de sobre el tema en la W3C se puede consu
<img src="piedra.jpg" width="550" style="margin: 30px 0px 0px 0px;float: left; " />
</div>
<div id="h_c_r">El sistema de múltiples columnas se está encuentra en estado parte de un módulo aparte dentro de las especificaciones deSi se desea encontrar más iue estas características de se encuentren pronto disponibles, pues no cabe duda que la distribución por columnas nos abrirá nuevas e interesantes posibilidades para maquetación de textos en páginas web.Esperamos que estas características de se encuentren, pues no cabe duda que la distribución por columnas e interesantes posibilidades para maquetación de textos en páginas web.
</div>
<?php
include("pie.php");
?>


el archivo encabezado:

<html>
<head>
<title>curso personalizado</title>
<style>
div
{
border: solid 1px #cccccc;

text-align:left;
width:80%;
background:white;

}
#divEncabezado
{
height:80px;

}
#divContenido
{
height:900px;


}
#divPie
{
height:50px;
}
body
{
background:url(images/background.jpg);
}

(este es el codigo css que me ayudara a poner el texto en tres columnas)

/* COLUMNA DEL CENTRO */

#h_c_c {

width: 270px;

margin-left: 0px;

margin-right: 250px;

}

/* COLUMNA IZQUIERDA */

#h_c_l {

width: 270px;

position: absolute;

top:200px;

left:30px;

}

/* COLUMNA DERECHA*/

#h_c_r {

width:270px;

position:absolute;

top:200px;

right:300px;

}
</style>
</head>
<body>
<center>
<div id="divEncabezado">
<h1>PAGINA DEL TUTOR</h1>

</div>
<div id='divMenu'>
<a href="index.php">inicio</a>|<a href="solicitud.php">solicitud de informacion</a>
</div>

Última edición por raulrivero; 30/03/2011 a las 22:25 Razón: fsdffsdfsdfsdfdsfsdf
  #2 (permalink)  
Antiguo 31/03/2011, 07:55
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: tres columnas con css

Mire a ver si con un poco de suerte encuentra entre estos 715 layouts alguno que se adapte a sus necesidades con un mínimo de modificaciones.

Etiquetas: columnas, tres
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 02:30.