Printable View
Salve a tutti, ho aggiunto un immagine infondo al sito di un amica(l'immagine in questione è un banner) il problema è che non si vede perché è posizionato sotto la visuale del sito e non capisco il perché se lo sposto in su si vede ma mi occupo lo spazio destinato ad altre immagini. Com'è possibile che il sito non si allunghi da solo e mostrare anche l'immagine da me aggiunta?
Il codice HTML della pagina non rispetta alcuno standard. Devi almeno rispettare i tag <head> e <body>. Ti consiglierei di leggere uno del tanti tutorial HTML che trovi nel web, o meglio utilizza un CMS come Wordpress.
Ciao!
non trovo ciò che dici.Puoi darmi una mano?
Codice:<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="Generator" content="iWeb 3.0.2" />
<meta name="iWeb-Build" content="local-build-20130410" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="viewport" content="width=1024" />
<title>Servizi</title>
<link rel="stylesheet" type="text/css" media="screen,print" href="Servizi_files/Servizi.css" />
<script type="text/javascript" src="Scripts/iWebSite.js"></script>
<script type="text/javascript" src="Scripts/Widgets/SharedResources/WidgetCommon.js"></script>
<script type="text/javascript" src="Scripts/Widgets/Navbar/navbar.js"></script>
<script type="text/javascript" src="Scripts/iWebImage.js"></script>
<script type="text/javascript" src="Servizi_files/Servizi.js"></script>
</head>
<body style="background: rgb(0, 25, 104); margin: 0pt; " onload="onPageLoad();" onunload="onPageUnload();">
<div style="text-align: center; ">
<div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative; word-wrap: break-word; text-align: left; width: 1024px; " id="body_content">
<div style="background: transparent url(Servizi_files/backgroundimage_1.jpg) no-repeat scroll center center; width: 1024px; ">
<div style="float: left; height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 1024px; z-index: 10; " id="header_layer">
<div style="height: 0px; line-height: 0px; " class="bumper">Â </div>
</div>
<div style="margin-left: 0px; position: relative; width: 1024px; z-index: 0; " id="nav_layer">
<div style="height: 0px; line-height: 0px; " class="bumper">Â </div>
<div style="height: 1px; line-height: 1px; " class="tinyText">Â </div>
<div class="com-apple-iweb-widget-navbar flowDefining" id="widget0" style="margin-left: 0px; margin-top: 63px; opacity: 1.00; position: relative; width: 700px; z-index: 1; ">
<div id="widget0-navbar" class="navbar">
<div id="widget0-bg" class="navbar-bg">
<ul id="widget0-navbar-list" class="navbar-list">
<li></li>
</ul>
</div>
</div>
</div>
<script type="text/javascript"><!--//--><![CDATA[//><!--
new NavBar('widget0', 'Scripts/Widgets/Navbar', 'Scripts/Widgets/SharedResources', '.', {"path-to-root": "", "navbar-css": ".navbar {\n\tfont-family: 'Helvetica Neue', Arial, sans-serif;\n\tfont-size: .85em;\n\tcolor: #999;\n\tmargin: 0px;\n\tline-height: 20px;\n\tfont-weight: bold;\n}\n\n.navbar-bg {\n\ttext-align: left;\n\tpadding: 0px;\n}\n\n.navbar-bg ul {\n\tlist-style: none;\n\tmargin: 0px;\n\tpadding: 0px;\n}\n\n\nli {\n\tlist-style-type: none;\n\tdisplay: inline;\n\tpadding: 0px 15px 0px 10px;\n}\n\n\nli a {\n\ttext-decoration: none;\n\tcolor: #999;\n}\n\nli a:visited {\n\ttext-decoration: none;\n\tcolor: #999;\n}\n\nli a:hover\n{\n \tcolor: #F00;\n\ttext-decoration: none;\n}\n\n\nli.current-page a\n{\n\t color: #666;\n\ttext-decoration: none;\n\n}", "current-page-GUID": "1CA25B27-E9B6-4834-83A1-A30A602E2789", "isCollectionPage": "NO"});
//--><!]]></script>
<div style="clear: both; height: 0px; line-height: 0px; " class="spacer">Â </div>
</div>
<div style="margin-left: 0px; position: relative; width: 1024px; z-index: 5; " id="body_layer">
<div style="height: 0px; line-height: 0px; " class="bumper">Â </div>
<div style="height: 91px; width: 835px; height: 91px; left: 137px; position: absolute; top: 85px; width: 835px; z-index: 1; " class="tinyText style_SkipStrokeSkipFillSkipOpacity shadow_0">
<div style="position: relative; width: 835px; ">
<img src="Servizi_files/shapeimage_1.png" alt="Assistenza autorizzata delle seguenti marche:" style="height: 34px; left: 0px; margin-left: 3px; margin-top: 13px; position: absolute; top: 0px; width: 769px; " />
</div>
</div>
<div style="height: 182px; width: 178px; height: 182px; left: 138px; position: absolute; top: 177px; width: 178px; z-index: 1; " class="tinyText style_SkipStroke stroke_0 shadow_1">
<a href="" title="" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;"><img src="Servizi_files/Nice-124.jpg" alt="" style="border: none; height: 183px; width: 178px; " /></a>
</div>
<div style="height: 182px; width: 178px; height: 182px; left: 323px; position: absolute; top: 177px; width: 178px; z-index: 1; " class="tinyText style_SkipStroke stroke_0 shadow_1">
<a href="" title="" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;"><img src="Servizi_files/01.jpg" alt="" style="border: none; height: 183px; width: 178px; " /></a>
</div>
<div style="height: 182px; width: 463px; height: 182px; left: 508px; position: absolute; top: 177px; width: 463px; z-index: 1; " class="tinyText style_SkipStroke stroke_1 shadow_2">
<a href="" title="" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;"><img src="Servizi_files/p040_1_00.jpg" alt="" style="border: none; height: 183px; width: 463px; " /></a>
</div>
<div style="height: 91px; width: 835px; height: 91px; left: 137px; position: absolute; top: 571px; width: 835px; z-index: 1; " class="tinyText style_SkipStrokeSkipFillSkipOpacity shadow_3">
<div style="position: relative; width: 835px; ">
<img src="Servizi_files/shapeimage_2.png" alt="tori:" style="height: 27px; left: 0px; margin-left: 6px; margin-top: 13px; position: absolute; top: 0px; width: 148px; " />
</div>
</div>
<div style="height: 91px; width: 404px; height: 91px; left: 167px; position: absolute; top: 644px; width: 404px; z-index: 1; " class="tinyText style_SkipStrokeSkipFillSkipOpacity shadow_4">
<div style="position: relative; width: 404px; ">
<img src="Servizi_files/shapeimage_3.png" alt="li" style="height: 19px; left: 0px; margin-left: 5px; margin-top: 9px; position: absolute; top: 0px; width: 390px; " />
</div>
</div>
<div style="height: 91px; width: 388px; height: 91px; left: 812px; position: absolute; top: 644px; width: 388px; z-index: 1; " class="tinyText style_SkipStrokeSkipFillSkipOpacity shadow_5">
<div style="position: relative; width: 388px; ">
<img src="Servizi_files/shapeimage_4.png" alt="Antifurti" style="height: 19px; left: 0px; margin-left: 3px; margin-top: 9px; position: absolute; top: 0px; width: 89px; " />
</div>
</div>
<div style="height: 182px; width: 167px; height: 182px; left: 138px; position: absolute; top: 679px; width: 167px; z-index: 1; " class="tinyText style_SkipStroke_1 stroke_2 shadow_6">
<a href="" title="" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;"><img src="Servizi_files/logo%20KBLUE.jpg" alt="" style="border: none; height: 182px; width: 168px; " /></a>
</div>
<div style="height: 122px; width: 832px; height: 122px; left: 138px; position: absolute; top: 405px; width: 832px; z-index: 1; " class="tinyText style_SkipStroke_1 stroke_2 shadow_7">
<a href="" title="" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;"><img src="Servizi_files/logo%20aci.jpg" alt="" style="border: none; height: 123px; width: 832px; " /></a>
</div>
<div style="height: 768px; line-height: 768px; " class="spacer">Â </div>
</div>
<div style="height: 100px; margin-left: 0px; position: relative; width: 1024px; z-index: 15; " id="footer_layer">
<div style="height: 0px; line-height: 0px; " class="bumper">Â </div>
<div style="height: 96px; width: 280px; height: 96px; left: 372px; position: absolute; top: -46px; width: 280px; z-index: 1; " class="tinyText shadow_8">
<div style="position: relative; width: 280px; ">
<a href="" title="" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;"><img src="Servizi_files/shapeimage_5.png" alt="" style="height: 96px; left: 0px; position: absolute; top: 0px; width: 280px; " /></a>
</div>
</div>
<div style="height: 94px; width: 231px; height: 94px; left: 740px; position: absolute; top: 10px; width: 230px; z-index: 1; " class="tinyText stroke_2 shadow_9">
<div style="position: relative; width: 230px; ">
<a href="" title="" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;"><img src="Servizi_files/02.jpg" alt="" style="height: 94px; left: 0px; margin-left: 0px; margin-top: -1px; position: absolute; top: 0px; width: 231px; " /></a>
</div>
</div>
<div style="height: 94px; width: 231px; height: 94px; left: 740px; position: absolute; top: -89px; width: 230px; z-index: 1; " class="tinyText stroke_2 shadow_9">
<div style="position: relative; width: 230px; ">
<a href="" title="" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;"><img src="Servizi_files/shapeimage_6.png" alt="" style="height: 94px; left: 0px; margin-left: 0px; margin-top: -1px; position: absolute; top: 0px; width: 231px; " /></a>
</div>
</div> <div style="position: relative; width: 230px; ">
<a href="" title="" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;"><img src="Servizi_files/03.jpg" alt="" style="height: 94px; left: 0px; margin-left: 0px; margin-top: -1px; position: absolute; top: 0px; width: 231px; "/></a>
</div>
</div>
<div style="height: 94px; width: 231px; height: 94px; left: 740px; position: absolute; top: -89px; width: 230px; z-index: 1; " class="tinyText stroke_2 shadow_9">
<div style="position: relative; width: 230px; ">
<a href="" title="" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;"><img src="Servizi_files/shapeimage_6.png" alt="" style="height: 94px; left: 0px; margin-left: 0px; margin-top: -1px; position: absolute; top: 0px; width: 231px; " /></a>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
ho provato anche con <style type="text/css">Citazione:
Originalmente inviato da inucane
html{
overflow-y: auto ;
}
</style>
senza risultato