Back to top

Autore Topic: [RISOLTO] Posizionare modulo  (Letto 3907 volte)

Offline daniel77

  • Abituale
  • ****
  • Post: 1129
  • Grotta del bue marino
    • Mostra profilo
[RISOLTO] Posizionare modulo
« il: 27 Feb 2011, 03:25:25 »
Buonanotte a tutti :) ... allora, chi mi dice come far stare un nuovo modulo dove piace a me e non dove piace a lui?...  :)

Grazie
« Ultima modifica: 27 Feb 2011, 22:44:57 da daniel77 »
www.salinalive.it
Voglio tornare quiiiiiiiiiiiiiii!!!!!!!!!!!!!!!!!!!!!

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:Posizionare modulo
« Risposta #1 il: 27 Feb 2011, 11:15:01 »
I moduli vanno nelle posizioni, le posizioni sono nel template, se non ti piacciono le modifichi o ne fai di nuove, sul come consulta le guide.

Offline daniel77

  • Abituale
  • ****
  • Post: 1129
  • Grotta del bue marino
    • Mostra profilo
Re:Posizionare modulo
« Risposta #2 il: 27 Feb 2011, 12:13:49 »
Ciao tom, la nuova posizione modulo l'ho creata e posizionata nel template, solo che la guida del wiki non dice come posizionarla esattamente dove si vuole, o perlomeno, se lo dice io non ho capito come fare...
Se visualizzi la mia ho vedrai in alto a tutto un nuovo modulo che ho chiamo login, solo che l'allineamento di questo modulo non è quello che vorrei in quanto io vorrei che si allineasse con tutto il resto, invece adesso se ne sta per fatti suoi all'estrema destra della pagina, quindi suppongo di dover formattare il modulo dandogli dei margini o qualcosa del genere, ma non so quali...
www.salinalive.it
Voglio tornare quiiiiiiiiiiiiiii!!!!!!!!!!!!!!!!!!!!!

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:Posizionare modulo
« Risposta #3 il: 27 Feb 2011, 12:27:15 »
Lo hai inserito nell'head, invece devi inserirlo fra gli altri div ove vuoi che sia affiancato, poi modifichi il css per fargli spazio.

Offline daniel77

  • Abituale
  • ****
  • Post: 1129
  • Grotta del bue marino
    • Mostra profilo
Re:Posizionare modulo
« Risposta #4 il: 27 Feb 2011, 12:42:52 »
Io lo voglio inserire al di fuori della pagina, sopra a tutto, praticamente dove è ora, solo che dovrebbe allinearsi con il resto della pagina e non stare tutto a dx o a sx ....

Se imposto un margine secondo te va bene?
www.salinalive.it
Voglio tornare quiiiiiiiiiiiiiii!!!!!!!!!!!!!!!!!!!!!

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:Posizionare modulo
« Risposta #5 il: 27 Feb 2011, 13:09:39 »
E'' l'unico modo, però io lo toglierei dall'header.

Offline ophtalmos

  • Appassionato
  • ***
  • Post: 403
  • Sesso: Maschio
  • Guardo attentamente....negli occhi
    • Mostra profilo
Re:Posizionare modulo
« Risposta #6 il: 27 Feb 2011, 15:12:45 »
perchè non crei una regola con  width e  margin:auto, così:

Codice: [Seleziona]

span.niftydefault
{ width:993; <-- o quanto vuoi tu(vedi con firebug)
    margin:auto;

}

ciao
Non vale l'apparire ma l'essere

Offline daniel77

  • Abituale
  • ****
  • Post: 1129
  • Grotta del bue marino
    • Mostra profilo
Re:Posizionare modulo
« Risposta #7 il: 27 Feb 2011, 15:38:00 »
perchè non crei una regola con  width e  margin:auto, così:

Codice: [Seleziona]

span.niftydefault
{ width:993; <-- o quanto vuoi tu(vedi con firebug)
    margin:auto;

}

ciao

Scusa ophtalmos, ma questa regola la inserisco in template.css in una posizione a caso?
www.salinalive.it
Voglio tornare quiiiiiiiiiiiiiii!!!!!!!!!!!!!!!!!!!!!

Offline ophtalmos

  • Appassionato
  • ***
  • Post: 403
  • Sesso: Maschio
  • Guardo attentamente....negli occhi
    • Mostra profilo
Re:Posizionare modulo
« Risposta #8 il: 27 Feb 2011, 15:46:35 »
si e magari subito sopra sarebbe buon comportamento aggiungere un commento tra simboli" /*" e "*/"

per es, alla fine delle regole esistenti, dopo l'ultima regola scrivi così
 
Codice: [Seleziona]
/* regole fatte da me */
span.niftydefault
{ width:993; <-- o quanto vuoi tu(vedi con firebug)   
 margin:auto;
}
così le tue regole nel file.css le rintracci subito e col commento che ti da dei raggugli sul loro significato
« Ultima modifica: 28 Feb 2011, 08:05:16 da ophtalmos »
Non vale l'apparire ma l'essere

Offline daniel77

  • Abituale
  • ****
  • Post: 1129
  • Grotta del bue marino
    • Mostra profilo
Re:Posizionare modulo
« Risposta #9 il: 27 Feb 2011, 17:17:44 »
Adesso l'ho spostato di nuovo, cmq provo a inserire quelle righe di codice, così vedo se il risultato è quello che cerco :) .. ad ogni modo mi hai appena fatto capire una cosa, e cioè che le regole riguardanti i moduli o anche i div suppongo, possono essere messe in qualsiasi punto del css, non lo sapevo, adesso che lo so risparmierò molto tempo :) .... grazie :)
www.salinalive.it
Voglio tornare quiiiiiiiiiiiiiii!!!!!!!!!!!!!!!!!!!!!

Offline ophtalmos

  • Appassionato
  • ***
  • Post: 403
  • Sesso: Maschio
  • Guardo attentamente....negli occhi
    • Mostra profilo
Re:Posizionare modulo
« Risposta #10 il: 27 Feb 2011, 17:32:11 »
Di niente, figurati  ;)
Citazione
le regole riguardanti i moduli o anche i div
i moduli tu li metti sempre in un <div>modulo</div> e te lo gestisci (sempre nell'ambito del div padre) grazie alla formattazione con le regole css di riferimento al <div>modulo</div> in cui sono posti.
Buon lavoro
Non vale l'apparire ma l'essere

Offline daniel77

  • Abituale
  • ****
  • Post: 1129
  • Grotta del bue marino
    • Mostra profilo
Re:Posizionare modulo
« Risposta #11 il: 27 Feb 2011, 19:09:12 »
... Grazie :) ... , comunque in qualche modo  son riuscito ad allineare il modulo alla pagina, il che è già un grandissimo passo in avanti...  però vorrei che venisse visualizzato sulla destra e non a sinistra come è adesso..

Provando ad inserire la regola di cui mi dicevi, l'allineamento non sortisce nessun effeto, forse sbaglio a scrivere qualcosa o magari.. boh!! comunque, per farlo allineare ho inserito weight: 992px; margin: auto; nella formattazione del  nuovo_div

Se provo a modificare il margine mi ritorna tutto come prima...

Quindi diciamo che ci siamo quasi, adesso dovrei solo visualizzare il tutto a destra.. ma sono di nuovo ad un punto morto..
www.salinalive.it
Voglio tornare quiiiiiiiiiiiiiii!!!!!!!!!!!!!!!!!!!!!

Offline daniel77

  • Abituale
  • ****
  • Post: 1129
  • Grotta del bue marino
    • Mostra profilo
Re:Posizionare modulo
« Risposta #12 il: 27 Feb 2011, 20:06:57 »
Benissimo, a quanto pare cel'ho fatta anche a metterlo a dx, il problema però è che per farlo ho impostato il margine: 0 0 0 840px; e questa cosa non mi convince molto, in quanto potrebbero esserci problemi di visualizzazione con monitor, browser o risoluzioni diverse dalla mia, giusto?

www.salinalive.it
Voglio tornare quiiiiiiiiiiiiiii!!!!!!!!!!!!!!!!!!!!!

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:Posizionare modulo
« Risposta #13 il: 27 Feb 2011, 20:27:17 »
Metti
float: right;

Offline daniel77

  • Abituale
  • ****
  • Post: 1129
  • Grotta del bue marino
    • Mostra profilo
Re:Posizionare modulo
« Risposta #14 il: 27 Feb 2011, 21:12:15 »
Non funziona, mi riporta tutto a dx e mi scombina anche l'header... lascio un per un paoi d'ore il risultato del float: right, così in caso ti colleghi puoi vedere tu stesso cosa succede...
www.salinalive.it
Voglio tornare quiiiiiiiiiiiiiii!!!!!!!!!!!!!!!!!!!!!

Offline ophtalmos

  • Appassionato
  • ***
  • Post: 403
  • Sesso: Maschio
  • Guardo attentamente....negli occhi
    • Mostra profilo
Re:Posizionare modulo
« Risposta #15 il: 27 Feb 2011, 21:46:30 »
prova a cambiare così, vedi se ti piace
Codice: [Seleziona]

#nuovo_div {
     margin: auto;
    padding-left: 59%;
}
ciao
« Ultima modifica: 27 Feb 2011, 21:48:31 da ophtalmos »
Non vale l'apparire ma l'essere

Offline daniel77

  • Abituale
  • ****
  • Post: 1129
  • Grotta del bue marino
    • Mostra profilo
Re:Posizionare modulo
« Risposta #16 il: 27 Feb 2011, 22:44:36 »
ecco si, così sembra andar decisamente meglio, è lo stesso risultato ottenuto mettendo width:330px margin 0 0 0 885; ma con una riga di codice in meno, credo che così possa andare, grazie per il prezioso aiuto :)

www.salinalive.it
Voglio tornare quiiiiiiiiiiiiiii!!!!!!!!!!!!!!!!!!!!!

 



Web Design Bolzano Kreatif