Ciao a tutti.
Sto cercando di creare una barra per sfogliare le pagine del mio sito, inserendo delle freccette sulle quali cliccare, ma ho un problema nel centrare il testo.
La barra è composta da quattro immagini ("Pagina precedente", "Pagina successiva", "Prima pagina", "Ultima pagina") e in centro c'è (o almeno dovrebbe esserci) la scritta "Pagina 1 di 100".
Ecco come dovrebbe essere l'impostazione della barra (disegno grezzo fatto con Paint):
Il codice che ho scritto è il seguente (ma il testo non è centrato correttamente, perché altrimenti le immagini di destra non verrebbero allieate, ma "straborderebbero"):
Che cosa sbaglio?
Vi rigrazio in anticipo. :byebye:
Sto cercando di creare una barra per sfogliare le pagine del mio sito, inserendo delle freccette sulle quali cliccare, ma ho un problema nel centrare il testo.
La barra è composta da quattro immagini ("Pagina precedente", "Pagina successiva", "Prima pagina", "Ultima pagina") e in centro c'è (o almeno dovrebbe esserci) la scritta "Pagina 1 di 100".
Ecco come dovrebbe essere l'impostazione della barra (disegno grezzo fatto con Paint):
Il codice che ho scritto è il seguente (ma il testo non è centrato correttamente, perché altrimenti le immagini di destra non verrebbero allieate, ma "straborderebbero"):
Codice:
<html>
<head>
<style type="text/css">
<!--
#bar {
border: 1px solid red;
margin: 0;
text-align: center;
}
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
}
.testo {
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
float: left;
}
//-->
</style>
</head>
<body>
<div id="bar">
<img src="" width="25" height="25" class="left" />
<img src="" width="25" height="25" class="left" />
<p class="testo">Pagina</p>
<img src="" width="25" height="25" class="right" />
<img src="" width="25" height="25" class="right" />
<div class="clear"></div>
</div>
</body>
</html>
Che cosa sbaglio?
Vi rigrazio in anticipo. :byebye:
Ultima modifica: