[SOLUCIONADO] Problema con alieado de imagen

[HaroldTemple]

Hola, verán, estoy haciendo un menú de ida y regreso por contenidos, la cuestión es que no consigo poner la imagen del arrow antes del texto con el class...

Alguien sabe como solucionarlo o que sucede?

Este es el código del class

/* --------------------------------------------------------------
=ATRAS
-------------------------------------------------------------- */

Código CSS:

a.atras {
    display: block;
    float: left;
    height: 24px;
    margin-right: 69px;
    padding-right: 35px;
    text-decoration: none;
    font-size: 12px;
    line-height: 24px;
    color: #000;
    background: url("../img/izq.jpg") left 0;
    background-repeat: no-repeat;
}
 

/* --------------------------------------------------------------
=ALANTE
-------------------------------------------------------------- */

Código CSS:

a.alante {
    display: block;
    float: left;
    height: 24px;
    margin-right: 69px;
    padding-right: 35px;
    text-decoration: none;
    font-size: 12px;
    line-height: 24px;
    color: #000;
    background: url("../img/der.jpg") right 0;
    background-repeat: no-repeat;
}
 

y se ve así



Mil gracias de antemano

[pzin]

Bienvenido al foro.

El término "alante" no existe en castellano. En todo caso será adelante. Aunque lo normal en este caso es usar anterior y próximo.

Para el otro problema, puedes usar background-position para ajustar la posición de la imagen:

Código CSS:

background-position: X Y;
 

Para X e Y puedes usar pixeles, porcentajes, palabras clave —top, right, center...

Cuando publiques código, usa highlight.

[HaroldTemple]

Muchas gracias, me sirvió de mucho y me resolviste el problema.
Por cierto a partir de ahora usaré Highlight... Gracias.