Joomla.it Forum
Non solo Joomla... => Pubblica Amministrazione => Accessibilità con "JOOMLAFAP" => : fabigno 04 Feb 2012, 20:28:27
-
un saluto a tutti
è possibile posizionare una immagine (random imagin) allineata a destra e il main menu allineato a sinistra nella stessa posizione user3?
mi si allineano tutte a sinistra e non riesco a capire dove intervenire
grazie
fabigno
-
seguendo un consiglio trovato nel forum, tratto dall'interessantissima video guida
http://downloads.joomlacode.org/docmanfileversion/2/9/7/29760/accessibile6.swf
(purtroppo riferita alla versione 1.5)
ho provato a cambiare e ad inserire la riga relativa all'immagine nel file typography.css in accessible/css
/* Top */
#top {
background: trasparent url(../images/logo/logo0.jpg) no-repeat scroll left center;
border-bottom:1px solid #CCCCCC;
height:42px;
...
ma non compare nessuna immagine sopra al menu top
dove sbaglio?
grazie
-
ho anche provato a creare in typography un box per inserirci l'immagine del logo
#logotop {
background-image: url(../images/logo/logo0.jpg);
background-repeat: no-repeat;
background-position: right;
height: 150px;
}
posizionando in index.php
<div id="logotop"></div>ma ottengo solo un box vuoto di 150px
che fine fa il logo?
mi potete dare un aiuto?
grazie
-
ho continuato a provare, cercare e alla fine qualcosa ho ottenuto.
Per ora credo di aver risolto il mio problema e ho deciso di inserire la soluzione che ho trovato perché potrebbe tornare utile a qualcuno che come me ha scarsa dimestichezza con i css e il php.
Riassumo il problema: volevo trovare il modo di inserire il logo del mio sito composto da due immagini da posizionare una a destra e l'altra a sinistra, affiancate.
Ho risolto intervenendo nel file typography.css creando un box e definendo due identificatori (selettori ID) per ogni immagine ai quali ho associato dei parametri che si adattano alle mie esigenze
il frammento di codice che segue l'ho inserito nella sezione Top dato che le mie immagini vanno posizionate nel Top della pagina
/* NUOVO inserisce, nello stesso box, a destra, l'immagine logo1.gif */
#logotop {
top: 0px;
height: 150px;
background-image: url("../images/logo/logo1.gif");
background-repeat: no-repeat;
background-position: right;
margin-left: 200px;
border-left:0px;
padding:0px;
background-color: #074085;
}
/* NUOVO inserisce, nello stesso box, a sinistra, l'immagine logo.png */
#logotop1 {
top: 0px;
height: 150px;
background-image: url("../images/logo/logo1.png");
background-repeat: no-repeat;
background-position: left;
float:left;
width:235px;
margin: auto;
padding: 0px;
background-color: #074085;
}
(forse il codice non è del tutto ottimizzato, ma per ora funziona).
Nel file index.php ho poi inserito queste righe per richiamare il box
<div id="logotop1">
</div>
<div id="logotop">
</div>
ora devo riuscire a trovare il modo di far linkare una delle due immagini
spero di essere stato utile
fabigno