la pagina HTML
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="copy1.css" type="text/css">
</head>
<body>
<div id="container-visualizza">
<ul id="navigazione">
[*]Inserisci
[*]Ricerca
[*]Visualizza tutti
[/list]
<div id="colonna-sinistra-visualizzazione">
<form action="visualizza.php" name="cancella" method="post">
ATTENZIONE: la cancellazione degli articoli è IRREVERSIBILE
<input type="submit" name="submit" value="Cancella colture selezionate">
</form>
</div>
</div>
</body>
</html>
il CSS
codice:
*{
margin: 0;
padding: 0
}
body
{
font-family: arial,sans-serif;
font-size: 12px;
text-align: center;
}
#container-visualizza{
width:800px;
padding: 5px;
margin: 10px auto;
padding-bottom: 10px;
background :#FAFAFA;
border: 1px solid #000;
text-align: left;
}
#colonna-sinistra-visualizzazione{
width: 790px;
padding: 2px;
text-align: center;
}
ul#navigazione {
padding: 15px 10px 30px 10px;
list-style: none;
width: 27em;
border: 2px solid black;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
height: 1px;
background-color: #D8D8D8;
}
ul#navigazione li{
display: inline;
margin: 0;
padding: 0;
}
ul#navigazione li a {
margin: 2px 4px 2px 2px;
padding: 2px 20px 2px 20px;
color: #000;
text-decoration: none;
}
ul#navigazione li a:hover, ul#navigazione a.selected{
background: #000;
color: #FFF
}