Salve,
ho questi codici
CSS
codice:
Codice:#mailbox { position:relative; margin:0; padding:0; left:1%; top:1%; height:80%; width:94%; background: gray; } #mailbox a { margin: 0 0 0 1%; color:white; text-decoration: none; display:block; } #inbox, #trash, #bozze, #outbox{ position:relative; left:0; top:0; background:red; display: none; border-bottom: 5px groove white; border-right: 5px groove white; border-radius: 0 0 20px 0; padding: 10px; margin:1% 0 0 5%; width: 90%; text-align: justify; overflow: auto; max-height: 40%; } #hinbox { background:white; position:relative; margin:0; padding:0; left:0; top:0; width:100%; height:50%; border-top: 1px groove green; border-left: 1px groove blue; border-right: 1px groove tan; border-bottom: 1px groove gray; }
e PHP
codice:
Codice PHP:<div id='mailbox'>
<a href='#' class='mostra_nascondi' rel='inbox'>InBox</a>
<div id='inbox'>
<div id='hinbox'>
<p class='hdataora'>
Data ~ Ora
</p>
<p class='huserfrom'>
Mittente
</p>
<p class='htitle'>
Oggetto
</p>
<p class='hmsg'>
Messaggio
</p>
</div>
</div>
<a href='#' class='mostra_nascondi' rel='outbox'>OutBox</a>
<div id='outbox'>
<?php include('./scripts/php/posta/outbox.php'); ?>
</div></a>
<a href='#' class='mostra_nascondi' rel='bozze'>Bozze</a>
<div id='bozze'>
<?php include('./scripts/php/posta/bozze.php'); ?>
</div></a>
<a href='#' class='mostra_nascondi' rel='trash'>Trash</a>
<div id='trash'>
<p class='headmail'>
<span class='hdataora'>
Data ~ Ora
</span>
<span class='huserfrom'>
Mittente
</span>
<span class='htitle'>
Oggetto
</span>
<span class='hmsg'>
Messaggio
</span>
</p>
<?php include('./scripts/php/posta/trash.php'); ?>
</div></a>
</div>
Non capisco perchè il risultato è quello nella figura allegata: Il DIV HInbox rappresentato dal solo bordo inferiore e le scritte fuori dal DIV..
Sarà l'ora ma non capisco gli errori..
Grazie Daniele