Due DIV che non si vogliono affiancare [RISOLTO]

[rinaldofr]

Salve,
sto realizzando un mio stile con joomla 1.5.9 partendo dal redevo allium.
Il problema che riscontro, sembrerebbe banale ma mi sta facendo uscir matto:

nella sezione footer ho inserito il seguente codice:

Codice: [Seleziona]

<div id="footer">
            <div class="bgleft"> </div>
    <div class="bgright">
                <jdoc:include type="modules" name="footer"/> Powered by JOOMLA - Webdesigner <a href="http://www.rinaldofr.altervista.org" target="_blank">RinaldoFr</a></div>
    </div>
         </div>

Codice: [Seleziona]


#footer{float: right; text-align:center; margin-bottom:10px; padding:0 0%; background-color:#989898;}

#footer a{color:#fff;}

#footer .bgleft{ background:url(../../../images/M_images/frontpage_img/footer_left.png)
         top left no-repeat;
height:38px; padding-top: 20px} 

#footer .bgright{ background:url(../../../images/M_images/frontpage_img/footer.png)
          repeat-x; width: 628px; height:38px; padding-top: 20px}
e pertanto mi aspetterei di avere le due immagini che ho associato nei due "bgleft" e "bgright" affiancate, ed invece me le ritrovo una sopra l'altra....

Dove sbaglio? help!

[sali40]

in questa riga

Codice: [Seleziona]

#footer .bgright{ background:url(../../../images/M_images/frontpage_img/footer.png)
          repeat-x; width: 628px; height:38px; padding-top: 20px} porta il width a 609px

[.: BlackHat :.]

Potresti anche modificare in questo modo

Codice: [Seleziona]

#footer .bgleft {template.css (riga 312)
background:transparent url(../../../images/M_images/frontpage_img/footer_left.png) no-repeat scroll left top;
float:left;
height:38px;
padding-top:20px;
width:6px;
}

[rinaldofr]

in questa riga

Codice: [Seleziona]

#footer .bgright{ background:url(../../../images/M_images/frontpage_img/footer.png)
          repeat-x; width: 628px; height:38px; padding-top: 20px} porta il width a 609px

sorry non va 

[rinaldofr]

Potresti anche modificare in questo modo

Codice: [Seleziona]

#footer .bgleft {template.css (riga 312)
background:transparent url(../../../images/M_images/frontpage_img/footer_left.png) no-repeat scroll left top;
float:left;
height:38px;
padding-top:20px;
width:6px;
}

OTTIMO!!
Funziona GRAZIE 

[cruzeiro]

Ciao ragazzi, senza che posto un nuovo messaggio continuo da qui, visto che il mio problema è simile.
Ho realizzato 2 menu con joomla ma non riesco a metterli uno fianco all'altro. come si fa?

Codice: [Seleziona]

<div class="inside1">
<jdoc:include type="modules" name="user5" style="xhtml" />
</div>
<div class="inside2">
<jdoc:include type="modules" name="user6" style="xhtml" />
</div>

Codice: [Seleziona]

.inside1 {
padding : 10px;
width: 200px;
}
.inside2 {
padding : 10px;
width: 200px;
}

[conti1]

ciao se posti un link e più facile darti una mano .
se cerchi bene  uno dei miei post spiga come mettere 2 colonne menu  affiancate.

[cruzeiro]

ciao se posti un link e più facile darti una mano .

Siccome lavoro in locale come faccio a postare un link? Si potrebbe fare?

se cerchi bene  uno dei miei post spiga come mettere 2 colonne menu  affiancate.

Ancora grazie!!! 

[.: BlackHat :.]

Ti basta modificare in questo modo

Codice: [Seleziona]

.inside1 {
padding : 10px;
width: 200px;
float:left;
}
.inside2 {
padding : 10px;
width: 200px;
float:left;
}
ricorda di non superare la dimensione del div che contiene inside1 e inside2

[bigham]

Un consiglio:
Fate una ricerca con google cercando "css float" o "css clear" e cercate una delle tante guide che ci sono in rete su questi due attributi delle classi dei fogli di stile.

Sono fondamentali quando si vuole realizzare un template tabless (senza tabelle) utilizzando solo i tag <div>.

Poi fate dei test utilizzando dei semplici file html e provando a posizionare diverse strutture di container div.

Vedrete che, compreso il funzionamento di float e clear non avrete più nessun limite nel realizzare/modificare un template

[cruzeiro]

Ti basta modificare in questo modo

Codice: [Seleziona]

.inside1 {
padding : 10px;
width: 200px;
float:left;
}
.inside2 {
padding : 10px;
width: 200px;
float:left;
}
ricorda di non superare la dimensione del div che contiene inside1 e inside2

Non so dove sbaglio, per facilitarti ho messo il sito in remoto:
http://www.matteoarecchio.altervista.org/

vorrei mettere i menu avvisi e i + letti in 2 colonne.

[.: BlackHat :.]

Allora modifica in questo modo

Codice: [Seleziona]

.inside1 {template.css (riga 56)
padding:10px;
width:600px;
}
aggiungi questo

Codice: [Seleziona]

#content60 .inside .inside1 .moduletable_menu {
float:left;
width:300px;
}

[cruzeiro]

Ci siamo quasi:
se lo visualizzo con ie7 tutto ok, ma con mozilla quando posto il mouse su di un link del menu, gli articoli sotto si spostano.
xkè?

[.: BlackHat :.]

Prova a diminuire el dimensioni dei div portale da 300 a 250. Se non ti da errori allora cerca la dimensione giusta, se ti continua a dare errore....nn so