Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : Nuvola6 18 May 2011, 17:23:17
-
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
-
Ciao Nuvola6,
prova ad inserire questo:
#form-login ul li {
display: inline !important;
}
#register_black {
margin-left: 215px !important;
margin-top: -14px !important;
}
ma... non garantisco. :)
-
Grazie per l'aiuto, adottancane. Siamo sempre lì più o meno... cioè su ie e su chrome non va... mi sta facendo impazzire.
-
e così?
#form-login ul li {
float:left;
}
#register_black {
margin-left: 210px !important;
margin-top: -14px !important;
}
-
ci siamo quasi, adottauncane. su ie però. su chrome invece no.... ma devo specificare qualcosa solo per ie e chrome?
-
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...
-
e aggiungendo:
#register_black {
margin-left: 210px !important;
margin-top: -14px !important;
position:relative;
}
-
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? :-(
-
Però adesso su crome lo vedo bene (da aggiustare un po' i margin, al limite...)
-
quella caselletta del ricordami è dura da colorare, vero?
;D
-
Forse su IE8 è da abbassare tutto un po', ma lo vedo in linea...
-
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.
-
Io su Chrome (per Mac) lo vedo così... Non bastava IE, adesso pure chrome... ;D
-
A te è perfetto infatti. Sì, hai ragione, non bastava ie. Devono sempre complicare la vita. ma non deve vincerla lui :-)
-
ciao ragazze :)
credo vi stiate complicando la vita con tutti quei margin... ;D
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%;
}
-
Ciao ricdata,
cosa fai qui, perché non sei a dormire? ;D Io sto litigando con Chronoform >:(
Ma a me non mi funziona il tuo css... :(
Non che il mio sia un granché... ;)
-
No, no funziona... almeno su IE. Cancellavo il mio invece di corregerlo. :)
-
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:
#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 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