il margine destro non è allineato con il resto delle scritte
Salve a tutti,
Di nuovo problemi su problemi. Avevo fatto una pagina chiamata menuprincipale solo che ho dovuto diminuire il carattere a <h2></h2>. Risultato ???? Il margine sx e quello centrale sono rimasti così come sono diminuiti di carattere, quell a dx si è spostato alla riga di sotto. Ora il mio problema è che il maregine dx deve essere allineato come le altre scritte e purtroppo svariati tentativi non ci sono riuscito. Questo è il listado di:
menuprincipale.php
Codice PHP:
<!DOCTYPE html>
<html>
<head>
<meta 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:85%;
height:80%;
float: right;
position:absolute;
text-align: right;
font-family: Comic Sans MS;
font-size: 100%
}
#divhr{
position:absolute;
top: 125px;
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 : 220px;
}
</style>
</head>
<body>
<header>
<div id ="intestazione">
<h2>Benvenuto nella pagina di prova </h2>
<hr>
</div>
<div id ="txtdx">
<h2>Contatore: </h2>
</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="ricerca.php" class="bottone orange">Ricerca</a>
</div> </div>
<?php
require_once "connettixampp2.php";
require_once "data.php";
echo "</hr>";
?>
</body>
</html>
sarà fo9rse un po' disordinato ma funziona. Mi pitreste dare una mano alla soluzione definitiva per favore ??? Grazie. Questo è uno screenshots del risultato. Ah prima che mi dimentico, adopero come server xampp.
http://s23.postimg.org/v9ykr97iz/menuprincipale.png
