Dejo aquí las fotos de los index y los codes:
Mi css:
Código:
mi index principal,que se ve tal y como yo quiero:@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; }
Código:
El index del blog que es el mismo que el principal,pero con mi modificación del sidebar que no funcionó.<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">
Código:
y aquí os dejo las fotos:<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">
mi index que se ve perfect
al intentar modificarlo,para crear un sidebar....
Gracias de antemano!