Lo del .htaccess subilo al servidor como pirulo.txt y luego en el servidor cambiale el nombre...
Bueno, te paso el menú para que pruebes...
Si aún así no lo logras, avisa y te lo armo, eso si te pongo 20 imagenes repetidas vos luego pones los logos de cada club...
Igual acá está casi terminado, solo tenes que adaptarlo y probar margins y paddings a tu gusto...
primero
estilo.css (para probar, vos tendrías que poner casi todo este codigo en tu css, el body y los resets quizas no, pero si los que referencian a pagenav
Código:
* {
font-family: "Trebuchet MS", arial;
color: #636363;
outline: 0;
padding: 0;
margin: 0;
border: 0 none;
text-decoration: none;
white-space: normal;
vertical-align: baseline;
}
html, body {line-height: 1}
hr {display: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''}
blockquote, q {quotes: "" ""}
ul {list-style-type: none}
ol {list-style-type: decimal}
.clear {clear: both}
/***************************************************/
body {
background: #dbf4ff;
text-align: center;
}
#pagenav {
float: left;
width: 850px;
height: 70px;
}
#pagenav ul {
float: left;
padding-top: 15px;
padding-left: 20px;
height: 50px;
}
#pagenav ul li {
background: #eee;
float: left;
height: 50px;
width: 40px;
text-align: center;
margin-right: 5px;
}
#pagenav ul li a {
float: left;
display: block;
padding-left: 5px;
padding-right: 5px;
line-height: 30px;
height: 50px;
font-size: 16px;
letter-spacing: -1px;
color: #000;
font-weight: bold;
}
#pagenav ul li a:hover {
color: #666;
}
Le puse colores solo para que notes donde está cada caja, que por cierto, son de 40px de ancho con 5 de espacio entre si, es decir que 20 clubes entrarian en 900px, pero eso luego lo adaptas a tu espacio...
un HTM de ejemplo...
loquequieras.htm
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Test</title>
<link rel="stylesheet" href="estilo.css" type="text/css" media="screen" />
</head>
<body>
<div id="pagenav">
<ul>
<li><a href="#">C01</a></li>
<li><a href="#">C02</a></li>
<li><a href="#">C03</a></li>
<li><a href="#">C04</a></li>
<li><a href="#">C05</a></li>
</ul>
</div>
</body>
</html>
Claro deberías reemplazar cada C0x con tus imagenes de los clubes...
PD: Comentame si te sirvió si queres mas ayuda nos avisas...