Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/03/2011, 20:24
raulrivero
 
Fecha de Ingreso: julio-2010
Mensajes: 33
Antigüedad: 13 años, 7 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 21:25 Razón: fsdffsdfsdfsdfdsfsdf