[RISOLTO] Display inline?

[Nuvola6]

Salve a tutti!
Vi faccio vedere un modulo login. Vorrei capire come si allineano i link "Password dimenticata? Nessun account? Registrati".
Li vorrei tutti sulla stessa linea.
Usando firebug ho notato che mettendo display: -moz-inline-box; funziona ma solo su mozilla.
Cosa devo fare?
Il sito è: http://amprojectweb.ilbello.com/demo/

(modulo login in alto)

Grazie a chiunque vorrà darmi una mano

[adottauncane]

Ciao Nuvola6,
prova ad inserire questo:

Codice: [Seleziona]

#form-login ul li {
    display: inline !important;
}
#register_black {
    margin-left: 215px !important;
    margin-top: -14px !important;
}
ma... non garantisco. 

[Nuvola6]

Grazie per l'aiuto, adottancane. Siamo sempre lì più o meno... cioè su ie e su chrome non va... mi sta facendo impazzire.

[adottauncane]

e così?

Codice: [Seleziona]

#form-login ul li {
    float:left;
}
#register_black {
    margin-left: 210px !important;
    margin-top: -14px !important;
}

[Nuvola6]

ci siamo quasi, adottauncane. su ie però. su chrome invece no.... ma devo specificare qualcosa solo per ie e chrome?

[adottauncane]

Ma, se trovi il css giusto che funziona su tutti no, se ne trovi uno che funziona solo su chrome e non su gli altri probabilmente sì. Adesso provo a guardarlo con Chrome...

[adottauncane]

e aggiungendo:

Codice: [Seleziona]

#register_black {
    margin-left: 210px !important;
    margin-top: -14px !important;
position:relative;
}

[Nuvola6]

Ti ringrazio tanto per il tempo che mi dedichi. Nulla da fare. Su ie e su chrome si comporta sempre a modo suo. Il fatto è che si potrebbe pure aggiustare il css solo per ie ma poi per chrome come si fa? :-(

[adottauncane]

Però adesso su crome lo vedo bene (da aggiustare un po' i margin, al limite...)

[56francesco]

quella caselletta del ricordami è dura da colorare, vero?
 

[adottauncane]

Forse su IE8 è da abbassare tutto un po', ma lo vedo in linea...

[Nuvola6]

Su ie8 si è da abbassare solo. Su chrome invece lo vedo come nell'allegato. Su ie risolviamo specificando i margini nel css per ie. Tanto lì è tutto su una riga.

[adottauncane]

Io su Chrome (per Mac) lo vedo così... Non bastava IE, adesso pure chrome... 

[Nuvola6]

A te è perfetto infatti. Sì, hai ragione, non bastava ie. Devono sempre complicare la vita. ma non deve vincerla lui :-)

[ariess]

ciao ragazze 

credo vi stiate complicando la vita con tutti quei margin...

prova così



#register_black {                                                                  riga109
    position: absolute;
}

#form-login ul {                                                          riga 94
    font-family: Verdana,Arial;
    font-size: 10px;
    list-style: none outside none;
    margin-top: 0;
    padding-left: 5px;
    width: 100%;
}

[adottauncane]

Ciao ricdata,
cosa fai qui, perché non sei a dormire?  Io sto litigando con Chronoform 

Ma a me non mi funziona il tuo css... 

Non che il mio sia un granché... 

[adottauncane]

No, no funziona... almeno su IE. Cancellavo il mio invece di corregerlo. 

[Nuvola6]

Grande Ricdata! Ho utilizzato il tuo codice che ha quasi sistemato tutto alla perfezione. In più ho aggiunto nel css per ie alcune righe di codice per sistemare i magini:

Codice: [Seleziona]

#form-login ul {font-family:Verdana,Arial;font-size:10px;list-style:none outside none;margin-top:15px;padding-left:0px;width:100%;}
form#form-login input#modlgn_username {padding-top:5px;}
form#form-login input#modlgn_passwd {padding-top:7px;}

Poi ho trovato un bellissimo hack per Chrome e Safari che funziona alla perfezione. Eccolo:

Codice: [Seleziona]

/*codice css specifico per chrome e safari */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
#form-login ul {font-family:Verdana,Arial;font-size:10px;list-style:none outside none;padding-top:0px;padding-left:0px;width:100%;}
#form-login ul li {float:left;margin-left:2px;margin-top:-10px;} 
} 

Ora ci mancava un altro grattacapo per chi costruisce template: Chrome!

Grazie a tutti di cuore.
Angela