[RISOLTO] Spostamento logo

[Blodoks]

Buongiorno a tutti, sto modificando il sito


www.geologopizzin.it/joomla


ed in particolare vorrei muovere il logo nella parte sinistra dello schermo.
Dopo aver letto qualche topic in merito, mi sono messo a smanettare sul CSS (.../template/CSS/tdefaut.css), più precisamente modificando i parametri di "margin" da 0px 5px a 0px -30px ma senza aver risultati.
Se invece passo da "0px 5px" a, per esempio "0px 150px" il logo si sposta a destra...
Sbaglio io qualcosa o il CSS è posseduto?

Codice: [Seleziona]


/*image*/
img {
   border: none;
   margin: 0px 5px;
   padding: 0; }


   img .caption { text-align: left; }


Ho provato anche a controllare il file index.php ma al di la che non si capisce niente perchè chi l'ha compilato ha fatto tutto appiccicaticcissimo, non mi pare ci sia niente che fa al mio caso li dentro, se non le dimensioni del logo.


Help!! 

[giusebos]

ti conviene aprire il sito, altrimenti si fa minga ne

[Blodoks]

OPS!!!
Scusate, non mi ero accorto di averlo lasciato offline!!
:/


Sorry, ora è online!!

[Rasjah]

devi fare

img {
    border: medium none;
    margin: 0px 5px 0px -300px;
    padding: 0px;
   
}

i quattro valori del margine sono rispettivamente sopra - destra - sotto - sinistra

[Blodoks]

Grazieee!!! Fatto, mille mille grazie!! Ora metto risolto!!

[Blodoks]

Ehmmm....mi sono accorto solo ora che non viene spostato solo il logo, ma TUTTI i media, anche ad esempio le immagini nella pagina "Servizi"...
 

[Rasjah]

Cioè.. cosa intendi per "TUTTI i media" ? Nella sezione servizi vedo solo del testo....

[Blodoks]

Nella sessione Media, tra un blocco di testo e l'altro ci dovrebbero essere 3 immagini (tra primo e secondo e tra secondo e terzo blocco), solo che ora che ho spostato il logo a sinistra, anche tutte le immagini si sono spostate a sinistra, ben oltre il margine sinistro degli articoli! 


C'è un modo per specificare nel codice che abbiamo modificato, ovvero

Codice: [Seleziona]

img {    border: medium none;    margin: 0px 5px 0px -300px;    padding: 0px;    }


...che questa modifica deve interessare solo il logo?

[Rasjah]

Certo che si può… con la modifica che ti ho consigliato io, vai ha modificare l’impostazioni di tutte le immagini con il selettore “img”, quindi devi assegnare solo all’immagine del logo una classe, per esempio class=”logo”.

Quindi scriverla all’interno del file php.

<a href="/joomla/index.php"><img class=”logo” src="/joomla/templates/veniyard1.7/images/logo.png" width="220" height="220" alt="logotype" />


Aggiungere poi all’interno del tuo file defaut.css


img.logo {   border: medium none;    margin: 0px 5px 0px -300px;    padding: 0px;}




E naturalmente riportare come prima, il selettore delle immagini “img”


img {   border: medium none;    margin: 0px 5px;    padding: 0px;}
 

[Blodoks]

Ok, credo che ci siamo quasi! 


Le immagini sono tornate normali, il logo però ora si è sdoppiato ed è tornato in centro 


Scusate se vi rompo ma proprio non riesco a capire come "manovrare" sta cosa!!
Tra l'altro il file php è tutto attaccato, ci capisco poco, non si riesce ad "ordinarlo" mandando a capo (sono riuscito a riordinare il tdefaut.css con un servizio online).

[EDIT]


Ok, mi sono accorto che poco più in basso c'era una stringa che diceva praticamente la stessa cosa, solo che non conteneva la "class="logo"....... ho fatto casino io, al posto di editare quella, ne ho aggiunto un altra, scusate la gnubbezza!


Ora sembra tutto ok, grazie mille per i consigli, spero di aver capito un po' meglio i meccanismi che controllano queste cose!!