Centrare immagine

[gabrib]

Ciao a tutti. Ho inserito in un modulo html personalizzato un'immagine in posizione user8 a fondo pagina (logo BCC Cremeno).
Il problema è che si posiziona verso il bordo sinistro e non in mezzo alla pagina come vorrei.
Come posso fare?
Usare in questo caso un modulo personalizzato è corretto, oppure esiste un modo migliore?? Grazie.

www.introbiosviluppo.it

[adottauncane]

Ciao gabrib,
è lo stesso problema che hai già avuto co la slide show. Le posizioni si regolano automaticamente a seconda dei contenuti. Io proverei così: fai due moduli HTML personalizzati con dentro un gif trasparente, anche di 1 solo pixel che poi deformi in larghezza di quando ti serve. (La larghezza del main -la larghezza del marchio : 2) I moduli li pubblichi uno in posizione user 6 e l'altro in posizione user 9. Così dovresti centrare laposizione user8 con il marchio.

[gabrib]

Hai proprio ragione è una cosa che abbiamo purtroppo già visto!
Ma come posso ottenere una gif trasparente?
Grazie.

[adottauncane]

Se hai un programma di fotoritocco crei un'immagine di 1x1 px trasparente (senza niente) e la salvi in formato .gif trasparente. Poi nel modulo la importi e la allunghi come ti serve. Adesso non riesco a fartela, ma se stasera non hai risolto te la posto.

[gabrib]

Ok ci provo grazie.

[gabrib]

Se hai un programma di fotoritocco crei un'immagine di 1x1 px trasparente (senza niente) e la salvi in formato .gif trasparente. Poi nel modulo la importi e la allunghi come ti serve. Adesso non riesco a fartela, ma se stasera non hai risolto te la posto.

Ho aggiunto le due gif in user6 e user9 da 325x14px,  ma il risultato non è molto preciso, il footer è aumentato in altezza(si nota di più con gli script attivati e non capisco perchè) e si visualizzano due righe verticali a fianco del marchio.
Cosa potrei fare? Grazie
www.introbiosviluppo.it

[adottauncane]

Le righette sono proprie del template. La puoi togliere da qui:

Codice: [Seleziona]

#ja-topsl .ja-box, #ja-botsl .ja-box {
background:url("../images/dot3.gif") repeat-y scroll right center transparent; <-----
padding:0;
}template.css (riga 1245)

Il footer è aumentato perché scivola sotto laposizione user10...

[gabrib]

Non posso togliere la posizione user10??
Grazie.

[adottauncane]

Ma, tu prova a commentarla e vedi se funziona. Però è starno che scivoli sotto...

[gabrib]

Ma, tu prova a commentarla e vedi se funziona. Però è starno che scivoli sotto...

Puoi dirmi come fare??
Grazie

[adottauncane]

Prova ad incollare tutto questo codice nel file botsl.php

Codice: [Seleziona]

<?php
$spotlight = array ('user6','user7','user8','user9');
$botsl = $this->calSpotlight ($spotlight,100);
if( $botsl ) :
?>
<!-- BOTTOM SPOTLIGHT -->
<div id="ja-botsl" class="wrap">
<div class="main clearfix">

    <?php if( $this->countModules('user6') ): ?>
    <div class="ja-box column ja-box<?php echo $botsl['user6']['class']; ?>" style="width: <?php echo $botsl['user6']['width']; ?>;">
        <jdoc:include type="modules" name="user6" style="JAxhtml" />
    </div>
    <?php endif; ?>

    <?php if( $this->countModules('user7') ): ?>
    <div class="ja-box column ja-box<?php echo $botsl['user7']['class']; ?>" style="width: <?php echo $botsl['user7']['width']; ?>;">
        <jdoc:include type="modules" name="user7" style="JAxhtml" />
    </div>
    <?php endif; ?>

    <?php if( $this->countModules('user8') ): ?>
    <div class="ja-box column ja-box<?php echo $botsl['user8']['class']; ?>" style="width: <?php echo $botsl['user8']['width']; ?>;">
        <jdoc:include type="modules" name="user8" style="JAxhtml" />
    </div>
    <?php endif; ?>

    <?php if( $this->countModules('user9') ): ?>
    <div class="ja-box column ja-box<?php echo $botsl['user9']['class']; ?>" style="width: <?php echo $botsl['user9']['width']; ?>;">
        <jdoc:include type="modules" name="user9" style="JAxhtml" />
    </div>
    <?php endif; ?>



</div>
</div>
<!-- //BOTTOM SPOTLIGHT -->
<?php endif; ?>
fattene una copia prima... il file lo trovi nella cartella del template/layouts/blocks e vedi se ti funziona...

[gabrib]

Con javascript attivato, purtroppo non funziona!

[gabrib]

Selezionando con firebug user10 trovo element.style {height:114;
Portando il valore a zero il footer si riduce, il problema è che non so dove trovare quel valore

[adottauncane]

Nel mio funziona, toglie la posizione user10 e infatti anche sul tuo l'ha tolta, salvo che adesso va sotto la posizione user9... quindi non dipende dal numero di posizioni... mi è difficile dirlo. Però se non ricordo male la posizione user10 scivolava sotto anche prima... mentre sul mio rimane sempre al suo posto. Tra parentesi anche la posizione superiore user5, va sotto... Forse c'è qualche problema di css... Ma non mi riesce di capirlo.

[gabrib]

Ragazzi che sfortuna! Non credo  tu abbia avuto così tanti problemi con questo template.

[adottauncane]

No, direi di no...
Senti, proviamo così, aggiungiamo una posizione sopra quelle, senza tutti 'sti problemi.
Incolla al fondo del template.css questo codice:

Codice: [Seleziona]

#user11 {
background-attachment:scroll;
background-color:#444444;
background-image:none;
background-position:0 0;
background-repeat:repeat;
color:#999999;
padding-top:10px;
}
e poi cancella completamente il file che abbiamo riscritto prima e incollaci questo:

Codice: [Seleziona]

   <?php if ($this->countModules('user11')) : ?>
      <div id="user11">
        <jdoc:include type="modules" name="user11" style="xhtml" />
      </div>
   <?php endif; ?>
   
   <?php
$spotlight = array ('user6','user7','user8','user9','user10');
$botsl = $this->calSpotlight ($spotlight,100);
if( $botsl ) :
?>
<!-- BOTTOM SPOTLIGHT -->
<div id="ja-botsl" class="wrap">
<div class="main clearfix">

<?php if( $this->countModules('user6') ): ?>
<div class="ja-box column ja-box<?php echo $botsl['user6']['class']; ?>" style="width: <?php echo $botsl['user6']['width']; ?>;">
<jdoc:include type="modules" name="user6" style="JAxhtml" />
</div>
<?php endif; ?>

<?php if( $this->countModules('user7') ): ?>
<div class="ja-box column ja-box<?php echo $botsl['user7']['class']; ?>" style="width: <?php echo $botsl['user7']['width']; ?>;">
<jdoc:include type="modules" name="user7" style="JAxhtml" />
</div>
<?php endif; ?>

<?php if( $this->countModules('user8') ): ?>
<div class="ja-box column ja-box<?php echo $botsl['user8']['class']; ?>" style="width: <?php echo $botsl['user8']['width']; ?>;">
<jdoc:include type="modules" name="user8" style="JAxhtml" />
</div>
<?php endif; ?>

<?php if( $this->countModules('user9') ): ?>
<div class="ja-box column ja-box<?php echo $botsl['user9']['class']; ?>" style="width: <?php echo $botsl['user9']['width']; ?>;">
<jdoc:include type="modules" name="user9" style="JAxhtml" />
</div>
<?php endif; ?>

<?php if( $this->countModules('user10') ): ?>
<div class="ja-box column ja-box<?php echo $botsl['user10']['class']; ?>" style="width: <?php echo $botsl['user10']['width']; ?>;">
<jdoc:include type="modules" name="user10" style="JAxhtml" />
</div>
<?php endif; ?>

</div>
</div>
<!-- //BOTTOM SPOTLIGHT -->
<?php endif; ?>
Spubblica i due moduli con le gif, mentre in quello con il marchio nella tendina scrivi user11.
A me va bene, spero anche a te...

[gabrib]

Se il fatto di non avere creato la posizione nel file details.xml non è un problema, ora il footer è diminuito ma il marchio si è spostato tutto sulla sinistra!

[adottauncane]

No, non è un problema...
Prova così:

Codice: [Seleziona]

#user11 {
.
text-align:center; <---- aggiungi questo
}
comunque hai un template stregato... 

[gabrib]

Sembra funzionare, inutile dire che senza il tuo aiuto non ci sarei mai riuscito.
Concordo con il fatto che il template è stregato, comunque ho fatto una prova caricando il css originale, e il problema non si presentava, probabilmente c'è qualcosa nel css che non quadra, probabilmente la causa è ancora della slide  nell'header.
Ora ti faccio una domanda da 1 milione di euro: se dovessi aggiungere altri march,  affiancandoli a quello ora esistente, come dovrei fare??
Grazie davvero!

[adottauncane]

Guarda, per non fare arrabbiare di nuovo il template io farei così: nel modulo che già hai creato per il marchio della banca, aggiungi i marchi sulla stessa riga utilizzando l'allineamento testo a sinistra e un padding sinistro di 10 o 20 pixel... Se usi JCE non hai problemi a dare queste impostazioni. Poi li selezioni tutti e li centri già nell'editor... oppure fai una tabella di 1 riga e 5 celle per 3 marchi (esempio). Nella prima, terza e quinta cella metti il marchio e la cella rimane senza misure. Nella seconda e nella quarta, vuote, metti una misura fissa in pixel per separarli. Poi centri la tabella nell'editor.