Foros del Web » Creando para Internet » CSS »

Estructurando mi web[Help]

Estas en el tema de Estructurando mi web[Help] en el foro de CSS en Foros del Web. Tengo dos index iguales el de la pagina principal y el del blog,lo que quiere hacer es crear un sidebar y un posición para publicar ...
  #1 (permalink)  
Antiguo 10/11/2008, 11:56
Avatar de Wilfred  
Fecha de Ingreso: octubre-2008
Mensajes: 110
Antigüedad: 16 años
Puntos: 1
Estructurando mi web[Help]

Tengo dos index iguales el de la pagina principal y el del blog,lo que quiere hacer es crear un sidebar y un posición para publicar las noticias en el index del blog,ya intente hacerlo pero no sale...a ver si pueden echar un mano plz:

Dejo aquí las fotos de los index y los codes:

Mi css:
Código:
@charset "utf-8";
/* CSS Document */

BODY {
    font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: center;
    background-color:#000000;
	color:#FFFFFF;
	font-weight:bold;
	
}
A:link {
color:#FF0000;
text-decoration:none;
}

A:hover {

color: blue;
cursor:crosshair;

}
A:visited {
color:#FF0000;
text-decoration:none;
}
 .linkmenu a:visited {
color:#FFFFFF;
}

.linkmenu a:link {
color:white;
}

.linkmenu a:active {
color:blue;
}


#contenedor{
    text-align: left;
    width: 595px;
    margin: auto;
	border: 1px solid #FF0000;
}
#cabecera{
    background-image:url(header.png);
    background-repeat:no-repeat;
	background-position:top;
    height:103px;
	width:auto;
}



#principal{
      text-align: left;
    width: 595px;
    margin: auto;
	border: 1px solid #FF0000;
	background-image:url(contenido.gif)
}

#izquierda{
      text-align: left;
    width: 200px;
    margin: auto;
	border: 1px solid #FF0000;
	background-image:url(contenido.gif)
}
#pie{
    background-color: #cccccc;
    padding: 3 10 3 10px;
    text-align:right;
    clear: both;
} 

#menu {
	 background-image:url(menu.png);
    background-repeat:no-repeat;
	background-position:center;
    height:30px;
	width:auto;

		 
} 
 #sidebar {
    width: 25px;
    padding: 10px;
    float: left;
    margin:auto;
}
#center {
width:75px;
float:right;
padding: 10px;
margin:auto;
text-align:left;
}
#principal2{
      text-align: left;
    width: 200px;
    margin: auto;
    float:left;
	border: 1px solid #FF0000;
	background-image:url(contenido.gif)
}



.Estilo1 {                          
	font-size: 12pt; 
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	color: #FFFFFF;
}

.Estilo2 {
	font-size: 24pt;
	color: #FF0000;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
}

.Estilo3 {
	font-size: 22pt;
	color: #FFFFFF;
	background-image:url(header-noticas.png);
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
}
.Estilo4 {
font-size:11px;
font-family:"Courier New", Courier, monospace;
font-style:italic;
color:#FFFFFF ;
}

.Estilo5 {
font-size:11px;
color:#FF0000;
}

h1 {
font-size: 22pt;
	color: #FFFFFF;
	background-image:url(header-noticas.png);
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
}

h2 {
font:"Courier New", Courier, monospace;
color:#FFFFFF;
font-size:12px;


}
h3 {
font-size:20px;
font-family:"Courier New", Courier, monospace;
font-weight:bold;
}
mi index principal,que se ve tal y como yo quiero:
Código:
<link href="css2.css" rel="stylesheet" type="text/css">



  
  <div class="Estilo6" id="cabecera"></div>
  
   <div id="menu">
   
     <div align="center" class="Estilo1"><span class="linkmenu"><a href="index.php">Home</a></span>|Blog|Codes|Downloads|Docs </div>
     
   </div>
   
<div id="contenedor">
 
 
       
    
    
  <div id="principal">
    <p align="center" class="Estilo2 Estilo12">[Home]</p>
    

    
    <?php include('db-cnx.php'); ?>
    <?php include('list-noticia.php'); ?>

  
  </div>
      
  <br /=true>

   
<LINK href="index.php"><LINK rel="Index" href="index.php">
El index del blog que es el mismo que el principal,pero con mi modificación del sidebar que no funcionó.
Código:
<link href="../css2.css" rel="stylesheet" type="text/css">



  
  <div class="Estilo6" id="cabecera"></div>
  
   <div id="menu">
   
     <div align="center" class="Estilo1"><span class="linkmenu"><a href="index.php">Home</a></span>|Blog|Codes|Downloads|Docs </div>
     
   </div>
   
<div id="contenedor">
 
 
       
    
    
  <div id="principal">
    <p align="center" class="Estilo2 Estilo12">[Home]</p>


    <?php include('../db-cnx.php'); ?>
    
<div id="principal2"><?php include('list-categoria.php'); ?></div> 
    
    
<div id="center" class="center"> <?php include('lis-noticia2.php'); ?></div> 





  
  </div>
 
  <br /=true>

   
<LINK href="index.php"><LINK rel="Index" href="index.php">
y aquí os dejo las fotos:
mi index que se ve perfect

al intentar modificarlo,para crear un sidebar....



Gracias de antemano!

Última edición por Wilfred; 10/11/2008 a las 12:10
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:06.