Resulta que estoy empezando a usar CSS para maquetar paginas, y tengo mas dudas que nada mas, pero la cosa parecia que iba saliendo, hasta que lo he mirado con el Explorer ese de los webs..
Aqui la muestra:
http://printoner.milcentu.com
tampoco entiendo porque si pongo lo mismo en las distintas paginas en algunas me sale de una forma y en las otras de otra grrrrrrrrrrrrrr.
Aqui los codigos que uso:
index.php:
Código PHP:
<?php
session_start();
if($_SESSION['client'])
{
$nom=$_SESSION['nom'];
$tipus=$_SESSION['tipus'];
}
else
{
$tipus=0;
}
?>
<html>
<head>
<link rel="shortcut icon" href="imatges/favicon.ico" type="image/x-icon">
<title>Printoner</title>
<link href="css/estils.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="cont"></div>
<div id="esq"></div>
<div id="cap"></div>
<div id="dret"></div>
<?php
include "Admin/menu.php";
include_once 'Admin/funcions/bd.php';
echo "<div id='general'>";
$connexio=connectarbd();
$consulta="SELECT * from noticies order by id";
$resultat=mysql_query($consulta);
echo "<table width='636px' class='noticies'>";
while($fila=mysql_fetch_array($resultat))
{
?>
<!--DWLayoutTable-->
<tr>
<td width="17" height="7"></td>
<td width="134"></td>
<td width="22"></td>
<td width="421"></td>
<td width="42"></td>
</tr>
<tr class="principal">
<td height="24"></td>
<th colspan="3" valign="top"><?php echo $fila['Titol'];?></th>
<td></td>
</tr>
<tr>
<td height="7"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="12"></td>
<td></td>
<td></td>
<td rowspan="3" valign="top"><?php echo $fila['Contingut'];?></td>
<td></td>
</tr>
<tr>
<td height="199"> </td>
<td valign="top"><img src="<?php echo $fila['Foto'];?>" width="134"></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="29"></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="16"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr class="etapas">
<td height="19"></td>
<td></td>
<td></td>
<td valign="top"><a href="http://<?php echo $fila['Link'];?>">Segueix</a></td>
<td></td>
</tr>
<tr>
<td height="15"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<?php
}//fi while
echo "</table></div>";
?>
</body>
</html>
Código:
#menu {
position:fixed;
left:2px;
top:132px;
width:197px;
height:100%;
z-index:1;
background-color:#09ba73;
font:Arial, Helvetica, sans-serif;
font-size:10px;
}
a:link {font-family: Tahoma, Verdana, Arial;font-size:14px;text-decoration:none;outline:0; color:#000000;}
a:visited {font-family: Tahoma, Verdana, Arial;font-size:14px;text-decoration:none;outline:0; color:#ffffff;}
a:hover{font-family: Tahoma, Verdana, Arial;font-size:14px;text-decoration:underline;outline:0;}
a:active{font-family: Tahoma, Verdana, Arial;font-size:14px;text-decoration:none;outline:0;}
a.Link2:link { font-family: Tahoma, Verdana, Arial; color: #993300; text-decoration: none}
a.Link2:visited { font-family: Tahoma, Verdana, Arial; color: #CC9933; text-decoration: none}
a.Link2:hover { font-family: Tahoma, Verdana, Arial; color: #996666}
a.Link2:active { font-family: Tahoma, Verdana, Arial; color: #993300; text-decoration: none}
#Tcap{background-color:#CCCCCC;}
table.men{width:97%; top:2px; left:2px; position:absolute;}
#cap {
position:fixed;
margin:auto;
width:100%;
height:130px;
z-index:100;
background:url(../Admin/img/logo/logoa.jpg) no-repeat center center;
top:0px;
}
#cont {
position:fixed;
margin:auto;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:0;
background-color:#d7f4e9;
}
#esq {
height:130px;
width:50%;
left:0px;
position:fixed;
background-color:#64ba9d;
z-index:1;
top:0px;
}
#dret {
height:130px;
width:50%;
left:50%;
position:fixed;
background-color:#bfddd1;
z-index:1;
top:0px;
}
#general {
position:relative;
left:197px;
top:130px;
width:75%;
height:75%;
z-index:2;
}
#publi {
position:absolute;
left:50%;
top:130px;
background-color:#669900;
width:100%;
height:100%;
z-index:1;
}
#Cistella {
position:absolute;
left:75%;
top:132px;
width:248px;
height:92px;
z-index:1;
overflow: scroll;
}
#Tcist
{
position:absolute;
left:75%;
top:226px;
z-index:1;
}
#titol {
position:absolute;
left:700px;
top:10px;
width:248px;
height:92px;
}
table.noticies
{
position:absolute;
border:1px solid #ccc;
margin: 20px;
}
table.noticies tbody tr.principal th {
font: bold .9em/1.5em "Trebuchet MS", Tahoma, Arial, sans-serif;
color: #fff;
background: #5FACF3;
text-align: left;
padding: 5px;
border: 0;
}
table.noticies tbody tr.etapas th {
font:bold .9em/1.5em "Trebuchet MS", Tahoma, Arial, sans-serif;
color: #fff;
background: #DC4503;
text-align: left;
padding: 5px;
border-top: 1px solid #eee;
}
