Ho cambiato un pò tutto e ho creato un blog di prova: http://wledonnemagazine.blogspot.com
Però gli spazi sono sempre abnormi; Come faccio a toglierli? Basta guardare il banner per capire che non va, come faccio a sistemarlo in alto attaccato all'inizio pagina?
Vi prego aiutatemi a venire a capo di questa cosa.
Allego il nuovo codice del blog relativo alla prima parte (elimino la parte relativa a post, profilo etc. perchè se no è troppo lungo e non credo servano):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">
<head>
<title><$BlogPageTitle$></title>
<$BlogMetaData$>
<style type="text/css">
/*
-----------------------------------------------
Blogger Template Style
Name: Rounders 3
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 27 Feb 2004
----------------------------------------------- */
body {
background:#CC6600;
margin:0;
padding:20px 10px;
text-align:center;
font:x-small/1.5em "Lucida Console",Verdana,Arial,Sans-serif;
color:#ccc;
font-size/* */:/**/small;
font-size: /**/small;
}
/* Page Structure
----------------------------------------------- */
/* The images which help create rounded corners depend on the
following widths and measurements. If you want to change
these measurements, the images will also need to change.
*/
#content {
width:1000px;
margin:0 auto;
text-align:left;
}
#main {
width:725px;
float:left;
background:#eec url("http://www.RADIODAVID.NET//wledonne/sfondo04_bis.jpg") no-repeat left bottom;
margin:0px 0 0;
padding:0 0 10px;
color:#993300;
font-size:97%;
line-height:1.5em;
}
#main2 {
float:left;
width:100%;
background:url("http://www.blogblog.com/rounders3/corners_main_top.gif") no-repeat left top;
padding:10px 0 0;
}
#sidebar {
width:275px;
float:right;
margin:0px 0 0;
font-size:97%;
line-height:1.5em;
}
/* Links
----------------------------------------------- */
a:link {
color:#CC6600;
}
a:visited {
color:#CC6600;
}
a:hover {
color:#CC6600;
}
a img {
border-width:0;
}
#main a:link {
color:#993300;
}
#main a:visited {
color:#993300;
}
#main a:hover {
color:#993300
}
/* Blog Header
----------------------------------------------- */
#header {
margin:0 0 0;
padding:0 0 8px;
color:#fff;
}
#header div {
background:url("http://www.blogblog.com/rounders3/corners_cap_top.gif") no-repeat left top;
padding:8px 15px 0;
}
#blog-title {
margin:0;
padding:10px 30px 5px;
font-size:200%;
line-height:1.2em;
}
#blog-title a {
text-decoration:none;
color:#fff;
}
#description {
margin:0;
padding:5px 30px 10px;
font-size:120%;
line-height:1.5em;
color:#F8F8F8;
}
<div id="content">
<div id="header"><div>
<h1 id="blog-title">
<ItemPage><a href="<$BlogURL$>"></ItemPage>
<$BlogTitle$>
<ItemPage></a></ItemPage>
</h1>
<p id="description"><$BlogDescription$></p>
</div></div>
<div id="main"><div id="main2"><div id="main3">
<Blogger>
<BlogDateHeader>
<h2 class="date-header"><$BlogDateHeaderDate$></h2>
</BlogDateHeader>
<div class="post"><a name="<$BlogItemNumber$>"></a>
<BlogItemTitle>
<BlogItemUrl><a href="<$BlogItemUrl$>" title="external link" class="title-link"></BlogItemUrl>
<h3 class="post-title">
<$BlogItemTitle$>
</h3>
<BlogItemUrl></a></BlogItemUrl>
</BlogItemTitle>
<div class="post-body">
<$BlogItemBody$>
</p>
</div>
<p class="post-footer">
posted by <$BlogItemAuthorNickname$> @ <$BlogItemDateTime$>
<BlogItemCommentsEnabled>
><$BlogItemCommentCount$> comments
</BlogItemCommentsEnabled><BlogItemBacklinksEnabled>
links to this post
</BlogItemBacklinksEnabled>
<$BlogItemControl$>
</p>
</div>
<ItemPage>
<div id="comments">
<BlogItemCommentsEnabled><a name="comments"></a>
<h4><$BlogItemCommentCount$> Comments:</h4>
<dl id="comments-block">
<BlogItemComments>
<dt class="comment-data" id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>
At <$BlogCommentDateTime$>,
<$BlogCommentAuthor$> said...
</dt>
<dd class="comment-body">
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
</dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</BlogItemCommentsEnabled>
<BlogItemBacklinksEnabled>
<a name="links"></a><h4>Links to this post:</h4>
<dl id="comments-block">
<BlogItemBacklinks>
<dt class="comment-title">
<$BlogBacklinkControl$>
<$BlogBacklinkTitle$> <$BlogBacklinkDeleteIcon$>
</dt>
<dd class="comment-body"><$BlogBacklinkSnippet$>
<span class="comment-poster">
posted by <$BlogBacklinkAuthor$> @ <$BlogBacklinkDateTime$>
</span>
</dd>
</BlogItemBacklinks>
</dl>
<p class="comment-timestamp"><$BlogItemBacklinkCreate$></p>
</BlogItemBacklinksEnabled>
<p style="padding-left:20px;">
<< Home
</p>
</div>
</ItemPage>
</Blogger>
</div></div></div>
<div id="sidebar">
<$BlogMemberProfile$>
<div class="box"><div class="box2"><div class="box3">
<MainOrArchivePage>
<h2 class="sidebar-title">Links</h2>
<ul>
[*]Google News
[*]Edit-Me
[*]Edit-Me[/list]
</MainOrArchivePage>
<h2 class="sidebar-title">Previous Posts</h2>
<ul id="recently">
<BloggerPreviousItems>[*]<$BlogPreviousItemTitle$>
</BloggerPreviousItems>[/list]
<MainOrArchivePage>
<h2 class="sidebar-title">Archives</h2>
<ul class="archive-list">
<BloggerArchives>
[*]<$BlogArchiveName$>
</BloggerArchives>
<ArchivePage>[*]Current Posts</ArchivePage>[/list]
</MainOrArchivePage>
<p id="powered-by"></p>
<!--
This is a paragraph of text that could go in the sidebar.</p>
-->
</div></div></div>
</div>
<div id="footer"><div><div><hr />
</p>
</div></div></div>
</div>
</body>
</html>
Rispondi quotando