robert1975
03-30-2008, 08:27 PM
My comments are very close together on my template and I am simply trying to separate each comment in the list with a space or a line or alternating colors. Just somerhing to separate them. Where in the code do I make those kinds of adjustments?
Here is the site so you can see what I mean: http://somoslabanda.com/pixelpost/index.php?showimage=87
Thank you so much
my css style is this one:
.last_comment {
float:right;
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
color:white;
font-size:9px;
text-decoration:none;
padding:1px;
background:#333;
}
:hover.last_comment {
text-decoration:none;
background:#444;
padding:1px;
}
#comments {
border-top:1px solid #444444;
text-align:left;
margin-left:0px;
margin-top:0px;
padding-top:5px;
padding-right:30px;
padding-bottom:5px;
padding-left:30px;
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
color:#FFFFFF;
font-size:10px;
background:#333333;; border-left-width:0px; border-right-width:0px; border-bottom-width:0px
}
#comments a {
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
color:white;
text-decoration:none;
}
#comments a:hover {
text-decoration:none;
background:#5F5F5F;
}
#comment {
border-top:0px
border-left:0px;
border-right:0px;
border-bottom:0px;
text-align:left;
margin-left:0px;
margin-top:0px;
padding-top:5px;
padding-right:15px;
padding-bottom:5px;
padding-left:15px;
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
color:white;
font-size:10px;
background:#333;
}
:hover#comment {
text-decoration:none;
background:#414141;
}
#comment a {
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
color:white;
text-decoration:none;
}
#comment a:hover {
text-decoration:none;
background:#5F5F5F;
}
#comments textarea {
width:100%;
height:50px;
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size:10px;
font-weight:bold;
border:1px solid #444;
background-color:#333;
color:#D3D3D3;
}
.input {
width:100%;
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size:10px;
font-weight:bold;
border:1px solid #444;
background-color:#333;
color:#D3D3D3;
}
Here is the site so you can see what I mean: http://somoslabanda.com/pixelpost/index.php?showimage=87
Thank you so much
my css style is this one:
.last_comment {
float:right;
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
color:white;
font-size:9px;
text-decoration:none;
padding:1px;
background:#333;
}
:hover.last_comment {
text-decoration:none;
background:#444;
padding:1px;
}
#comments {
border-top:1px solid #444444;
text-align:left;
margin-left:0px;
margin-top:0px;
padding-top:5px;
padding-right:30px;
padding-bottom:5px;
padding-left:30px;
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
color:#FFFFFF;
font-size:10px;
background:#333333;; border-left-width:0px; border-right-width:0px; border-bottom-width:0px
}
#comments a {
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
color:white;
text-decoration:none;
}
#comments a:hover {
text-decoration:none;
background:#5F5F5F;
}
#comment {
border-top:0px
border-left:0px;
border-right:0px;
border-bottom:0px;
text-align:left;
margin-left:0px;
margin-top:0px;
padding-top:5px;
padding-right:15px;
padding-bottom:5px;
padding-left:15px;
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
color:white;
font-size:10px;
background:#333;
}
:hover#comment {
text-decoration:none;
background:#414141;
}
#comment a {
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
color:white;
text-decoration:none;
}
#comment a:hover {
text-decoration:none;
background:#5F5F5F;
}
#comments textarea {
width:100%;
height:50px;
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size:10px;
font-weight:bold;
border:1px solid #444;
background-color:#333;
color:#D3D3D3;
}
.input {
width:100%;
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size:10px;
font-weight:bold;
border:1px solid #444;
background-color:#333;
color:#D3D3D3;
}