cuadro en letra

[kaninox]

holas me estoy haciendo un paginador y ahora solo queda enchularlo, asi que se me ocurrio poner en cada numerito un cuadrito para que se note asi como en,
www.mcanime.net "al final", o sea enmarcar con un cuadrito cada numero, pero he visto por hay que se puede puntear la cosa, y que al pasar por encima tambien puede cambiar de color el numero y el cuadro :P...

en css no me manejo mucho que digamos, y con el cuadrito ya quede plop :P
si alguien sabe como y le sobra un tiempin :) ps que me heche una manito

saludos...

[Raulmmmm]

Puedes usar un <span> en cada número:
.numero{
border-width: 1px;
border-style: solid;
border-color: black;
}
.numero:hover{
border-width: 1px;
border-style: solid;
border-color: white;
}
<span class=numero>1</span>
Puedes mirarte las diferentes opciones de los bordes o poner un fondo con background-color.

[chem]

Buenas! si tienes bien echa la paginación con <li> no hace falta que metas span simplemente agrega la clase que te dice kaninox al li. Para puntear el borde solo tienes que sustituir solid por dotted.

Un saludo.

[kaninox]

muchas gracias lo pruebo y comento :)

[kaninox]

no me va el hover :??? alguien sabe por que...
y como hacer el cuadradito mas cuadrado y no tan rectangular o sea darle alto u ancho a gusto??

[mbavio]

El motivo por el que no te va el :hover es porque seguramente lo estas probando en IE, y este navegador solo aplica esta pseudo-clase sobre el elemento A. Prueba cambiar los SPAN por A y despues me cuentas.

Con respecto al ancho y el alto, puedes jugar con el PADDING, ya que margen no podras poner por tener un elemento de linea. Pero para controlar perfectamente el ancho y el alto, deberias hacer a todos los botones elementos de bloque, y luego flotarlos.

Saludos.

[kaninox]

nops yo uso firefox no esa shit de IE guack X) y no me va el hover :/ raro
estoy probando aqui,
http://anpfansub.net/pag.php
gracias por los comentarios vamos a seguir depurando la cosa :P

[Raulmmmm]

Prueba con .numero a:hover.

[kaninox]

nada :/ y eso que probe con <span > y <a href>

[Raulmmmm]

Pues a mí esto me va:
<style>
.numero{
border-width: 1px;
border-style: solid;
border-color: black;
}
.numero a:hover{
border-width: 1px;
border-style: solid;
border-color: white;
}
</style>
<span class=numero><a href=#>1</a></span>
Podéis verlo.

[kaninox]

ya vi mi error o ponia el span o ponia el a pero solos X)
sorry fe de erratas gracias por la ayuda :D