Problema con il layout dei commenti

**bellux** · 18-03-2007, 15:03

Ciao a tutti,

non riesco a modificare il layout dei commenti sul mio weblog su Blogger. Questa cosa mi infastidisce perchè non riesco a intervenirci!!!

Non capisco come fare!

In pratica, il problema è che fra un commento e l'altro non c'è spazio... qui potete vedere a cosa mi riferisco:
http://altreparole.blogspot.com/2007...ori-legge.html

Sarò un tonto, ma non capisco dove posso intervenire...

Vi prego toglietemi il dubbio!

Vi allego il template del blog:

codice:

  <?xml version="1.0" encoding="UTF-8" ?>
<!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' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
<link href='http://www.marcobellucci.it/Varie/favicon.ico' rel='shortcut icon'/>
<link href='http://www.marcobellucci.it/Varie/favicon.ico' rel='icon'/>
    <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
  <meta content='true' name='MSSmartTagsPreventParsing'/>
  <meta content='blogger' name='generator'/>
  <link href='http://feeds.feedburner.com/altreparole' rel='alternate' title='altreparole feed' type='application/atom+xml'/>
<link href='http://www.blogger.com/feeds/3981162/posts/default' rel='service.post' title='altreparole - Atom' type='application/atom+xml'/>
<link href='http://www2.blogger.com/rsd.g?blogID=3981162' rel='EditURI' title='RSD' type='application/rsd+xml'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: 	  Thisaway (Blue)
Designer: Dan Rubin
URL:      www.superfluousbanter.org
Date:     29 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="textColor" description="Text Color"
             type="color" default="#204063" value="#000000">
   <Variable name="blogTitleColor" description="Blog Title Color"
             type="color" default="#eef6fe" value="#eef6fe">
   <Variable name="blogDescriptionColor" description="Blog Description Color"
             type="color" default="#eef6fe" value="#eef6fe">
   <Variable name="postTitleColor" description="Post Title Color"
             type="color" default="#477fba" value="#999999">
   <Variable name="dateHeaderColor" description="Date Header Color"
             type="color" default="#8facc8" value="#8facc8">
   <Variable name="sidebarHeaderColor" description="Sidebar Title Color"
             type="color" default="#809fbd" value="#809fbd">
   <Variable name="mainLinkColor" description="Link Color"
             type="color" default="#4386ce" value="#4386ce">
   <Variable name="mainVisitedLinkColor" description="Visited Link Color"
             type="color" default="#2462a5" value="#2462a5">
   <Variable name="sidebarLinkColor" description="Sidebar Link Color"
             type="color" default="#599be2" value="#599be2">
   <Variable name="sidebarVisitedLinkColor"
              description="Sidebar Visited Link Color"
             type="color" default="#3372b6" value="#3372b6">

   <Variable name="bodyFont" description="Text Font"
             type="font" default="normal normal 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif" value="normal normal 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif">
   <Variable name="headerFont" description="Sidebar Title Font"
             type="font"
             default="normal bold 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif" value="normal bold 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif">
   <Variable name="pageTitleFont" description="Blog Title Font"
             type="font"
             default="normal bold 200% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif" value="italic bold 218% Verdana, sans-serif">
   <Variable name="blogDescriptionFont" description="Blog Description Font"
             type="font"
             default="normal normal 80% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif" value="italic normal 97% Verdana, sans-serif">
*/

/* global
----------------------------------------------- */
body {
  margin: 0;
  text-align: center; 
  min-width: 760px;
  background: #4386ce url(http://www.blogblog.com/thisaway_blue/bg_body.gif) repeat-x left top;
  color: $textColor;
  font-size: small;
}

blockquote {
  margin: 0;
  padding: 0 10px 0 10px;
  border-left: 6px solid #d8e7f78;
  border-right: 6px solid #d8e7f7;
  color: $postTitleColor;
}

code {
  color: $postTitleColor;
}

hr {
  display: none;
}


/* layout
----------------------------------------------- */
#outer-wrapper {
  margin: 0 auto;
  width: 760px;
  text-align: left;
  font: $bodyFont;
}

#header-wrapper {
  padding-bottom: 15px;
  background: url(http://www.blogblog.com/thisaway_blu...der_bottom.gif) no-repeat left bottom;
}

#header {
  background: #204063 url(http://www.blogblog.com/thisaway_blue/bg_header.gif) repeat-x left bottom;
}

#content-wrapper {
  position: relative;
  width: 760px;
  background: #f7f0e9 url(http://www.blogblog.com/thisaway_blu...in_wrapper.gif) repeat-y left top;
}

#main-wrapper {
  display: inline; /* fixes a strange ie margin bug */
  float: left;
  margin: 0 0 0 3px;
  padding: 0;
  width: 483px;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

#main {
  padding: 22px 8px 0 8px;
  background: url(http://www.blogblog.com/thisaway_blue/bg_content.gif) repeat-x left top;
}

.post {
  margin: 0 8px 14px 21px;
  padding: 0;
  border-bottom: 3px solid #d8e7f7;
text-align: justify
}

#comments {
  margin: 0 16px 14px 29px;
  padding: 10px;
  border: 1px solid #cedef0;
  background-color: #e4ecf5;
}

#sidebar-wrapper {
  display: inline; /* fixes a strange ie margin bug */
  float: right;
  margin: 0 3px 0 0;
  width: 269px;
  color: $textColor;
  line-height: 1.4em;
  font-size: 90%;
  background: url(http://www.blogblog.com/thisaway_blue/bg_sidebar.gif) repeat-x left top;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

#sidebar {
  padding: 7px 11px 0 14px;
  background: url(http://www.blogblog.com/thisaway_blu...ebar_arrow.gif) repeat-y 179px 0;
}

#sidebar .widget { 
  margin-bottom: 20px;
 }


#footer-wrapper {
  padding-top: 15px;
  background: url(http://www.blogblog.com/thisaway_blue/bg_footer_top.gif) no-repeat left top;
  clear: both;
}

#footer {
  background: #152e49 url(http://www.blogblog.com/thisaway_blue/bg_footer.gif) repeat-x left top;
  text-align: center;
  min-height: 2em;
}

.post img {
  padding:4px;
  border:1px solid #ddd;
  }

/* headings
----------------------------------------------- */

#header h1 {
  margin: 0;
  padding: 24px 0 0 84px;
  background: url(http://www.blogblog.com/thisaway_blue/icon_header.gif) no-repeat 16px 26px;
}

h2.date-header {
  margin: 0;
  padding: 0 0 0 29px;
  text-transform: uppercase;
  color: $dateHeaderColor;
  background: url(http://www.blogblog.com/thisaway_blue/icon_date.gif) no-repeat 13px 0;
  font-size: 80%;
  font-weight: normal;
}

.date-header span {
  margin: 0 0 0 5px;
  padding: 0 25px 0 25px;
  background: url(http://www.blogblog.com/thisaway_blue/bg_date.gif) no-repeat 0 0;
}

.sidebar h2 {
  padding: 1px 0 0 36px;
  color: $sidebarHeaderColor;
  background: url(http://www.blogblog.com/thisaway_blu...ar_heading.gif) no-repeat 0 45%;
  font: $headerFont;
}

.sidebar .Profile h2 {
  color: #527595;
  background: url(http://www.blogblog.com/thisaway_blu...ileheading.gif) no-repeat 0 45%;
}

.post h3 {
  margin: 13px 0 13px 0;
  padding: 0;
  color: $postTitleColor;
  font-size: 140%;
}

.post h3 a, .post h3 a:visited { 
  color: $postTitleColor;
 }

#comments h4 {
  margin-top: 0;
  font-size: 120%;
}


/* text
----------------------------------------------- */

#header h1 {
  color: $blogTitleColor;
  font: $pageTitleFont;
}

#header .description {
  margin: 0;
  padding: 7px 16px 0 84px;
  color: $blogDescriptionColor;
  font: $blogDescriptionFont;
}

.post-body p {
  line-height: 1.4em;
  /* Fix bug in IE5/Win with italics in posts */
  margin: 0;
  height: 1%;
  overflow: visible;
}

.post-footer {
  font-size: 80%;
  color: $dateHeaderColor;
}

.uncustomized-post-template .post-footer {
  text-align: right;
}

.uncustomized-post-template .post-footer .post-author,
.uncustomized-post-template .post-footer .post-timestamp {
  display: block;
  float: left;
  text-align: left;
  margin-right: 4px;
}

p.comment-author {
  font-size: 83%;

}

.deleted-comment {
  font-style:italic;
  color:gray;
}

.comment-body p {
  line-height: 1.4em;
}

.feed-links { 
  clear: both;
  line-height: 2.5em;
  margin-bottom: 0.5em;
  margin-left: 29px;
}

#footer .widget { 
  margin: 0;
  padding: 0 0 15px 55px;
  color: #fef6ee;
  font-size: 90%;
  line-height: 1.4em;
  background: url(http://www.blogblog.com/thisaway_blue/icon_footer.gif) no-repeat 16px 0;
}


/* lists
----------------------------------------------- */

.post ul {
  padding-left: 32px;
  list-style-type: none;
  line-height: 1.4em;
}

.post li {
  padding: 0 0 4px 17px;
  background: url(http://www.blogblog.com/thisaway_blu..._list_item.gif) no-repeat 0 3px;
}

#comments ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#comments li {
  padding: 0 0 1px 17px;
  background: url(http://www.blogblog.com/thisaway_blue/icon_comment.gif) no-repeat 0 3px;
}

.sidebar ul {
  padding: 0;
  list-style-type: none;
  line-height: 1.2em;
  margin-left: 0;
}

.sidebar li {
  padding: 0 0 4px 17px;
  background: url(http://www.blogblog.com/thisaway_blu..._list_item.gif) no-repeat 0 3px;
}

#blog-pager-newer-link {
  float: left;
  margin-left: 29px;
 }
 
#blog-pager-older-link {
  float: right;
  margin-right: 16px;
 }
 
#blog-pager {   
  text-align: center; 
 }

/* links
----------------------------------------------- */
a {
  color: $mainLinkColor;
  font-weight: bold;
}

a:hover {
  color: $mainVisitedLinkColor;
}

a.comment-link {
/* ie5.0/win doesn't apply padding to inline elements,
   so we hide these two declarations from it */
  background/* */:/**/url(http://www.blogblog.com/thisaway_blue/icon_comment.gif) no-repeat 0 45%;
  padding-left: 14px;
}

html>body a.comment-link {
  /* respecified, for ie5/mac's benefit */
  background: url(http://www.blogblog.com/thisaway_blue/icon_comment.gif) no-repeat 0 45%;
  padding-left: 14px;
}

.sidebar a {
  color: $sidebarLinkColor;
}

.sidebar a:hover {
  color: $sidebarVisitedLinkColor;
}


#header h1 a {
  color: $blogTitleColor;
  text-decoration: none;
}

#header h1 a:hover {
  color: #b4c7d9;
}

.post h3 a {
  text-decoration: none;
}

a img { 
 border-width: 0;
}

.clear {
  clear: both;
  line-height: 0;
  height: 0;
}

.profile-textblock { 
  clear: both;
  margin-bottom: 10px;
  margin-left: 0;
}

.profile-img { 
  float: left;
  margin: 0 5px 5px 0;
  padding: 3px;
  border: 1px solid #bdd4eb;
}

.profile-link { 
  padding: 0 0 0 17px;
  background: url(http://www.blogblog.com/thisaway_blue/icon_profile.gif) no-repeat 0 0;
}

continua...

**bellux** · 18-03-2007, 15:05

codice:

/** Page structure tweaks for layout editor wireframe */

body#layout #main,
body#layout #sidebar { 
  padding: 0;
}
]]></b:skin>
  </head>

  <body>
  <div id='outer-wrapper'><div id='wrap2'>

    
    <span id='skiplinks' style='display:none;'>
      skip to main  |
      skip to sidebar
    </span>

    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='altreparole (Intestazione)' type='Header'/>
</b:section>
    </div>
 
    <div id='content-wrapper'>

      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Post sul blog' type='Blog'/>
</b:section>
      </div>

      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Text1' locked='false' title='altreparole' type='Text'/>
<b:widget id='HTML6' locked='false' title='Feed' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Archivio blog' type='BlogArchive'/>
<b:widget id='HTML3' locked='false' title='Posts celebri' type='HTML'/>
<b:widget id='Label1' locked='false' title='Tags' type='Label'/>
<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'/>
<b:widget id='HTML5' locked='false' title='Numeri' type='HTML'/>
</b:section>
      </div>

      
      <div class='clear'>&#160;</div>

    </div> 

    <div id='footer-wrapper'>
      <b:section class='footer' id='footer'>
<b:widget id='BloggerButton1' locked='false' title='' type='BloggerButton'/>
</b:section>
    </div>

  </div></div> 
</body>
</html>

Insomma io vorrei inserire una riga di spazio tra un commento e l'altro! Ma come fare?!?!?!? :master:

**bellux** · 22-03-2007, 21:09

Nessun sa darmi una mano?

**fcaldera** · 22-03-2007, 22:01

prova con

#comments-block dt {
margin-top: 3em;
}

**bellux** · 23-03-2007, 13:00

Mitico fcaldera!

E' proprio come lo volevo ora!
http://altreparole.blogspot.com/2007...-del-feed.html

Grazie mille!

Discussione: Problema con il layout dei commenti

Strumenti discussione

Ricerca discussione

Visualizza

Problema con il layout dei commenti

Permessi di invio