Joomla.it Forum
Joomla! 3 => Joomla! 3 => : Limma 15 Jul 2016, 20:14:32
-
Spero di postare nella sezione giusta... :-\
Per impaginare i contenuti di alcune pagine ho utilizzato una semplice struttura:
<div id="box">
<div id="left">contenuto testo o immagine</div>
<div id="right">contenuto testo o immagine</div>
</div>
con queste regole css:
#box {
width:100%;overflow:auto;padding-right: 15px;padding-bottom: 15px;
}
#left{
float:left;width:auto;padding-right: 15px;padding-bottom: 15px;
}
#right{
float:left;width:auto;
}
@media (max-width: 600px) {
#left{
float:none;width:auto
}
#right{
float:none;width:auto
}
Tutto funziona bene, nel senso che su display da smartphone e dintorni il div "right" passa sotto al div "left" (che è quello che cercavo di ottenere); e fin qui ci siamo, credo.
Potete vedere il risultato qui (http://disegnareilweb.ilbello.com/it/tito-manlio).
Chiederei ai più esperti se c'è qualcosa di non corretto in quello che ho fatto e, magari, se si può migliorare il codice che ho utilizzato o usarne uno diverso...
Grazie in anticipo! :)
-
secondo me ti sei complicato la vita, per ottenere il medesimo risultato con meno codice bastava dare il float all'immagine con l'editor......