Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : bodhi 27 Sep 2012, 19:54:51
-
Buonasera a tutti,
prima di esporre il mio problema faccio una piccola premessa, stò lavorando in locale e purtroppo non posso inserire un link al sito.
Problema: ho creato una nuova posizione per inserire i moduli, fin qui nessun problema, la nuova posizione c'è, inserisco un modulo e funziona bene, di seguito inserisco un nuovo modulo nella stessa posizione, ma viene messo sotto il modulo precedente mentre io lo voglio a destra.
Lavorando sul css scrivo questo :
.bottom-a{
float:left;
height:auto !important;
}
ma il modulo non si sposta. Non voglio creare una nuova posizione inserita nello stesso div.
Spero di essere stato chiaro, e ringrazio in anticipo chi vorrà aiutarmi.
Grazie
-
allora, appurato che non conosco la struttura che hai, però per fare quello che chiedi dovresti creare un contenitore e poi almeno un contenitore intenro per i contenuti, una cosa tipo:
HTML
<div id="bottom-a-container">
<div class="bottom-a-content">
qui il contenuto
</div>
</div>
CSS
div#bottom-a-container{
width:100%;
height:auto;
}
div.bottom-a-content{
width:33%;
float:left;
}
-
ciao synapsewebagency
scusami ma secondo te questa e una posizione modulo?
<div id="bottom-a-container">
<div class="bottom-a-content">
qui il contenuto
</div>
</div>
visto che l'utente a già le idee confuse con la tua risposta lo hai confuso ancora di più.
chiede come affiancare 2 o più moduli , le posizioni le già create da come dice.
ps: non ti basta fare solo una posizione ma ne devi fare più di una se le vuoi affiancare.
esempio
<div id="content-1" >
<div id="po-1" >
<jdoc:include type="modules" name="po-1" style="xhtml" />
</div>
<div id="po-2" >
<jdoc:include type="modules" name="po-2" style="xhtml" />
</div>
<div id="po-3" >
<jdoc:include type="modules" name="po-3" style="xhtml" />
</div>
</div>
il tuo css
#po-1, #po-2, #po-3{float:left;}
poi crei ancora css per le singole posizioni x dare una larghezza adeguata .
questo e il modo molto spartano di fare posizioni affiancate.
se vuoi fare una cosa fatta bene , io farei le posizioni colassabili che in mancanza di uno o più posizioni , la posizione pubblicata prende lo spazio delle posizioni mancanti.
-
ciao synapsewebagency
scusami ma secondo te questa e una posizione modulo?
<div id="bottom-a-container">
<div class="bottom-a-content">
qui il contenuto
</div>
</div>
visto che l'utente a già le idee confuse con la tua risposta lo hai confuso ancora di più.
chiede come affiancare 2 o più moduli , le posizioni le già create da come dice.
ps: non ti basta fare solo una posizione ma ne devi fare più di una se le vuoi affiancare.
esempio
<div id="content-1" >
<div id="po-1" >
<jdoc:include type="modules" name="po-1" style="xhtml" />
</div>
<div id="po-2" >
<jdoc:include type="modules" name="po-2" style="xhtml" />
</div>
<div id="po-3" >
<jdoc:include type="modules" name="po-3" style="xhtml" />
</div>
</div>
il tuo css
#po-1, #po-2, #po-3{float:left;}
poi crei ancora css per le singole posizioni x dare una larghezza adeguata .
questo e il modo molto spartano di fare posizioni affiancate.
se vuoi fare una cosa fatta bene , io farei le posizioni colassabili che in mancanza di uno o più posizioni , la posizione pubblicata prende lo spazio delle posizioni mancanti.
Ciao,
non ho lavorato sul codice joomla ma solo sull'html, ma alla fine ottieni lo stesso risultato, crei un div bottom-a-content per ogni contenuto e poi lo inseririsci in un modulo html custom.
Incolla questo in un file html e vedrai che è la stessa roba.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento senza titolo</title>
<style type="text/css">
div#bottom-a-container{
width:100%;
height:auto;
}
div.bottom-a-content{
width:33%;
float:left;
}
</style>
</head>
<body>
<div id="bottom-a-container">
<div class="bottom-a-content">
qui il contenuto
</div>
<div class="bottom-a-content">
qui il contenuto
</div>
<div class="bottom-a-content">
qui il contenuto
</div>
</div>
</body>
</html>
-
che ragionamento è?
tu vai dal dentista e ti toglie il dente sano tanto prima o poi si cariava pure lui.
giusto ma tu esci ancora con il mal di denti.
qui hai fatto la stessa cosa .
-
che ragionamento è?
tu vai dal dentista e ti toglie il dente sano tanto prima o poi si cariava pure lui.
giusto ma tu esci ancora con il mal di denti.
qui hai fatto la stessa cosa .
aspetta è un paragone che non centra molto....
guarda che la tua soluzione, funziona tanto quanto la mia, solo che tu stai creando 3 moduli, io uso quello già esistente e ci inserisco l'html, ti assicuro che funziona benissimo ed è crossbrowser.
poi sicuramente prenderò in considerazione la tua soluzione, che non ho mai usato perchè non mi sono mai posto il problema, dove inserisci la parte html, nel file php principale del template ? poi mi vedo po-1 nella lista dei moduli da scegliere ?
-
scusa ma ci sei o ci fai?
stiamo parlando di joomla e non di un normale html, x cui io non ho detto che la tua soluzione non funziona e solo che in joomla non si lavora in quel modo.
abbiamo un modulo personalizzato html x inserire quello che vogliamo in qualsiasi posizione che noi creiamo.
la richiesta è come affianco uno più moduli , visto che l'utente ne ah creata una sola di posizione.
-
scusa ma ci sei o ci fai?
stiamo parlando di joomla e non di un normale html, x cui io non ho detto che la tua soluzione non funziona e solo che in joomla non si lavora in quel modo.
abbiamo un modulo personalizzato html x inserire quello che vogliamo in qualsiasi posizione che noi creiamo.
la richiesta è come affianco uno più moduli , visto che l'utente ne ah creata una sola di posizione.
intanto non tutta questa confidenza.
si stiamo parlando di joomla ed è appurato; ho postato questo consiglio in base alla mia esperienza ed hai template che utilizzo, ti faccio un esempio pratico
- ho a disposizione una posizione modulo "topblock"
- creo due moduli ma mi vanno uno sotto l'altro, invece vorrei che floattassero a destra
- vado nel css del modulo topblock e aggiungo "float:left" e già qui ho risolto il problema (a meno di non dover settare anche il width, dipende da che css mi trovo davanti)
Ora lui diceva "ma il modulo non si sposta. Non voglio creare una nuova posizione inserita nello stesso div."
Quindi gli ho fatto creare prima un contenitore all'interno del suo modulo e poi i vari div per farli floattare a destra come chiedeva, come dici giustamente tu, esiste il modulo html personalizzato per inserire quello che voglio, perchè non utilizzarlo.
-
Grazie ragazzi per la risposta,
non volevo scatenare questi scambi di opinione, diciamo allegri.
Cmq ho provato entrambi le scelte e quella che ho trovato corretta è quella di conti1.
Grazie ad entrambi !