[RISOLTO] Ari Ext Menu - larghezza celle (con sotto menu) maggiore delle altre

[zipping]

Ciao,
vorrei un aiuto in merito alla personalizzazione del modulo ARI EXT MENU.
Faccio una premessa: con l'auto width del menu, le celle venivano dimensionate alla larghezza massima dei contenuti; ma siccome a me serviva anche minimizzare lo spazio vuoto fra il menu verticale di sinistra e l'articolo (centrale), ho aggiunto nel /modules/mod_ariextmenu/mod_ariextmenu/js/css/menu.min.css le seguenti:
UL#ariext92 LI A {width:180px !important;}UL#ariext93 LI A {width:180px !important;}
dove ariext92 e ariext93 sono gli id del menu (inglese e italiano).
Intanto non ho capito perchè la dimensione ottimale è 180px visto che il menu nella realtà è 210px (ma se metto width:210px il menu si accavalla all'articolo).
Comunque, a parte questo mistero, adesso le celle che contengono un sottomenu risultano più larghe, come se l'immagine freccia avesse allargato la cella.
Come faccio ad avere le celle tutte della stessa larghezza?
Il sito in questione è http://www.autismo.biz/index.php?lang=it e vi allego una copia del css.
Grazie a tutti in anticipo!

[allegato eliminato da un amministratore essendo vecchio più di un anno]

[Fabrizio Fiorita]

Ciao.
Io interverrei sulla freccina, che probabilmente è la causa dell'ampliamento verso destra della voce menu complessa.
P.S. La prossima volta che posti il link ad un foglio di stile evita prima di compattarlo, mi ci è voluto un quarto d'ora per espanderlo e poterlo valutare.

[zipping]

Ciao fabrizio e grazie per la risposta.
Penso pure io che sia causa della freccina (infatti sembrerebbe che la cella si allarghi in più proprio di una misura pari alla larghezza dell'immagine). Ma in che senso intervenire sulla freccina? In quale proprietà del css devo andare ad intervenire ed in che modo?
P.S. hai ragione, è un casino già a solo leggerlo, ma il foglio di stile non l'ho compattato io, era già così di default dopo aver installato il modulo (io l'ho solo rinominato in txt non sapendo se era consentito uploadare un .css)

[Fabrizio Fiorita]

Se vuoi un consiglio, riformatta la pagina di stile come si deve con un editor utf8, così ci capisci meglio anche tu quando devi metterci le mani.
Ti consiglio di scaricare CoffeeCup Free HTML Editor, che permette di editare HTML, XHTML e CSS con suggerimenti su proprietà e valori.
Circa la freccina, non ho memorizzato il tuo css, ma se ben ricordo puoi agire sulle proprietà left e position.
Prova, non costa nulla (solo tempo).

[Fabrizio Fiorita]

Aspetta, ce l'avevo con il copia e incolla:

.ux-menu-arrow     
                   {
                   display:block;
                   width:8px;
                   height:6px;
                   right:10px;
                   top:14px;
                   position:absolute;
                   background:url(images/menu-arrow-down.png) no-repeat;
                   font-size:0;
                   }
Prova con display:inline;
          con position:relative;
          aumenta right

Fai una prova per volta. Con i primi due cambiamenti probabilmente devi anche cambiare i valori di offset (right e top).
                   

[adottauncane]

Ciao zipping,
secondo me devi semplicemente togliere la A (che si riferisce al link, non alla sua area).
Cambia così l'ultimo css che hai aggiunto:

Codice: [Seleziona]

UL#ariext93 LI  {width:210px !important;}
vedrai che 210px adesso andrà bene.

Lo farei anche su quello prima (92).

[zipping]

Salve ragazzi, scusate ma ho potuto rispondere solamente adesso.
Adottauncane sei stato grandioso, per me è come se avessi trovato il famoso ago nel pagliaio perchè è bastato togliere la A per risolvere tutto, anche l'uniformità delle larghezze delle celle (evidentemente occorreva riferire la dimensione al contenitore e non all'ancora....eh eh adesso che lo scrivo sembra quasi ovvio!).
Grazie tante anche a Fabrizio: i tuoi suggerimenti li ho provato e non hanno funzionato, ma seguirò il tuo consiglio sull'editor per rendere più leggibile il codice.
Ciao a tutti e passo a risolto.