Problema refresh e didascalie

marcoint

Utente Attivo
8 Gen 2014
58
0
0
Buongiorno a tutti ragazzi. Allora il primo problema è quello del refresh, cioè vorrei sapere se esiste un modo affinchè quando refresho la pagina, invece di ritornare alla home page restasse sulla scheda corrente.

Il secondo problema riguarda delle didascalie. Ho trovato questo codice su internet per far uscire una didascalia sulle foto.
Parte HTML dello codice:
HTML:
<div class="caption">
   <img src="esempio2.jpg" alt="" />
   <span>
      <strong>Lorem ipsum</strong>
      Lorem ipsum dolor sit amet consectetuer eros 
      vivamus porta interdum venenatis.
   </span>
</div>

Parte css:
HTML:
.caption {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}
 
.caption img {
    float: left;
    margin: 0;
    padding: 0;
    background: #fff;
    border: none;
}
 
.caption span {
    float: left;
    margin: 0;
    padding: 10px;
    width: 100%;
    color: #dedede;
     
    background: #222; /* browser che non supportano rgba */
    background: rgba(0,0,0,0.7);
    position: absolute;
    left: 0;
    bottom: 0;
}
 
.caption span strong {
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    display: block;
    padding-bottom: 5px;
}

Questo codice funziona benissimo solo che io vorrei essere libero di allineare le immagini come voglio, cioè ad esempio metterne una a destra ed una a sinistra. Questo codice invece obbliga a tenerle tutte sulla sinistra. Ed anche cancellando il float:left e forzando lo spostamento a destra con un <div align="right"> la foto e di conseguenza la didascalia rimangono sulla sinistra.
Grazie in anticipo per chi mi aiuterà.
 
...crea una nuova classe .caption2 con float:right e associala ai div che vuoi allineare a dx...

con <div align="right"> allinei a dx il testo contenuto nel div, non il div...
 

Discussioni simili