Esto me tiene loco

sanjo · #1 (**permalink**) 18/08/2005, 05:59

<html><div id="imprimir" style="position:relative; float:inherit; display:inline; right:auto; padding-top:5px;"><a href="javascript:window.print();" class="inactivo" style="margin:0; padding:0;font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;">Imprimir</a><span style="padding:0;margin:0; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#999;margin:0 3px;"> I </span></div>

<div id="guardar" style="position:absolute;display:inline; right:-10px; padding-top:5px;"> <a href="javascript:window.print();" class="inactivo" style=" font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;">Guardar</a></div></html>

haber tengo esto que es un menu en cual quiero que el imprimir me salga ajustado a la derecha es decir esto sale asi

.................................................. ..........Imprimir | Guardar

El tema es que como son idiomas el imprimir no puede ser absoluto o eso creo, y se me solapan. Alguien me puede decir como hacer para que el imprimir se ajuste de manera automática al la línea eso vertical.
gracias

kemie · #2 (**permalink**) 19/08/2005, 04:57

uf, creo que te estas complicando un poco con posiciones relativas, floats heredados y displays.

lo mas sencillo seria esto:
html:
<div class="opciones">
<a href="javascript:window.print(); class="inactivo">Imprimir</a> | <a href="javascript:window.print(); class="inactivo">Guardar</a>
</div>

css:
.opciones{
text-align:right;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:5px;
}

creo que eso te puede funcionar bien