gRACIAS gente pero el boton source no me aparece por ningun lado, para que sirve?
luego lo de eliminar el height no se si loe hecho mal pero no da resultado, estoy mu verde en esto de las CSS lo siento pero si podeis hecharme una mano de nuevo os lo tendre muy agradecido.
este es mi codigo CSS
Código PHP:
body {
font-size: 10px;
font-family: Verdana, Arial, Tahoma;
background-color: #ECECEC;
color: #3E3E3E;
text-align: center;
}
input {
padding-top: 3px;
border: 1px solid #CFD8E0;
background: #F4F8FF;
color: #3E3E3E;
font: 10px Verdana, Arial, Tahoma;
}
textarea {
border: 1px solid #CFD8E0;
background: #F4F8FF;
color: #3E3E3E;
font: 10px Verdana, Arial, Tahoma;
}
#page {
background-color: white;
border: 0px solid #ECECEC;
text-align: left;
}
#header {
background-color: #ECECEC;
}
#content {
font-size: 10px;
font-family: Verdana, Arial, Tahoma;
}
.widecolumn .entry p {
font-size: 1.05em;
}
.narrowcolumn .entry, .widecolumn .entry {
line-height: 1.4em;
}
.widecolumn {
line-height: 1.6em;
}
.narrowcolumn .postmetadata {
padding: 0 0 0 110px;
text-align: center;
}
.graybox {
background-color: #ffffff;
border: 1px solid #ddd;
}
.graybox2 {
background-color: #FBFBFB;
}
#footer {
background-color: #ECECEC;
border: 10px solid #ddd;
}
small {
font-family: Verdana, Arial, Tahoma;
font-size: 10px;
line-height: 1.5em;
}
h1, h2, h3 {
font-family: Verdana, Arial, Tahoma;
font-weight: bold;
color:#abababa;
padding: 14 14 0 0;
}
h1 {
font-size: 4em;
text-align: center;
}
.description {
font-size: 1.2em;
text-align: center;
}
h2 {
font-size: 10px;
color:#abababa;
}
h2.pagetitle {
font-size: 10px;
border: 1px solid #ddd;
}
#sidebar h2 {
font-family: Verdana, Arial, Tahoma;
font-size: 10px;
}
h3 {
font-size: 1.3em;
}
h1, h1 a, h1 a:hover, h1 a:visited, .description {
text-decoration: none;
color: white;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color:#abababa;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}
.entry p a:visited {
color: #9E2314;
}
.commentlist li, #commentform input, #commentform textarea {
font-family: Verdana, Arial, Tahoma;
}
.commentlist li {
font-weight: bold;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}
.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}
#commentform p {
font-family: Verdana, Arial, Tahoma;
}
.commentmetadata {
font-weight: normal;
}
#sidebar {
font-family: Verdana, Arial, Tahoma;
}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #777;
}
code {
font-family: Tahoma, Verdana, Arial;
color:#000000;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
border: 1px;
border-color: Gray;
border-style: solid;
background: #E5E5E5;
font-variant: normal;
display: block;
background-color: #ffffff;
border: 1px solid #ddd;
text-align: left;
FONT-SIZE: 105%;
font-family:"Courier New";
white-space: normal;
word-spacing: normal;
}
acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}
a, h2 a:hover, h3 a:hover {
color: #06c;
text-decoration: none;
}
a:hover {
color: #147;
text-decoration: underline;
}
#wp-calendar #prev a {
font-size: 9pt;
}
#wp-calendar a {
text-decoration: none;
}
#wp-calendar caption {
font: bold 1.3em Verdana, Arial, Tahoma;
text-align: center;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
body {
margin: 0;
padding: 0;
}
#page {
background-color: white;
margin: 0px auto;
padding: 0 0 0 0;
width: 780px;
border: 0px none #959596;
}
#header {
padding: 0;
height: 140px;
width: 780px;
}
#headerimg {
margin: 0;
width: 100%;
}
.narrowcolumn {
float: left;
padding: 0 50 0 0;
margin: 0 50 0 0;
width: 430px ; /*430px;*/
border:0;
padding-right: 2px;
margin-right: 2px;
}
.post{
text-align: justify;
padding-left: 47px;
width:370px;
/*padding: 0 0 0 2px; */
margin-top: 6px;
}
.post_header {
margin: 0 0 0 0px;
height: 35px;
width:430px; /* 390*/
border: none;
vertical-align: top;
background: url(images/content_header.gif) no-repeat; /
clear: right;
float: both;
margin-left:0px;
}
.post_content{
width:430px; /*390 */
border: none;
vertical-align: top;
background: url(images/content_bg.gif);
background-repeat: repeat-y;
}
.post_content{
margin-left:50px;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .post_content {
margin-left:0px 0px 0px 0px;
}
/* End hide from IE5/mac */
/* Seccion inferior del Post Comentarios etc */
.post_meta_footer {
background: #CCCCCC;
margin-top: 1px;
font-family: Verdana, Arial, Tahoma;
font-size: 9px;
color: #FFFFFF;
margin-bottom: 1px;
font-weight: normal;
letter-spacing: 0px;
background-color: #FFFFFF;
color:#ffffff;
border: 2px solid #FFFFFF;
}
.post_meta_footer ul {
margin: 0px;
padding: 0px;
text-align: right;
}
.post_meta_footer li {
color:#333333;
list-style-type: none;
padding-left: 2px;
display: inline;
padding-right: 2px;
padding-bottom: 4px;
padding-top: 1px;
}
.post_meta_footer a {
background-color: #788D9F;
color: #ffffff;
list-style-type: none;
padding-left: 2px;
display: inline;
padding-right: 2px;
padding-bottom: 4px;
padding-top: 1px;
text-decoration:none;
background-color: #FFFFFF;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
color:#333333;
}
.post_meta_footer a:hover {
color: #a37d09;
background-color: #788D9F;
color: #ffffff;
list-style-type: none;
padding-left: 2px;
display: inline;
padding-right: 2px;
padding-bottom: 4px;
padding-top: 1px;
text-decoration:none;
background-color: #FFFFFF;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
color:#999999;
}
.post_footer{
margin: 0 0 0 0px;
height: 9px;
width:430px;
border: none;
vertical-align: top;
background: url(images/content_footer.gif) no-repeat;
clear: right;
float: both;
margin-left:0px;
}
.post-date{
font-family: Verdana, Arial, Tahoma;
color:#ffffff;
padding-right: 14px;
font-size: 10px;
}
.post-headline{
font-family: Verdana, Arial, Tahoma;
padding-left: 45px;
font-size: 11px;
padding-top: 12px;
}
.post-headline a:link, .post-headline a:visited, .post-headline a:hover, .post-headline a:active{
font-family: Verdana, Arial, Tahoma;
color: #ffffff;
text-decoration: none;
letter-spacing: 0px;
text-transform: none;
font-weight: normal;
padding-top: 12px;
}
/* Begin Comment */
.theme_comment_box{
width:430px;
border: none;
vertical-align: top;
background-repeat: repeat-y;
background: url(images/comment_box_bg.gif);
}
.theme_comment_box{
margin-left:50px;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .theme_comment_box {
margin-left:50px;
}
/* End hide from IE5/mac */
.theme_comment_box_header {
margin: 0 0 0 0px;
height: 35px;
width:430px;
border: none;
vertical-align: top;
clear: right;
float: both;
margin-left:0px;
background: url(images/comment_box_top.gif) no-repeat ;
}
.theme_comment_box_footer {
height: 12px;
border: none;
width:430px;
vertical-align: top;
background: url(images/comment_box_bottom.gif) no-repeat ;
}
#theme_comment_box_main {
width:430px;
border: none;
vertical-align: top;
background: url(images/comment_box_bg.gif) repeat-y;
}
.comment-headline{
font-family: Verdana, Arial, Tahoma;
color: #ffffff;
text-decoration: none;
letter-spacing: 0px;
text-transform: none;
font-weight: normal;
padding-left: 58px;
font-size: 11px;
padding-top: 12px;
padding-top: 12px;
}
El codigo sigue en el siguiente post.
y esto es un grafico de como se ven los posts dependiendo del contenido.
Salu2