[risolto] Problema sovrapporre menu a logo azienda

[aleg_81]

Salve a tutti, sono Alessandro e sono un pivellino!
Mi sto avvicinando al mondo Joomla e sto realizzando qualche sitino semplice semplice.
Ora avrei bisogno di risolvere un arcano:


ho la necessità di orientare il menu (in verde nell'esempio)  (roketmenu ma posso anche cambiarlo senza problemi!) in modo tale che si sovrapponga al logo aziendale (in rosso).


Il logo è simile a una L ruotata di 90° e vorrei che il menu andasse a porsi circa così:



    I------------------------------------------------------------------------
    I
    I     MENU MENU MENU MENU MENU MENU MENU MENU
    I
   I




il tutto centrato nella pagina...


Idee? premetto sono parecchio ignorante in materia.


Uso RoketMenu su Template Roket Quasar.


Un grazie fin da ora!

[ginofrio]

è buona cosa sempre linkare il sito, così è difficile capire ...

[aleg_81]

Sì scusate: era offline.


www.studiomorbiato.it


è ancora acerbissimo quindi abbiate pietà... come si vede il logo è "tagliato"

[giusebos]

nel file css

http://www.studiomorbiato.it/joomla/templates/rt_quasar/css/template.css

alla riga 34 inserisci le dimensioni dell'immagine, adesso hai

#rt-logo {
  display: block;
  height: 49px;
  width: 236px;
}

mentre la tua immagine è 829x138px.
temo comunque che con un limmagine così grande avrai qualche problema nella visualizzazione su mobile.

[aleg_81]

ok, fatto, o meglio ho capito il discorso "dimensione"... rimane però il fatto che anche così non parte il menu all'altezza della base dell S del logo...
idee?


intanto grazie davvero!

[giusebos]

inserisci in fondo al file
http://www.studiomorbiato.it/joomla/templates/rt_quasar/css/template.css
questo codice
.rt-block {
  padding: 0px 15px !important;
}

[aleg_81]

ho fatto come consigliato giusebos ma non noto differenze... ho pensato eventualmente di tagliare in 2 sezioni il logo in modo da creare un immagine in alto e poi una seconda con la parte "bassa" della S e a destra di questa il menu... ma non so se sono in grado.

[adottauncane]

Ciao aleg_81,
sì qualche differenza c'è, magari non quello che volevi...
Comunque, lascia il css di giosebos e aggiungi questo sotto:

Codice: [Seleziona]

ul.menu {
    float: left !important;
    margin-left: 120px !important;
    margin-top: -50px !important;
}
ma forse dovresti cambiare colore alle voci di menù, quel grigio è quasi illeggibile.

[aleg_81]

wow! grazie 1000 ragazzi! quando avete un secondo mi spiegate "come" ci si è riusciti? cioè a cosa corrispondono i numeri? grazie ancora

[adottauncane]

Per prima cosa devi scrivere un css che non influenzi gli altri, nel tuo caso usando un css esistente avresti spostato anche i sottomenù.
I margin somo la distanza dall'elemento, il contenitore del menù nel tuo caso, relativamente agli altri elementi e li puoi mettere anche negativi. Sono esterni allo stesso. I padding interni.
Per farlo devi usare Firebug per Firefox, così vedi e modifichi i css da frontend. Ottenuto quello che vuoi lo riporti sul file css che indica sempre Firebug.

[aleg_81]

Gentilissimo! in effetti con questo componente si ha un bel aiutone! grazie 10000 ho imparato più cose in sto post che in decine di ore a cercare nel web