Buenas
Recién empiezo a incursionar en el mundo de los CSS y estoy tratando de crear una paginación básica de PHP. Con eos no hay problema, sino que cuando me aparecen las opciones
Primer página
Anterior página
Próxima página
Última página
con IE6 me aparece abajo una "a" con el link igual que el de Próxima página. Esto sólo ocurre cuando existen páginas anteriores y posteriores, pero no si están ambas.
Dejo el código fuente
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>MARCAR</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estilo/estilos.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="menu">
<ul>
<li><a href="stock.php">Ver stock</a></li>
<li><a href="ingreso.php">Ver ingresos</a></li>
<li><a href="egreso.php">Ver egresos</a></li>
<li><a href="usuario.php">Usuarios</a></li>
<li><a href="productos.php">Productos</a></li>
<li><a href="cliente.php">Clientes</a></li>
<li><a href="ningreso.php">Nuevo ingreso</a></li>
<li><a href="negreso.php">Nuevo egreso</a></li>
<li><a href="index.php?accion=logout">Salir</a></li>
</ul>
</div>
<div id="main">
<table cellpadding="0" cellspacing="0">
<tr style="background-color:#999999 ">
<td>Nombre de usuario</td>
<td>Nombre</td>
<td>Acceso</td>
</tr>
<tr onMouseOver="this.style.backgroundColor='#DDDDDD'" onMouseOut="this.style.backgroundColor='#EEEEEE'" style="cursor:pointer " onClick="location.href='usuario.php?usuario=2'">
<td>SeppoU</td>
<td>SW</td>
<td>Usuario</td>
</tr>
</table>
<span style="float:left; width:25% "><a href="usuario.php">Primer página</a></span>
<span style="float:left; width:25% "><a href="usuario.php?pag=0">Anterior página</a></span>
<span style="float:right; width:25% "><a href="usuario.php?pag=2">Última página</a></span>
<span style="float:right; width:25% "><a href="usuario.php?pag=2">Próxima página</a></span>
</div>
</body>
</html>
y el código CSS
Código:
body {
background-color:#FFFFFF;
padding-top:24px;
padding-left:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-style:normal;
}
#menu {
background-color:#CCCCCC;
float:left;
color:#333333;
border-color:#000000;
border-width:thin;
border-style:outset;
width:120px;
height:360px;
padding: 6px 6px 6px 6px;
}
#menu li {
display:block;
width:100px;
padding:4px 0;
border: 0px solid #000000;
line-height: 20px;
margin: 2px 2px 2px 2px;
list-style-type: none;
list-style-position:outside;
margin-left: -30px;
}
#menu li a {
text-decoration:none;
background-color: #000000;
color:#FFFFFF;
width:100%;
height:100%;
display:block;
padding:4px 0;
text-align:center;
font-size:11px;
}
#menu li a:hover {
color:#99CC00;
background-color:#003366;
}
#main {
background-color:#CCCCCC;
color:#222222;
border-color:#000000;
border-width:thin;
border-style:outset;
width:480px;
height:360px;
padding: 6px 6px 6px 6px;
overflow:auto;
}
table {
table-layout:fixed;
border: thin solid #000000;
width:100%;
background-color:#EEEEEE;
}
td {
border: thin none #666666;
padding: 2px 2px 2px 2px;
}
a {
text-decoration:none;
color:#003366;
}
input.textForm {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-style:normal;
border-style:none;
background-color:#DDDDDD;
width:114px;
}
input.buttonForm {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-style:normal;
border-color:#CCCCCC;
}
Muchas gracias =)