Back to top

Autore Topic: [RISOLTO] Allineamento moduli  (Letto 2339 volte)

Offline jago

  • Nuovo arrivato
  • *
  • Post: 4
    • Mostra profilo
[RISOLTO] Allineamento moduli
« il: 09 Dic 2009, 18:04:33 »
Salve a tutti. Dopo aver vagato per tutto il furum in cerca di una soluzione vi chiedo aiuto, ringraziandovi anticipatamente.
Premesso che sono un novizio di joomla e sto imparando i css per modificare i template(il template da me utilizzato è il pjo_joomlaforall).
Vi spiego il problema:
vorrei allineare tre moduli nella parte del template che viene subito dopo il menù, provando e riprovando ho raggiunto il mio obiettivo.
Ho creato le nuove posizioni per i moduli nel file templateDetails.xml e aggiunto il codice opportuno (secondo me) nei file del css e dell'html.
Con i css sono andato a settare i parametri del contenitore (#con) che ospiterà le posizioni ed i parametri delle posizioni(#user8, #user9, #user10):
Codice: [Seleziona]
#con {
border: 0;
        right: 0;
        whidt: 940px;
margin: 0px;     
        height: 250px;
}


#user8 {
        width:313;
        height: 250;
        border: 0;
        float:left;
       
}

#user9 {
        width:313;
        height: 250;
        border: 0;
        float:left;
        margin-left:25px;
}

#user10 {
        width:313;
        height: 250;
        border: 0;
        float:left;
        margin-left:25px;
}

mentre nela parte del codice html ho aggiunto questo pezzo di codice:
Codice: [Seleziona]
<?php if($this->countModules('user8 or user9 or user10') and JRequest::getCmd('layout') != 'form') : ?>
 <div id="con">
   <?php if($this->countModules('user8')) { ?>
   <div id="user8">
   <jdoc:include type="modules" name="user8" style="xhtml" />
   </div>
   <?php ?>
   <?php if($this->countModules('user9')) { ?>
   <div id="user9">
   <jdoc:include type="modules" name="user9" style="xhtml" />
   </div>
   <?php ?>
   <?php if($this->countModules('user10')) { ?>
   <div id="user10">
   <jdoc:include type="modules" name="user10" style="xhtml" />
   </div>
   <?php ?>
 </div>
<?php endif; ?>
aprendo l'img1 vedrete il risultato.

Ora, per posizionare i moduli alla stessa larghezza dell'header setto il margin-left nel css delle posizioni (#user9, #uer10) con un valore maggiore di 25px, come potete notare aprendo l'img2 il modulo_3 viene spostato sotto e non riesco a capire il perchè.

In allegato metto i file completi del css e dell'html.

Attendo un vostro aiuto.
Grazie a tutti






[allegato vecchio più di un anno eliminato automaticamente]
« Ultima modifica: 17 Dic 2009, 12:17:03 da jago »

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:Allineamento moduli
« Risposta #1 il: 09 Dic 2009, 18:43:52 »
ciao
benvenuto nel forum
il perche semplice
vedendo lqa tua immagine con  i 3 moduli allineati  hai la colonna right  pur non avendo nessun contenuto  ti tiene lo spazio occupato , e questo e il motivo del terzo modulo che sbalza sotto.
devi rendere la colonna right  collassabile  in modo da prendere lo spazio che occupa la colonna quando non ha nulla di pubblicato .
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline .: BlackHat :.

  • Team Joomla.it
  • Abituale
  • *******
  • Post: 1186
  • Sesso: Maschio
  • Io me e me stesso
    • Mostra profilo
Re:Allineamento moduli
« Risposta #2 il: 09 Dic 2009, 18:46:55 »
allora da quello che vedo il problema è che il div #con non è abbastanza largo per ospitare tutti e tre i moduli nella stessa riga questo perchè oltre alla dimensione del modulo(rettangolo) devi aggiugnere quella del margin, il che ti porta a un valore superiore a 940. prova a togliere tutti i margini e vedi se si allineano.

inoltre ricorda di mettere "l'unità di misura", se gli metti solo 313 non sono sicuro che il browser lo legga come deve.

ciau
« Ultima modifica: 09 Dic 2009, 18:48:28 da .: BlackHat :. »
Sogna come se dovessi vivere per sempre, vivi come se dovessi morire domani.

Woot, ma cosa sta lì, sulla destra, si si prorpio li, nella colonna di destra del sito....mhh sembra un campo di ricerca...che dici lo usiamo? ma no, meglio postare :D

Offline jago

  • Nuovo arrivato
  • *
  • Post: 4
    • Mostra profilo
Re:Allineamento moduli
« Risposta #3 il: 09 Dic 2009, 19:14:33 »
Innanzi tutto grazie per aver risposto cos'ì tempestivamente. Seguendo il consiglio di .: BlackHat :. ho provato ad eliminare tutti i margin e i moduli si allineano uno accanto all'altro ma non vanno ad occupare l'intero spazio (lo vedete nell'img1). Ora rimane il problema della colonna right che, come dice cont1, dovrei rendere collassabile. Purtroppo non so come si fa, Carneade!!!

« Ultima modifica: 13 Dic 2009, 12:45:12 da jago »

Offline .: BlackHat :.

  • Team Joomla.it
  • Abituale
  • *******
  • Post: 1186
  • Sesso: Maschio
  • Io me e me stesso
    • Mostra profilo
Re:Allineamento moduli
« Risposta #4 il: 09 Dic 2009, 19:24:30 »
per far collasare la colonna --> http://forum.joomla.it/index.php/topic,89349.0.html

dovrebbe esserci anche altro sul forum e wiki a riguardo.

ciao
Sogna come se dovessi vivere per sempre, vivi come se dovessi morire domani.

Woot, ma cosa sta lì, sulla destra, si si prorpio li, nella colonna di destra del sito....mhh sembra un campo di ricerca...che dici lo usiamo? ma no, meglio postare :D

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:Allineamento moduli
« Risposta #5 il: 09 Dic 2009, 19:44:21 »
ciao non c'è bisogno linkare 2 volte un sito commerciale  x vedere come vuoi i tuoi 3 div ,
se vuoi metti il link del tuo sito oppure il nome del temlate in uso che vediamo come si puo risolvere.
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline jago

  • Nuovo arrivato
  • *
  • Post: 4
    • Mostra profilo
Re:Allineamento moduli
« Risposta #6 il: 13 Dic 2009, 12:50:12 »
Scusate ma non sapevo fosse un template commerciale!!! Allora il template da me utilizzato è il pjo_joomlaforall non posso linkarvi il sito perchè lo sto modificando in locale, nel primo post trovate allegati i file css ed html.
Grazie e scusate ancora per l'errore.
Buona Domenica

Offline 56francesco

  • Fuori controllo
  • *
  • Post: 29585
  • Sesso: Maschio
    • Mostra profilo
Re:Allineamento moduli
« Risposta #7 il: 13 Dic 2009, 12:53:47 »
jago ma non fai prima a scegliere un template con la struttura che di servirà per il tuo progetto?

inoltre se il template è commerciale non solo non devi citarlo ma non si da neanche l'assistenza che stai cercando..
devi rivolgerti li dove lo hai comprato..
(e probabilmente ti risponderanno con la prima risposta che ho dato io sopra)
 8)
(uso XP perchè win98 non si installa) 
PS: non sono un dipendente dello sbonzor quindi è necessario un "per favore" alla richiesta e un "grazie" alla risposta, sempre! PPS: non scrivo mai per primo in MP, in caso contrario chiedimi una conferma, Grazie.

Offline jago

  • Nuovo arrivato
  • *
  • Post: 4
    • Mostra profilo
[RISOLTO] Allineamento moduli
« Risposta #8 il: 17 Dic 2009, 12:15:07 »
ho risolto il problema grazie al link postato da .: BlackHat :.
P.S.:il template che ho usato (pjo_joomlaforall) non è commerciale, l'ho preso dalla sezione download di questo sito.

 



Web Design Bolzano Kreatif