Foros del Web - Ver Mensaje Individual

willyfc · #6 (**permalink**) 23/07/2009, 12:47

Yo pienso que deberías hacer esto con listas:

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#paginador ul{list-style:none;}
#paginador ul li{ float:left;text-align:center; padding:2px;}
#paginador a{ font-size:12px; color:#FFF;background:#B35A5E;padding:10px; text-decoration:none;border: solid 2px;border-top-color: #B35A5E;border-bottom-color: #4D2628;border-left-color: #B35A5E;border-right-color: #4D2628; display:block;float:left; margin:-10px 0 0 0;}
#paginador a:hover{text-decoration: none; background: #E4BC83;border-top-color: #8E2800;border-bottom-color: #FFB966;border-left-color: #8E2800;border-right-color: #FFB966; display:block; float:left;margin:-10px 0 0 0;}
</style>
</head>
 
<body>
<div id="paginador">
    <ul>
        <li>P&aacute;ginas: 1</li>
        <li><a href="#">1</a></li>
        <li> - </li>
        <li><a href="#">2</a></li>
        <li> - </li>
        <li><a href="#">3</a></li>
        <li> - </li>
    </ul>
</div>
</body>
</html>

Aunque no se si es forma más correcta. ya lo dirás