Codice PHP:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
<title></title>
<style type="text/css">
#intestazione{
width:100%;
height:100px;
position:absolute;
top:0px;
left:0px;
text-align: center;
font-family: Comic Sans MS;
font-size: 100%
}
#txtdx {
width:94%; //Sposta il margine dx
height:100%;
top: 2px;
float: right;
position:absolute;
text-align: right;
font-family: Comic Sans MS;
font-size: 100%
}
#divhr{
position:absolute;
top: 105px; //Sposta in basso i bottoni dopo la riga verticale
height:100%;
font-family: Comic Sans MS;
font-size: 100%;
display: block;
}
#footer
{
position: fixed;
bottom: 0;
left: 0;
text-align: center;
background: white;
color: black;
font-family: Comic Sans MS;
font-size: 15px;
width: 100%;
/* padding: 5px 0;*/
opacity: 0.9;
-moz-opacity: 0.9;
filter: alpha(opacity=90);
}
/* Aggiungi*/
.bottone {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);
box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);
border: 1px solid;
padding: 8px 12px;
color: #fff;
font-family: "Comic Sans MS";
font-size: 1.4em;
font-weight: bold;
text-shadow: -1px -1px rgba(0,0,0,0.1), 0 0 15px rgba(255,255,255,0.75);
white-space: nowrap;
background: #777;
border-color: #777;
text-decoration: none;
font-style: normal;
text-transform: none;
}
.bottone:hover,
.bottone:focus {
position: relative;
bottom: 1px;
-moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);
box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);
}
.ClasseDelDiv{
display:inline;
margin : 240px; //Sposta bottoni verso il margine dx così come sono settati stanno al limite
}
</style>
</head>
<body>
<header>
<div id ="intestazione">
<h1>Benvenuto nella pagina di prova </h1>
<hr>
</div>
<div id ="txtdx">
<h1>Contatore: </h1>
</Header>
<footer>
<div id ="footer">
<hr>
<h1>Questa è una prova del footer fondo pagina</h1>
</hr>
</div>
</div>
</footer>
<div id ="divhr">
<div class ="ClasseDelDiv">
<a href="aggiungi.php" class="bottone orange">Aggiungi</a>
<a href="cancella.php" class="bottone orange">Cancella</a>
<a href="modifica.php" class="bottone orange">Modifica</a>
<a href="cerca.php" class="bottone orange">Cerca</a>
</div> </div>
<?php
require_once "connettixampp2.php";
require_once "data.php";
echo "</hr>";
?>
</body>
</html>
E questo come viene visualizzato: