en mi blog (http://legalizenla.com.ar) puse un banner, pero al lado qda todo negro, entonces qiero poner otro de relleno...
pero cuando lo pongo qda abajo del otro y qda horrible
use este codigo...
como tendria q ser?
Código HTML:
<a href="http://gana-gold.com"><img src="http://legalizenla.com.ar/banners/banner-gana-gold.gif" border="0" alt="gana-gold" /></a><a href="http://legalizenla.com.ar"><img src="http://legalizenla.com.ar/banners/banner_legalizenla.com.ar_" border="0" alt="legalizenla.com.ar" /></a>
Código:
/*
Theme Name: Globalwarming Awareness2007
Theme URI: http://www.globalwarming-awareness2007.na.it
Description: Globalwarming Awareness2007 Theme
Author: Pincopallino
Author URI: http://www.globalwarming-awareness2007.na.it
*/
body {
margin: 10px 0 0 0;
BACKGROUND: url(images/bg_bodyB.gif) #404040 repeat-y center top ;
}
.clear {clear: both;}
#page {
width: 900px;
margin: 0 auto;
}
#header {
height: 90px;
background: repeat-x url(images/bckheader.gif);
}
#header #title {
float: left;
}
#title h1 {
padding: 0;
font-family: "Trebuchet MS";
font-size: 1.7em;
font-weight: normal;
color: #4D4D4D;
text-transform: capitalize;
margin-top: 10px;
margin-right: 0;
margin-bottom: 0;
margin-left: 25px;
}
#title h1 a {
/* color: #798264;*/
color: #4D4D4D;
text-decoration: none;
}
#title p {
font-family: "Trebuchet MS";
font-size: 0.8em;
/*color: #949865;*/
color: #333333;
text-transform: lowercase;
line-height: 10pt;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 30px;
letter-spacing: 1pt;
}
.post{border: #e0e1db 1px solid;}
.tab {
height: 21px;
width: 100px;
background: no-repeat url(images/tab.gif);
}
ul#menu {
margin: 65px 20px 0 0; padding: 0;
margin: 65px 10px 0 0;
float: right;
}
ul#menu li {
display: inline;
font-family: Verdana;
font-size: 8pt;
font-weight: bold;
text-transform: lowercase;
letter-spacing: 0.3pt;
}
ul#menu li a {
margin: 0;
border-left: #e0e1db 1px solid;
padding: 1px 3px;
color: #888888;
text-decoration: none;
float: left;
}
ul#menu li a:hover {
color: #E57700;
}
#bannerscan {
padding: 0 5px;
background: #fff;
}
#bannerscan #banner {
padding: 3px 0;
height: 260px;
}
#bannerscan #scanlines {
padding: 0 0 3px 0;
height: 26px;
background: repeat-x url(images/bckscanlines.gif);
}
#container {
padding: 0px 5px;
width: 890px;
background-color: #ffffff;
}
#content {
float: left;
width: 600px;
padding-left: 25px;
background-color: #ffffff;
}
#content img {
border: #ccc 1px solid;
padding: 4px;
}
#content p a {
color: #0099FF;
text-decoration: none;
}
#sidebar {
float: left;
width: 200px;
text-align: left;
margin-left: 10px;
background-color: #ffffff;
}
#sidebar ul {
padding: 0;
list-style-type: none;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 10px;
}
#sidebar li {
margin: 0;
font-family: Verdana;
color: #888888;
font-weight: normal;
font-size: 10pt;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 5px;
}
#sidebar h2 {
margin: 0;
padding: 0 0 8px 0;
color: #E57700;
font-weight: bold;
font-style: italic;
letter-spacing: 0.2pt;
font-family: Verdana;
font-size: 16px;
background-image: url(images/bckh2.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#sidebar ul ul {
list-style-image: url(images/li.gif);
text-transform: lowercase;
margin-top: 5px;
margin-right: 0;
margin-bottom: 20px;
margin-left: 10px;
}
#sidebar ul ul ul {
margin: 0;
}
#sidebar a {
text-decoration:none;
color: #666666;
font-family: Verdana;
font-weight: normal;
font-size: 8pt;
letter-spacing: 0.5pt;
}
#sidebar a:hover {
color: #E57700;
}
#content h2 {
font-family: Arial;
font-size: 0.6em;
color: #E57700;
margin-top: 5px;
margin-right: 0;
margin-bottom: 0px;
margin-left: 6px;
padding-top: 0;
padding-right: 0;
padding-bottom: 2px;
padding-left: 0;
letter-spacing: 0.2pt;
font-weight: bold;
}
.divider {
margin: 5px 0px 5px 5px;
height: 2px;
}
.storytitle {
padding: 0;
font-family: "Trebuchet MS";
font-size: 1.3em;
color: #0699C9;
border-bottom: #cdcfb4 1px dashed;
letter-spacing: 0.1pt;
line-height: 20pt;
margin-top: 0px;
margin-right: 0;
margin-bottom: 5px;
margin-left: 0;
}
.storytitle a {
text-decoration: none;
color: #0699C9;
}
div.meta {
margin: 5px 0;
font-family: Verdana;
font-size: 8pt;
color: #cdcfb4;
}
div.meta a {
color: #919560;
text-decoration: none;
font-weight: bold;
}
.storycontent p {
font-size: 0.8em;
color: #333333;
margin-bottom: 20px;
font-family: Verdana;
}
.storycontent a {
text-decoration: none;
color: #0066CC;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #5A8130;
font-weight: bold;
}
.feedback a {
color: #ababab;
text-decoration: none;
font-weight: bold;
font-size: 8pt;
}
.pagenavigation a {
color: #ababab;
text-decoration: none;
font-weight: bold;
font-size: 10pt;
}
#footer {
padding: 30px 5px 0px 10px;
background: repeat-x url(images/bckfooter.gif);
height: 60px;
font-family: Arial;
font-size: 8pt;
color: #CBCCC1;
font-style: italic;
}
#footer a {
text-decoration: none;
color: #CBCCC1;
}
small {
font-size: 10pt;
}
h2#comments, h2#postcomment {
text-decoration: none;
}
h2#comments a {
text-decoration: none;
color: #ababab;
}
acronym, abbr {
border-bottom: 1px dashed #333;
}
acronym, abbr, span.caps {
font-size: 90%;
letter-spacing: .07em;
}
acronym, abbr {
cursor: help;
}
blockquote {
border-left: 2px solid #ccc;
margin-left: 1.5em;
padding-left: 15px;
}
cite {
font-size: 90%;
font-style: normal;
}
ol#comments li p {
font-size: 100%;
}
p, li, .feedback {
color:#339900;
font-family: Verdana;
font-size: 0.8em;
line-height: 150%; /*letter-spacing: -1px;*/
}
/* classes used by the_meta() */
ul.post-meta {
list-style: none;
}
ul.post-meta span.post-meta-key {
font-weight: bold;
}
.credit {
background: #90a090;
border-top: double 3px #aba;
color: #fff;
font-size: 11px;
margin: 10px 0 0 0;
padding: 3px;
text-align: center;
}
.credit a:link, .credit a:hover {
color: #fff;
}
.feedback {
color: #ccc;
text-align: right;
clear: both;
}
.meta li, ul.post-meta li {
display: inline;
}
.meta ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
background: #fff;
border: 1px solid #333;
padding: .2em;
}
#commentform textarea {
width: 450px;
}
#commentlist li ul {
border-left: 1px solid #ddd;
list-style-type: none;
}
#commentlist li, #commentlist p {
font-size: 10pt;
}
#wp-calendar {
border: 1px solid #0099CC;
empty-cells: show;
font-size: 8pt;
width: 100%;
margin-top: 0;
margin-right: 0;
margin-bottom: 4px;
margin-left: -10px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
text-decoration: none;
}
#wp-calendar a:hover {
background: #e0e6e0;
color: #333;
}
#wp-calendar caption {
color: #0099CC;
font-size: 10pt;
text-align: center;
font-weight: bold;
padding-right: 0;
padding-bottom: 5px;
padding-left: 0;
}
#wp-calendar td {
color: #ccc;
font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}
#wp-calendar td.pad:hover {
background: #fff;
}
#wp-calendar td:hover, #wp-calendar #today {
background: #eee;
color: #000;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
color: #919560;
font-weight: bold;
text-align: center;
}
#searchform #s {
margin: 5px 0;
}
