Back to top

Autore Topic: Centrare immagine nella testata[Risolto]  (Letto 2101 volte)

Offline LadyIvy

  • Nuovo arrivato
  • *
  • Post: 22
    • Mostra profilo
Centrare immagine nella testata[Risolto]
« il: 03 Nov 2008, 16:36:44 »
Salve a tutti,
ho un problema che non riesco a risolvere..

Devo centrare un'immagine nella testata del template che ho ma non riesco a trovare il modo..
Ovviamente il template si adatta automaticamente alla risoluzione che ognuno ha..

Per capirci la parte di codice è:

Codice: [Seleziona]
#logo {

width : 533px;

height : 250px;

float : left;

margin-top : -210px;

margin-left : 254px;

background : url(../images/logo.png) no-repeat;

}

La riga "margin-left : 254px;" è quella che devo modificare per poter mettere quell'immagine al centro della pagina. Però come faccio se ognuno ha una risoluzione dello schermo diversa???   ??? ??? ??? ??? ??? ??? ??? ???
« Ultima modifica: 03 Nov 2008, 20:34:24 da LadyIvy »

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re: Centrare immagine nella testata
« Risposta #1 il: 03 Nov 2008, 20:28:40 »
le percentuali restano sempre percentuali con qualsiasi risoluzione... ;D
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline LadyIvy

  • Nuovo arrivato
  • *
  • Post: 22
    • Mostra profilo
Re: Centrare immagine nella testata
« Risposta #2 il: 03 Nov 2008, 20:33:58 »
 :o :o :o :o :o :o :o :o :o :o :o :o :o :o

Ave a te e alla semplicità delle cose...  :P :P :P

Grazieeeeeeee!!!!!!!  :D :D :D

Offline lybra

  • Nuovo arrivato
  • *
  • Post: 5
  • Alfa Romeo Driver
    • Mostra profilo
Re: Centrare immagine nella testata[Risolto]
« Risposta #3 il: 12 Nov 2008, 16:19:19 »
Salve...
stesso problema...ma non riesco a interpretare la soluzione da voi trovata...
scusate la mia sconfinata ignoranza in materia...
io uso rhuk_milkyway

Come faccio a centrare il mio logo nell'header?
Quale template devo modificare?

in che modo?

Grazie mille a quanti vorranno rispondere.. :D

edit:

devo modificare template.css?
questa parte?

Codice: [Seleziona]
div#logo {
position: absolute;
left: 0;
top: 0;
float: center;
width: 400px;
height: 129px;
background: url(../images/LogoSenzaSfondo.gif) 0 0 no-repeat;
margin-left: 30px;
margin-top: 5px;
}

Grazie :)
« Ultima modifica: 12 Nov 2008, 16:26:59 da lybra »
SoloAlfa.it HomePage - Powered by Joomla
SoloAlfa.it Forum - Powered by phpBB

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re: Centrare immagine nella testata[Risolto]
« Risposta #4 il: 12 Nov 2008, 16:46:43 »
Sei sulla strada buona ;D
Devi agire su questo comando:
margin-left: 30px; sostituendo 30px con altri valori se usi una visone statica (prova via via ad aumentare i pixel di distanza dal margine sinistro tipo 100px 150px ecc.) o con una percentuale se usi una visione fluida: prova ad impostare su 45% e cambi fino  a completa e totale soddisfazione....
Ovviamente non potrai più usare il modulo a destra dell'header.
 :)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline lybra

  • Nuovo arrivato
  • *
  • Post: 5
  • Alfa Romeo Driver
    • Mostra profilo
Re: Centrare immagine nella testata[Risolto]
« Risposta #5 il: 12 Nov 2008, 21:30:22 »
la visione che uso è "fluido massima estensione"...almeno... ;D

edit: ce l'ho fatta! Grazie mille Toni  :) gentilissimo come sempre

ormai sei il mio salvatore ufficiale!!!
« Ultima modifica: 12 Nov 2008, 22:32:56 da lybra »
SoloAlfa.it HomePage - Powered by Joomla
SoloAlfa.it Forum - Powered by phpBB

 



Web Design Bolzano Kreatif