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!