Buenas, primero agradecer vuestro tiempo ^^
Estoy haciendo una pagina con un reproductor en flash y tengo una lista
que sirve para seleccionar el video que queremos ver.
Conforme se van registrando mas videos en la BB.DD mas larga se hace la lista
y querria que estuviera en un div con un scroll horizontal para mas comodidad.
Puse el codigo del scroll en CSS pero el caso es que cuando llevo unos 12 o 13 videos la ista se va para abajo y no sigue hacia la derecha.
Alguien puede decirme que hago mal?
Aqui os dejo unos codigos.
Parte de mi CSS: Código HTML:
ul.navi {
margin:20px 0 0 0 ;
padding:0px;
height:80px;
position:relative;
top:10px;
left:39px;
width:470px;
overflow:scroll;
}
ul.navi li {
background:url(../img/tab-left.gif) left top no-repeat;
padding-left:4px;
float:left;
margin:0;
list-style-type:none;
}
ul.navi a {
background:url(../img/tab-right.gif) right top no-repeat;
padding:3px 12px;
border-bottom:1px solid #D2D2D2;
text-decoration:none;
display:block;
color:#333;
font-size:13px;
}
ul.navi li.active a, ul.navi a:hover {
background-position:100% -150px;
border-bottom:1px solid #fff;
}
ul.navi li.active {
background-position:0 -150px;
}
Lista de lso videos: Código HTML:
<ul class="navi">
<li><a>1</a></li>
<li><a>2</a></li>
<li><a>3</a></li>
<li><a>4</a></li>
<li><a>5</a></li>
<li><a>6</a></li>
<li><a>7</a></li>
<li><a>8</a></li>
<li><a>9</a></li>
<li><a>10</a></li>
<li><a>11</a></li>
<li><a>12</a></li>
<li><a>13</a></li>
<li><a>14</a></li>
</ul> Espero alguien vea el error :S
Saludos ;)