I don't understand why I'm wrong. My css appears not linked with sidebar. This is the code of sidebar <script type="text/javascript"> <!-- //--> </script> <script type="text/javascript"> <!-- function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } //--> </script> <script type="text/javascript"> <!-- function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> <body onLoad="MM_preloadImages('/wp-includes/images/wrapper/1contattaci.png','/wp-includes/images/wrapper/1trattamentiemalattie.png','/wp-includes/images/wrapper/arredamentogiardini1.png','/wp-includes/images/wrapper/1contattaci.png','/wp-includes/images/wrapper/sistemazioneterreno1.png','/wp-includes/images/wrapper/struttureinlegnomenu1.png','/wp-includes/images/wrapper/recinzionimenux1.png','/wp-includes/images/wrapper/minipiscineedareerelax1.png','/wp-includes/images/wrapper/impiantidiilluminazione1.png')"> <div id="sidebar"> <div class="menlate"> <a href="http://www.agrifuturafirenze.it/richiesta-info.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Contattaci','','/wp-includes/images/wrapper/1contattaci.png',1)"><img src="/wp-includes/images/wrapper/contattaci.png" alt="Contattaci per un preventivo" name="Contattaci" width="290" height="180" border="0"></a> </div> <div class="menlate"> <table width="290" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="140"><a href="http://www.agrifuturafirenze.it/trattamenti-e-malattie.html"><a href="http://www.agrifuturafirenze.it/trattamenti-e-malattie.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('trattamenti-e-malattie','','/wp-includes/images/wrapper/1trattamentiemalattie.png',1)"><img src="/wp-includes/images/wrapper/trattamentiemalattie.png" alt="Trattamenti e malattie" name="trattamenti-e-malattie" width="140" height="140" border="0"></a></td> <td width="10"> </td> <td width="140"><a href="http://www.agrifuturafirenze.it/arredamento-giardini.html"><a href="http://www.agrifuturafirenze.it/arredamento-giardini.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('arredamento-giardini','','/wp-includes/images/wrapper/arredamentogiardini1.png',1)"><img src="/wp-includes/images/wrapper/arredamentogiardini.png" alt="Arredamento giardini" name="arredamento-giardini" width="140" height="140" border="0"></a></td> </tr> </table> </div> <div class="menlate"> <a href="http://www.agrifuturafirenze.it/sistemazione-terreno.html " onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('sistemazione-terra','','/wp-includes/images/wrapper/sistemazioneterreno1.png',1)"><img src="/wp-includes/images/wrapper/sistemazioneterreno.png" alt="sistemazione terra" name="sistemazione-terra" width="290" height="50" border="0"></a> </div> <div class="menlate"> <a href="http://www.agrifuturafirenze.it/strutture-in-legno.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('strutture-in-legno','','/wp-includes/images/wrapper/struttureinlegnomenu1.png',1)"><img src="/wp-includes/images/wrapper/struttureinlegnomenu.png" alt="strutture in legno" name="strutture-in-legno" width="290" height="50" border="0"></a> </div> <div class="menlate"> <a href="http://www.agrifuturafirenze.it/recinzioni.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Recinzioni','','/wp-includes/images/wrapper/recinzionimenux1.png',1)"><img src="/wp-includes/images/wrapper/recinzionimenux.png" alt="Recinzioni" name="Recinzioni" width="290" height="50" border="0"></a> </div> <div class="menlate"> <a href="http://www.agrifuturafirenze.it/minipiscine-e-aree-relax.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('minipiscine-ed-aree-relax','','/wp-includes/images/wrapper/minipiscineedareerelax1.png',1)"><img src="/wp-includes/images/wrapper/minipiscineedareerelax.png" alt="Minipiscine ed aree relax" name="minipiscine-ed-aree-relax" width="290" height="50" border="0"></a> </div> <div class="menlate"> <a href="http://www.agrifuturafirenze.it/terrazze.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('terrazze','','/wp-includes/images/wrapper/terrazzemenu1.png',0)"><img src="/wp-includes/images/wrapper/terrazzemenu.png" alt="terrazze" name="terrazze" width="290" height="50" border="0"></a> </div> <div class="menlate"> <a href="http://www.agrifuturafirenze.it/impianti-di-illuminazione.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('impianti-di-illuminazione','','/wp-includes/images/wrapper/impiantidiilluminazione1.png',1)"><img src="/wp-includes/images/wrapper/impiantidiilluminazione.png" alt="impianti di illuminazione" name="impianti-di-illuminazione" width="290" height="50" border="0"></a> </div> <div class="social2"> <table width="290" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="109"> </td> <td width="181" rowspan="6"><div class="g-plus" data-width="174" data-href="https://plus.google.com/100075720141126803533" data-rel="publisher"></div></td> </tr> <tr> <td><iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fagrifutura&send=false&layout=standard&width=100&show_faces=false&font&colorscheme=light&action=like&height=25" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:25px;" allowtransparency="true"></iframe></td> </tr> <tr> <td> </td> </tr> <tr> <td height="22"><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.agrifuturafirenze.it">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></td> </tr> <tr> <td> </td> </tr> <tr> <td><script src="//platform.linkedin.com/in.js" type="text/javascript"></script> <script type="IN/Share" data-url="http://www.agrifuturafirenze.it" data-counter="right"></script></td> </tr> </table> </div> </div> PHP: This is my Css /******************* * SIDEBAR * ********************/ #sidebar { float: right; background: #d7f4ff; width: 290px; margin: 10px; padding: 10px 5px 5px 4px; overflow: hidden; } #sidebar li ul { border: none; } #sidebar a { color: #333; } #sidebar a:hover { color: #333; border-bottom: none; } #sidebar a:visited { color: #333; } #sidebar .box { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; color: #333; } .adblock { margin: 0px 0px 10px 0px; } .ad125x125 { background: #fff; width: 125px; height: 125px; margin: 0px 0px 10px 0px; } .ad125x125 img { border: none; } .social2 { align: center; margin: 7px; } .menlate { align: center; margin top: 500px; margin bottom: 5px; } Code (markup):
Wow... that's bad. I have a saying I use a good deal: "CSS is only as good as the markup it's applied to" -- and your markup... just wow. Tables for layout, presentation inlined, nothing remotely resembling semantics, THAT STUPID MALFING MM_SWAP SCRIPTING GARBAGE doing CSS' job, endless pointless classes for nothing, multiple tables doing a lists job, tables for nothing, non-breaking spaces doing padding's job... ... and that's before we talk the invalid/nonexistent properties in your CSS... it's "margin-top" and "margin-bottom", not "margin top" -- hyphens, not spaces! You're targeting elements that don't even seem to exist. You're setting properties on the anchors that would never show since you are using IMG instead of text, and again THAT STUPID MALFING MM_SWAP SCRIPTING GARBAGE doing CSS' job. (Not a fan in case you couldn't tell) Not sure what that mess is supposed to accomplish without seeing the images involved... and even so since this appears to be in turdpress good luck fixing it since you basically have to neuter the upgrade path by bending it over the table to make it your ***** to fix anything.