Ho un problema nel mio sito ke non riesco a risolvere. Premetto ke molto probabilmente è una stupidata ma mi sono da poco interessato ai css di conseguenza non sono ancora molto pratico, quindi vi prego di avere pazienza...
Allora: il mio sito è composto da una pagina principale (index.php) il cui codice è questo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//IT"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" media="screen" href="home.css">
<title>ILDaTcH - Sito In Costruzione</title>
<meta name="description" content="Il sito del rosikamento">
<meta name="keywords" content="ildatch shin sito di">
</head>
<body>
<div id="container">
<div id="header">
<h1>ILDaTcH</h1>
<h2>
<span class="sinistra">asd lol lol...</span>
<span class="destra"><?php
$today = date("F j, Y, G:i");
echo $today;
?></span>
</h2>
</div>
<div id="navigation">
<div class="menu">
Menu
</div>
<a href="http://ildatch.altervista.org/updown/lista_files.php">
Lista Files</a>
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
</div>
<div id="extra">
<div class="menu">
Extra
</div>
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
</div>
<div id="content">
******Sito in Costruzione******
Poiché devo ancora sistemare tutto andate a visitare il Forum GDR che sto creando con i miei amici:
<a href="http://www.forumfree.net/?c=47692" target="_blank">
</a>
Link
Link
Link
Link
Link
Link
</div>
<div id="footer">
© 2006 - Grafica, layout e il materiale presente in questo sito sono tutti proprietà di ILDaTcH</div>
</div>
<center><script language="javascript" type="text/javascript">
document.write('<s'+'cript language="javascript" src="http://ad.altervista.org/alternet.ad?c=11&f=0&'+new Date().getTime()+'"><\/s'+'cript>');
</script></center>
</body>
</html>
Mentre il file css (home.css) è il seguente:
html,body {
margin: 0;
padding: 0;
}
body {
font-family: verdana,arial,sans-serif;
font-size: 70%;
background-color: #EBE8FF;
}
div#container {
background-color: #EBE8FF;
padding: 5px;
}
/*stili generici, su header e footer*/
div#header {
background-color:#FFFFFF;
color: #A2B5CD;
margin-top: 5px;
margin-bottom: 5px;
border-bottom: 2px groove black;
border-left: 2px groove black;
}
h1 {
margin: 0;
padding-left: 10px;
font: bold 2.3em/80px arial,sans-serif;
}
h2 {
background-color: #DEDEDE;
color: #7A7A7A;
font: 11px, Verdana;
margin-bottom: 3px;
padding: 2px;
}
span.sinistra {
/*float: left;*/
width: 50%;
text-align: left;
}
span.destra {
width: 50%;
text-align: right;
}
/*stili specifici per il layout*/
div#navigation {
background-color: #FFFFFF;
border: 1px solid black;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
text-align: center;
float: left;
width: 154px;
width: 164px;
width: 154px;
}
div#extra {
background-color: #FFFFFF;
border: 1px solid black;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
text-align: center;
float: right;
width: 154px;
width: 164px;
width: 154px;
}
div#content {
background-color: #FFFFFF;
margin: 0 170px;
padding: 1em 10px;
border: 1px solid black;
}
div#footer {
clear: both;
text-align: center;
padding: 5px 0;
background-color: #EEE8AA;
color: #000;
margin-top: 5px;
border: 1px solid black;
}
div#footer a {
color: #8080FF;
font-weight: bold;
text-decoration: underline;
}
/*stili per la sezione navigation*/
div#navigation div.menu {
background-color: #FFFF99;
font-weight: bold;
margin-bottom: 2px;
padding: 2px;
}
div#navigation a{
color: #369;
font: normal bold 12px verdana,arial,sans-serif;
text-decoration: none;
}
div#navigation a:hover{
color: #033;
text-decoration: underline;
}
div#navigation a#activelink{
color: #033;
text-decoration: none;
}
/*stili per la sezione extra*/
div#extra div.menu {
background-color: #FFFF99;
font-weight: bold;
margin-bottom: 2px;
padding: 2px;
}
div#extra div.newsbox {
font-size: 90%;
margin-bottom: 2em;
}
div#extra div.newsbox h2 {
color: #999;
font-size: 1.2em;
}
div#extra div.newsbox p {
margin: 0;
}
Il mio problema è ke non riesco a far visualizzare la data e l'ora (lo script in php ke c'è nell'index) allineato a destra mentra la scritta "asd lol lol..." voglio ke rimanga a sinistra.
Allego un immagine per far capire meglio (la data evidenziata è quella ke voglio far apparire a destra)
Rispondi quotando