Ciao a tutti, è da alcuni giorni che cerco di risolvere un problema con una pagina html....
non capisco proprio dove sia l'errore ma non riesco a centrare orizzontalmente alcuni div...
ho provato e riprovato, ho cercato su libri google ma non capisco perchè non va....
ho tentato anche con il tag <center> ma neppure quello da effetti
vi posto il codice completo di pagina e css vi prego di scusarmi per il disastro della pagina... ma io ho solo riadattato un pezzo...
pagina:
css:codice:<!-- Creation date: 15/02/2012 Code by: M3N4X www.M3N4X.altervista.org --> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Forum</title> <link type="text/css" href="style.css" rel="Stylesheet" /> <script type="text/javascript" src="js.js"></script> </head> <body style="background-image: url(immagini/sound-wave.jpg);"> <div style="font-family: Lucida Sans; text-align: center;"> <h5 style="font-family: LCD; color: red;"><big><big><big><big><big><span style="font-weight: bold;">Official Djmusic web site</span></big></big></big></big></big></h5> <table style="text-align: left; width: 100%;" border="1" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="text-align: center; font-family: LCD; color: yellow; background-color: red;"><big>Home</big></td> <td style="text-align: center; font-family: LCD; color: yellow; background-color: red;"><big>calendario</big></td> <td style="text-align: center; font-family: LCD; color: yellow; background-color: red;"><big>Video eventi</big></td> <td style="text-align: center; font-family: LCD; color: yellow; background-color: red;"><big>Forum</big></td> </tr> </tbody> </table> </div> <center><div id="inserzione">Spiacenti il forum al momento non e' pronto</div></center><center> <div id="container"> <div class="commenti" id="com_0"> <div class="nick">Pubblicato da icicciici</div> <textarea class="comment" readonly>cicicicicici</textarea> <div class="time">18:22</div><div class="date">08-03-12</div> <a href="http://www.M3N4X.altervista.org" target="_blank"> [img]immagini/M3N4X_img.png[/img] </a> </div> <form action="agg_commento.php" method="POST" name="form_commento" id="form_commento"> <div id="div_email">Email</div> <input type="text" name="input_email" id="input_email" onblur="ad_tasto();"> <div id="div_nick">Nick</div> <input type="text" name="input_nick" id="input_nick"> <textarea name="input_commento" id="input_commento" onFocus="libera_textarea();" onBlur="riempi_textarea();">Inserisci qui il commento</textarea> <input type="submit" value="invia" disabled="disabled" name="input_submit" id="input_submit"> <a href="http://www.M3N4X.altervista.org" target="_blank"> [img]immagini/M3N4X_img.png[/img] </a> </form> </div> </body> </html>
non so più che fare..... sono disperatocodice:/* Creation date: 15/02/2012 Code by: M3N4X www.M3N4X.altervista.org */ /* -------------- style del body -------------- */ body { background-color : blue; background-image: url(immagini/sound-wave.jpg); background-attachment: fixed; } /* ----------------------------- div container per gli oggetti ----------------------------- */ #container{ width: 520px; display: inline; } /* --------------------------------------- style del oggetto per inserire commenti --------------------------------------- */ #form_commento { display: inline; /* top: 500px; left: 600px; */ } #div_email { position: absolute; top: 10px; left: 10px; padding: 0px; border: 0px; color: #d0d108; } #div_nick { position: absolute; top: 35px; left: 10px; padding: 0px; border: 0px; color: #d0d108; } #input_email { position: absolute; top: 10px; left: 80px; width: 270px; height: 15px; padding: 0px; border: 0px; color: #; resize:none } #input_nick { position: absolute; top: 35px; left: 80px; width: 270px; height: 15px; padding: 0px; border: 0px; color: #; resize:none } #input_commento { position: absolute; top: 60px; left: 10px; width: 341px; height: 105px; padding: 0px; border: 0px; color: #; resize: none; } #input_submit { position: absolute; top: 170px; left: 255px; width: 100px; color: #; } /* ----------------------- style commenti inseriti ----------------------- */ .commenti { display: inline; width: 500px; } .nick { position: absolute; top: 0px; left: 15px; padding: 0px; margin: 0px; border: 0px; color: yellow; } .cancella { position: absolute; top: 3px; left: 470px; padding: 0px; margin: 0px; border: 0px; } .comment { background-color : #FF0000; position: absolute; top: 25px; left: 10px; width: 480px; height: 100px; padding: 2px; margin: 0px; border: 0px; resize: none; color: yellow; } .time { position: absolute; top: 0px; left: 200px; padding: 0px; margin: 0px; border: 0px; color: yellow; } .date { position: absolute; top: 0px; left: 250px; padding: 0px; margin: 0px; border: 0px; color: yellow; } /* ----------------------------- aggiunte style commenti admin ----------------------------- */ .staff { position: absolute; top: 7px; left: 350px; margin: 0px; padding: 0px; border: 0px; } /* ---------------- style logo M3N4X ---------------- */ .M3N4X_img { position: absolute; top: 180px; left: 15px; width: 42px; height: 6px; border: 0px; margin: 0px; } .M3N4X_img1 { position: absolute; top: 130px; left: 15px; width: 42px; height: 6px; border: 0px; margin: 0px; } /* ---------------------- style barra inserzioni ---------------------- */ #inserzione { margin: 0px; border: 0px; padding: 0px; background-color: red; color: yellow; font-family: LCD; }
vi lascio anche un immagine del risultato che la pagina erroneamente mi da...
qui l'immagine completaIMMAGINE
vi prego aiutatemi sono disperato non so più che fare....
Rispondi quotando
