Publicado em 6 de fev.

[Resolvido] float

To tentando colocar duas imagens uma do lado da outra mas nao esta dando certo, uma fica na esquerda outra na direita certinho so que uma em cima outra em baixo quero as duas uma do lado da outra

o css

#ads1 {
	float:left;

	}
#ads2 {
	float:right;

	}

na página uso isso

<div id="ads1"> Conteudo... </div>
<div id="ads2"> Conteudo... </div>

quem puder me ajudar sou bem franquinho com isso

Discussão (6)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Rafelles· 6 de fev.

pelo que você postou aí não detectei nenhum problema. seria bom você postar o css e o html completo, para se ter a idéia completa do que acontece, outros itens do código pode estar interferindo nisso. Ou então poste o link da pagina.

brcontainer· 6 de fev.

Amigo ZERE as marges

marign:0;
padding:0;
}

Crie um elemento PAI

<div id="pai">

<div id="ads1"><img></div>

<div id="ads2"><img></div>

</div>

Defina o width do PAI,

#pai{
width:800px;
}

e dos filhos:

#ads1,#ads2{

width:400px;
}

lembrando as imagens devem ter no maximo 400px cada uma. Para que elas possam ser maiores, aumente o WIDTH do PAI.

---------------

Se mesmo assim não conseguir, ponha um LINK, não quero código em

, tem que ser link.

Renato Augusto· 7 de fev.

Na verdade é um blog quero colocar as images antes dos post entao isso vai ficar em uma pagina php, o css muito bagunçado e esse:

http://renatotavares.com/wp-content/themes...blue-danube.css todo cheio de erro isso e pq eu nao sou bom com isso, sei nada isso saiu do tema com algumas ediçoes minhas

nao saquei o que você falou ai silverfox

Rafelles· 7 de fev.

Renato, se der pra postar o link da página, pra ver como é que está sendo utilizadas as divs vai esclarecer mta coisa.

Recomendo a você definir largura(width) das divs #ads1 e #ads2, como o silverfor indicou acima, se você não definir a largura a div vai redimensionar de acordo com o conteúdo e poderão não caber uma do lado da outra, ocasionando problemas no seu layout, aí pode estar seu problema.

Cara, percebi que dava pra dar uma "enxugadinha" no seu código. Segue sugestão.

/ CSS Document /

/*
Theme Name: Blue Danube
Theme URI: [url="[http://justintadlock.com/wordpress/options"]http://justintadlock.com/wordpress/options[/url]](http://justintadlock.com/wordpress/options)
Description: A blending of soothing blues, light gray, and a dash of white for a pleasant atmosphere.
Author: Justin Tadlock
Author URI: [url="[http://justintadlock.com"]http://justintadlock.com[/url]](http://justintadlock.com)
Version: 1.1
*/
* { margin: 0; padding: 0; }
p { margin: 10px 0; }
ul li { list-style: none; line-height: 1.8em; font-weight: 400;}
.entry ul { padding-left: 10px; }
a { color: #0066cc; text-decoration: none; }
a:hover { color: #000; }
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #2c79d5; }
h1 { font-size: 2em; }
h2 { font-size: 1.5em; margin: 10px 0; }
h3 { font-size: 1.4em; margin: 10px 0; }
h4 { font-size: 1.3em; margin: 10px 0; }
h5 { font-size: 1.2em; margin: 10px 0; }
h6 { font-size: 1.1em; margin: 10px 0; }
.left { float: left; margin: 0 10px 10px 0; }
.right { float: right; margin: 0 0 10px 10px; }

/ Body /
body {

	color: #333;
	background: #141414 ; /* Fundo do blog em geral */
	font: 82% "Trebuchet MS", Arial, "Lucida Grande", Tahoma, sans-serif;
	}
#body-container {
	width: 980px;
	overflow: hidden;
	margin: 10px auto;
	}

/************************************************
Header
************************************************/

#header-container {
	width: 100%;
	float: left;
	overflow: hidden;
	background: #141414 ; /* Cor do fundo do cabeçalho do blog */

	}
#header {
	float: left;
	width: 850px;
	overflow: hidden;
	}

#header h1{

	width: 450px;
	height: 100px;
	margin-left: 10px;
	display: block;
	color: #f7f7f7;
	background: url(images/logo.gif) no-repeat 0 0;
	}

#header h1 a span, #header h2 { display: none; }

/************************************************
Feed links in header
************************************************/

#feed {
	float: right;
	width: 75px;
	height: 22px;
	/* Comment out the line below if not using header image */
	padding: 48px 0 0 0;
	}

#feed li { display: inline; }
#feed li a {

	float: left;
	width: 34px;
	height: 22px;
	display: block;
	}

#feed li.feed-url a { background: url(images/feed-icon.jpg) no-repeat 0 0; }
#feed li.feed-email a { background: url(images/feed-email.jpg) no-repeat 0 0; }
#feed li.feed-url a span, #feed li.feed-email a span { display: none; }

/ Container for content and sidebar /

#container {
	clear: left;
	position: relative; top: 10px;
	width: 964px;
	margin: 0 auto;
	padding: 10px 10px 0 10px;
	overflow: hidden;
	background: #f7f7f7 url(images/container-bg.gif) no-repeat 0 0;
}

#home, #content {

	width: 680px;
	margin: 0;
	}

#home.left, #content.left { float: left; }
#home.right, #home.right { float: right; }

/************************************************
m***** de menus na navegacao
************************************************/
/ Main navigation bar (#sub-nav is bottom bar) /
#navigation, #sub-navigation {

	float: left;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: .03em;
	text-align: left;
	list-style-type: none;
	}
#navigation {
	width: 100%;
	font-size: 0.9em;
	list-style-type: none;
	background: url(images/nav-gradient-dark.png) repeat-x right top;
	}
#sub-navigation {
	width: 100%;
	height: 20px;
	font-size: .75em;
	background: #383838;
	border: 1px solid #252525; border-bottom: none;
	}
#nav {
	float: left;
	padding: 0 0 0 15px;
	background: url(images/nav-gradient-dark.png) repeat-x left top;
	}

#navigation.nav-search {

	width: 740px;
	}

#nav li, #sub-nav li {

	float: left;
	list-style-type: none;
	}

#nav a {

	color: #fff;
	display: block;
	padding: 12px 16px;
	}

#nav a:hover, #nav li.current_page_item a {

	color: #74aaed;
	}

#nav a:hover, #nav li.current_page_item a:hover, #nav li.current_page_item li a, #sub-nav a:hover, #sub-nav li.current-cat a:hover, #sub-nav li.current-cat li a {

	color: #000;
	background: #FFF;
	}

#sub-nav a {

	color: #e2e2e2;
	display: block;
	padding: 7px 17px;
	}

#sub-nav li.current-cat a {

	background: #666;
	}

#nav li li, #sub-nav li li {

	float: left;
	width: 150px;
	background: #fefefe;
	}

#nav li li a {

	color: #333;
	background: #fefefe;
	float: none;
	margin: 3px 5px;
	padding: 6px 10px;
	}

#nav li li a:hover, #nav li.current_page_item li a:hover {

	color: #fff;
	background: #609be4;
	}

#nav li.highlight a, #sub-nav li.highlight a {

	color: #333;
	background: #fefefe;
	}

#sub-nav li li a, #sub-nav li li.current-cat a {

	color: #333;
	background: #fefefe;
	float: none;
	margin: 3px 5px;
	padding: 4px 7px;
	}

#sub-nav li li a:hover, #sub-nav li.current-cat li a:hover, #sub-nav li li.current-cat a:hover {

	color: #fff;
	background: #609be4;
	}

#nav li ul, #sub-nav li ul {

	position: absolute;
	width: 10em;
	left: -999em;
	z-index: 999;
	}

#nav li:hover ul, #sub-nav li:hover ul {

	left: auto;
	display: block;
	}

/************************************************
links
************************************************/

.feed, .bbogs {

list-style:none !important;
margin:0 0 5px;
padding:0;
}

.feed a {

color: #F60!important;
list-style:none !important;
margin:0 0 5px;
padding:0;
}

.feed li {

list-style:none !important;
padding-top:3px;
padding-bottom:3px;
}

.feed li a {

list-style:none !important;
padding-left:25px;
}

.bbogs a, .bbogs a:hover, .techno a{

background-image:none !important;
list-style:none !important;
margin:0 0 12px !important;
padding:0 !important;
color:#75B110 !important;
}

.techno a{

color:#389C04 !important;
}

.bbogs a:hover {

color:#61930D !important;
}

.bbogs li, .techno li {

list-style:none !important;
padding-top:3px;
padding-bottom:3px;
}

.bbogs li a {

list-style:none !important;
padding-left:25px;
}

.techno {
list-style:none !important;
margin:0 0 5px;
padding:0;
}

.techno li a {

list-style:none !important;
padding-left:25px;
}

.tr-linkcount a {

width:133px !important;
background-image:none !important;
list-style:none !important;
}

/************************************************
busca
************************************************/

#search {
	float: right;
	width: 185px;
	margin-right: 15px;
	}

#search form {

	float: right;
	margin: .5em 0 0 0;
	padding: 0 0 0;
	}

#search input#s {

	font-size: 1.1em;
	line-height: 1.1em;
	color: #fff;
	width: 170px;
	background: #444;
	margin: 0;
	border: 1px solid #333;
	}

#search .search-submit { display: none; }

/************************************************
Sections of the site
************************************************/
.section, #home .flickr, #home div.tags {

	width: 680px;
	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 10px 0;
	background: #fff;
	border: none;
	}

.section h2 {

	font-size: 1.2em;
	line-height: 1em;
	}

h2.section-header, h3.section-header, #home .flickr h2, #home div.tags h2{

	font-size: 1.2em;
	font-weight: bold;
	color: #1b1b1b;
	margin: 0 0 10px 0;
	padding: 1px 0 0 20px;
	background: url(images/section-header.png) no-repeat 0 4px;
	}

h2.posts-bloco, h2.girls, h2.hypes, h2.assinar-feed, h2.ultimos-posts, h2.dica, h2.comentario, h2.loja, h2.renato, h2.twitter, h2.section-videos, h3.posts-relacionados {

	font-size: 1.2em;
	font-weight: bold;
	color: #1b1b1b;
	margin: 0 0 10px 0;
	padding: 1px 0 0 20px;
	background: url(images/control_play.png) no-repeat 0 0;
	}

h2.girls {

	background: url(images/girls.gif) no-repeat 0 0;
	}

h2.hypes {

	background: url(images/music.png) no-repeat 0 center;
	}

h2.assinar-feed {

	padding: 1px 0 0 27px;
	background: url(images/rank.png) no-repeat 7px 3px;
	}

h2.ultimos-posts {

	padding: 1px 0 0 27px;
	background: url(images/flag_blue.png) no-repeat 7px 3px;
	}

h2.dica {

	padding: 1px 0 0 27px;
	background: url(images/especial.png) no-repeat 7px 3px;
	}

h2.comentario {

	padding: 1px 0 0 27px;
	background: url(images/comentarios.png) no-repeat 7px 3px;
	}

h2.loja {

	padding: 1px 0 0 27px;
	background: url(images/creditcards.png) no-repeat 7px 3px;
	}

h2.renato {

	padding: 1px 0 0 27px;
	background: url(images/cinema.gif) no-repeat 7px 3px;
	}

h2.twitter {

	padding: 1px 0 0 27px;
	background: url(images/twitter.png) no-repeat 7px 3px;
	}

h2.section-videos {

	background: url(images/youtube.gif) no-repeat 0 0;
	}

h3.posts-relacionados {

	padding: 1px 0 0 23px;
	background: url(images/posts-relacionados.png) no-repeat 0 center;
	}

h6.renato6 a, h6.renato2 a, h6.renato3 a, h6.renato4 a, h6.renato5 a{

	font-size: 0.8em !important;
	font-weight: bold;
	color: #4e4e4e;
	margin: 10px 0 0 5px 0;
	padding: 0 0 0 27px;
	background: url(images/adiciona.png) no-repeat 7px center;
	}

h6.renato2 a{

	background: url(images/vcard.png) no-repeat 7px center;
	}

h6.renato3 a{

	background: url(images/heart.png) no-repeat 7px center;
	}

h6.renato4 a{

	background: url(images/sitemap.png) no-repeat 7px center;
	}

h6.renato5 a{

	background: url(images/page_star.png) no-repeat 7px center;
	}

#creditfooter { visibility:hidden; height:1px; width:1px;}
#twitter_update_list ul li { margin: 0 0 10px 0;}
#twitter_update_list a { color: #06C;}

/ Quotes /
#wp_quotes{ padding: 0px;}
#wp_quotes div.wp_quotes_quote{ font-style: Verdana; font-size: 13px; }
#wp_quotes div.wp_quotes_author{ text-align:right; font-style: italic; font-size: 12px; margin-top: 3px;}
div.wp_quotepage{}
div.wp_quotepage_quote{}
div.wp_quotepage_author{ text-align: right;}

/ Single posts /
#content .post { overflow: hidden; width: 670px; padding: 10px; margin-bottom: 15px; background: #fff; border: 1px solid #eee; }
#content .post p {font: 12px "Sans Serif", Verdana, Arial, Lucida Sans Unicode; margin:0 0 15px; line-height:150%;}
#content .post p a {font-weight: bold}
#content .post-pos { overflow: hidden; width: 690px; margin-bottom: 15px; background: #fff; border: 1px solid #eee; }
#full-posts .post .entry, #no-sidebar .post .entry, .single .post .entry { clear: left; }
.post { clear: left; }

h2.post-title {

	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bold !important;
	}

.post .entry h2 {

	font-size: 1.6em;
	font-weight: bold;
	color: #333;
	margin: 10px 0 10px 0;
	text-decoration: none;
	}

.post .entry h3{

width:400px;
font: 20px Arial, Helvetica, sans-serif;
color: #0066CC;
border-top: 4px solid #0066CC;
border-left: 2px solid #0066CC;
padding-left:5px;
}

.post .entry h4{

	width: 50%;
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
	border-left: 4px solid #ccc;
	border-right: 4px solid #ccc;
	margin: 5px 5px;
	padding: 0 0 0 10px;
	background: #f1f1f1;
	}

.post .entry h5{

	font-size: 1.2em;
	font-weight: bold;
	color: #444;
	margin: 10px 0 10px 30px;
	padding: 1px 0 0 20px;
	background: url(images/h2_titulo_post.png) no-repeat 0 center;
	}

.post .entry h5:hover { background: url(images/h2_titulo_post_hover.png) no-repeat 0 center; }

.byline {
	font: 0.9em "Trebuchet MS", Arial, "Lucida Grande", Tahoma, sans-serif !important;
	margin-top: -12px;
	padding: 1px 0 0 20px;
	background: url(images/clock.png) no-repeat 0 0;
}

.post .entry code { font-size: 1.15em; }
.post .entry strike {color: #ccc;}
.post .entry blockquote {

font-family: "Trebuchet MS",Tahoma,Verdana,Helvetica,sans-serif;
border-left:1px solid #C1EAF5;
color:#747474;
font-style:italic;
padding-left:8px;
margin:0 25px;
}

.post ul { padding-left: 15px; }
.post ul li { list-style-type: disc; }
.post ol { padding-left: 20px; }

.categories-single {
	color:#4e4e4e;
	margin-top: 20px;
	padding: 0 0 0 20px;
	background: url(images/note.png) no-repeat 2px 0;
}

/ Full posts /
#full-posts .post { overflow: hidden; width: 568px; padding: 10px; margin-bottom: 15px; background: #fff; border: 1px solid #eee; }

/ Related posts /

#related {
	width: 670px;
	padding: 10px;
	background: #fff;
	border: 1px solid #eee;
}

#related a{

	font-size: 1em;
	line-height: 1.1em;
	margin: 10px;
}

#related ul li{

	font-size: 1.1em;
	font-weight: bold;
	background: url(images/list.gif) no-repeat -3px center;
	list-style: none;
	line-height: 1.5em;
}

/ post blocos /

.ads2, .ads, .ads3, .ads4 {

background: url(images/firefox.gif) no-repeat 0 50%;
padding-left: 20px;
margin-top: 5px;
}
.ads {
background: url(images/money.png) no-repeat 0 50%;
}
.ads3 {
background: url(images/camera.png) no-repeat 0 50%;
}
.ads4 {
background: url(images/hot.ico) no-repeat 0 50%;
}

/ Author box /
#author-box { width: 670px; padding: 10px; background: #fff; border: 1px solid #eee; }

/ Navigation links /
.navigation-links { width: 670px; padding: 10px; margin-bottom: 15px; background: #fff; border: 1px solid #eee; }
.navigation-links .previous { font-weight: bold; float: left; width: 50%; }
.navigation-links .next { font-weight: bold; float: right; width: 50%; text-align: right; }

/ Features gallery /
#myGallery { height: 240px; margin: 0 auto 15px auto; }
#myGallery .imageElement { display: none; }
#myGallery a, #myGallery a:hover { font-weight: bold; color: #f8f8f8; }

/ Features (single article) /
#feature { width: 658px; padding: 10px; background: #fff; border: 1px solid #eee; }
#feature-mus { width: 658px; padding: 20px 10px 10px 10px; background: #fff; border: 1px solid #eee; }

/ Features numbers /
#features-numbers { background: #fff; }

/ Flickr photos (home) /
#home .flickr { width: 578px; padding: 10px 0 15px 10px; background: #fff; border: 1px solid #eee; }
#home .flickr img { margin: 1px 13px 1px 0; }

/ Tags (home) /
#home div.tags { width: 680px; padding: 10px; background: #fff; border: 1px solid #eee; }

/ Excerpts /
#excerpts { margin: 0; padding: 0; background: #fff; }
#excerpts .post { width: 680px; padding: 10px; margin-bottom: 15px; background: #fff; border: 1px solid #eee; }

/ Post sections /
#post-sections .section { width: 680px; padding: 10px; background: #fff; border: 1px solid #eee; }

/ Post blocks /
#post-blocks { padding: 0; background: #f7f7f7; }
#post-blocks .post { width: 310px; height: 241px; padding: 10px; margin: 0 0 15px 0; background: #fff; border: 1px solid #eee; }
#post-blocks .even { float: right; clear: none; }
#post-blocks .odd { float: left; clear: both; }

.coments-block {
 float: right;
 padding: 1px 0 0 20px;
 background: url(images/comment.png) no-repeat 0 center;
}

/ referencia /
#referencias { width: 690px; padding: 0; margin: 0 0 15px 0; background: #f7f7f7;}
#referencias .bloco {width: 315px; min-height: 164px;padding: 10px; background: #fff; border: 1px solid #eee; float: right;}
#referencias .blocob {width: 315px; min-height: 164px;padding: 10px; background: #fff; border: 1px solid #eee;}

/ Post list tabs /
#post-list-tabs { padding: 0; }
#post-list-tabs .tab-content { width: 668px; padding: 10px 5px; }
#post-list-tabs .odd { float: left; width: 50%; }
#post-list-tabs .even { float: right; width: 47%; clear: none; }
#post-list-tabs .tab-content ul li {

	margin: 4px 0;
	font-size: 1em;
	font-weight: bold;
	background: url(images/dots.png) no-repeat 0 0;
	list-style: none;
	line-height: 1.2em;
	padding: 0 5px 0 15px;
	}

/ Post tabs /
#post-tabs { padding: 0; }
#post-tabs .tab-content { width: 680px; padding: 10px 5px; }
#post-tabs .odd { float: left; width: 48%; }
#post-tabs .even { float: right; width: 48%; clear: none; }

/ Post thumbnail tabs /
#post-thumbnail-tabs { padding: 0; }
#post-thumbnail-tabs .tab-content { width: 680px; padding: 10px; }

/ Video tabbed /
#video-tabbed { width: 658px; padding: 10px; background: #fff; border: 1px solid #eee; }
div.v2, div.v3, div.v4, div.v5 { display: none; }
#video-tabbed .video-list { width: 350px; float: right; }
#video-tabbed li { margin-bottom: 7px; }
#video-tabbed a { font-size: 1.2em; font-weight: bold; display: block; padding: 4% 5px 4% 20px; width: 92%; background: #eee url(images/movie.png) no-repeat 3px center; border: 1px solid #ddd; }
#video-tabbed a:hover, #video-tabbed li a.tab-current { font-size: 1.2em; font-weight: bold; color: #1C1C1C; background: #666 url(images/play.png) no-repeat 3px center; }

.video-link {
	margin: 4px 0;
	font-size: 1em;
	line-height: 1.2em;
}

/ Video numbers /
#video-numbers { background: #fff; }

/ No sidebar /
#no-sidebar .post, #no-sidebar .section {

	overflow: hidden;
	width: 880px;
	padding: 10px;
	margin-bottom: 15px;
	background: #fff;
	border: 1px solid #eee;
	}

#no-sidebar #comments-template { width: 900px; }

/************************************************
fotos
************************************************/
a img { border: 0px solid #ccc; padding: 0px; background: #eee; }
.post img {

	max-width: 98%;
	padding: 0px;
	background: #eee;
	border: 0px solid #ccc;
	}

.section img {

	max-width: 98%;
	padding: 0px;
	background: #fff;
	border: none;
	}

.post .avatar {

	float: left;
	width: 40px;
	height: 40px;
	margin-right: 10px;
	}

.archive .post .avatar {

	width: 80px;
	height: 80px;
	}

#author-box img {

	float: left;
	margin-right: 10px;
	}

img.sem-borda{

	max-width: 98%;
	background: none;
	border: none !important;
	}

img.image-girls {

	float: left;
	width: 300px;
	height: 175px;
	margin: 0 10px 10px 0;
	}

img.imagem-musica {

	float: left;
	width: 300px;
	height: 175px;
	margin: 0 10px 10px 0;
	}

img.imagem-mini {

	width: 100px;
	height: 100px;
	margin: 0 10px 10px 0;
	}

img.imagem-media {

	max-width: 265px;
	}

img.wp-smiley {

	border: none !important;
	padding: 0px 0px 0px 0px !important;
	margin: 0px -2px 0px -2px !important;
	background: none !important;
}

/************************************************
Sidebar
************************************************/

#sidebar {
	width: 265px;
	margin: 0;
	}

#sidebar.left { float: left; }
#sidebar.right { float: right; }
#sidebar .menu, #sidebar .menu2 {

	overflow: hidden;
	padding: 5px 0;
	background: #fff;
	border: 1px solid #eee;
	}

#sidebar .menu3 {

	padding: 5px 0;
	background: #fff;
	border: 1px solid #eee;
	}

.ultimos-posts-dentro{ height: 180px; overflow:auto !important;}

.tabbed {
	background: #f7f7f7;
	border: none;
	padding: 0;
	}

#sidebar .menu, #sidebar .menu2, #sidebar .tabbed {

	clear: left;
	list-style-type: none;
	margin: 0 0 15px 0;
	}

#sidebar .menu .section-header, #sidebar .menu2 .section-header { margin-left: 5px; } #sidebar .menu div, #sidebar .menu2 div { padding: 0 2%; } .tabbed .tab-content {

	padding: 10px 2%;
	}

#sidebar .menu ul, #sidebar .menu2 ul { padding-left: 10px; } #sidebar .menu li a, #sidebar .menu2 li a, #sidebar .tabbed div li a {

	color: #1b1b1b;
	width: 50%;
	padding: 3px 0;
	}

#sidebar .menu2 ul li{

	margin: 4px 0;
	font-size: 1em;
	color: #4e4e4e;
	font-weight: bold;
	background: url(images/list.gif) no-repeat 0 0;
	list-style: none;
	line-height: 1.2em;
	padding: 0 5px 0 15px;
	text-decoration: none;
	}

#sidebar .menu li a:hover, #sidebar .menu2 li a:hover, #sidebar .tabbed div li a:hover {

	color: #06c;
	text-decoration: none;
	}

#sidebar .menu p, #sidebar .menu2 p { margin: 15px 7px; }

/ Feed sidebar /
#feed-sidebar li a { height: 15px; display: block; text-indent: 25px; margin-bottom: 3px; }
#feed-sidebar li.feed-url a { background: url(images/sidebar-feed.gif) no-repeat 0 .3em; }
#feed-sidebar li.feed-email a { background: url(images/sidebar-email.gif) no-repeat 0 .3em; }

/ Sidebar tables /
#sidebar table { width: 95%; margin: 0 auto; border: 1px solid #eee; }
#sidebar table tr { font-weight: bold; background: #ccc; }
#sidebar table tr td { text-align: center; background: #fff; border: 1px solid #ccc; }
#sidebar table tr td.pad { border: none; }

/ Recent posts (sidebar) and asides /
#sidebar .recent .post { clear: left; padding-bottom: 10px; }
#sidebar .recent .post-title, #sidebar .asides .post-title { font-size: .9em; line-height: 1em; }
#sidebar .recent .entry, #sidebar .asides .entry { font-size: .95em; margin: 0; padding: 0; }
#sidebar .recent p, #sidebar .asides p { margin: 0; padding: 0; }
#sidebar .asides .post { clear: left; padding: 0 0 5px 0; }
#sidebar .asides .post-title { font-size: 1em; }

/ Video (sidebar) /
#sidebar .video div { padding: 2px 2%; }
#sidebar .video object { width: 99%; height: 230px; }
#sidebar .video .post-title { font-size: 1em; }

/ Flickr (sidebar) /
#sidebar .flickr img { margin: 0 5px 5px 7px; }

/ Ads /
#sidebar .ads img { margin: 1% 1% 1% 1%; }

/************************************************
Tabs
************************************************/
/ Actual tabs /
.tabbed ul.tabs {

	position: relative;
	top: 0;
	left: 0;
	z-index: 5;
	list-style-type: none;
	}

.tabbed ul.tabs li { display: inline; }
.tabbed ul.tabs li a {

	float: left;
	margin: 0 3px 0 0;
	padding: 5px .4em;
	list-style-type: none;
	color: #1b1b1b;
	font-weight: bold;
	background: #ccc;
	border-top: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
}

.tabbed ul.tabs li a:hover { background: #f7f7f7; }
ul.tabs li a.tab-current {

	background: #fff;
	list-style-type: none;
	border-top: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	}

/ Tab content /

.tab-content {
	overflow: auto;
	width: 100%%;
	clear: left;
	position: relative;
	left: 0;
	top: -1px;
	z-index: 0;
	background: #fff;
	border: 1px solid #eee;
	}

.tab-content ul li{

	margin: 4px 0;
	font-size: 1em;
	color: #4e4e4e;
	font-weight: bold;
	background: url(images/list.gif) no-repeat 0 0;
	list-style: none;
	line-height: 1.2em;
	padding: 0 5px 0 15px;
	text-decoration: none;
	}

.tab-content ul li:hover{ font-weight: bold; color: #1b1b1b; text-decoration: none;}

div.t2, div.t3, div.t4 { display: none; }

/ Recent comments tab /
#sidebar ul.recent-comments li { margin: 2px 0 5px 0; }
#sidebar ul.recent-comments li a { color: #0066cc; display: inline; list-style-type: none; }

/ Sidebar search tab /
#sidebar .search input { width: 94%; background: #fff; color: #1b1b1b; margin: 4px 0; }
#sidebar .search input.search-submit { display: none; }

/************************************************
Comments Template
************************************************/
/ Comments template /
#comments-template {width: 670px; padding: 10px; margin-bottom: 15px; background: #fff; border: 1px solid #eee;}
#comments-template ol {

	list-style-type: none;
	margin-top: 10px;
	}

#comments-template ol li {

	clear: left;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 10px;
	background: #f7f7f7;
	border: 1px solid #eee
	}

#comments-template .avatar {

	float: left;
	width: 80px;
	height: 80px;
	margin: 7px 7px 7px 0;
	padding: 4px;
	background: #eee;
	border: 1px solid #ccc;
	}

#comments-template .comment-meta-data { float: left; font-size: 1em; margin-top: 9px; }
#comments-template ol li .comment-meta-data a.time { margin-left: 5px; color: #333; }
#comments-template ol li .comment-text { float: left; width: 80%; padding: 10px 0 0 0; }
#no-sidebar #comments-template ol li .comment-text { width: 88%; }
input {

	color: #000;
	width: 50%;
	padding: 5px;
	margin: 0;
	background: #f7f7f7;
	border: 1px solid #eee;
	}

#no-sidebar input { width: 25%; }
#comments-template textarea {

	color: #000;
	width: 97%;
	padding: 7px;
	background: #f7f7f7;
	border: 1px solid #eee;
	}

#no-sidebar #comments-template textarea { width: 98%; }
#comments-template input.submit-comment, #comments-template input.reset-comment, .button {

	width: 100px;
	padding: 7px;
	margin-right: 10px;
	}

/************************************************
Footer
************************************************/

#footer {
	clear: left;
	width: 964px;
	padding: 20px 10px 5px 10px;
	color: #f7f7f7;
	background: #1b1b1b url(images/footer-bg.gif) no-repeat 0 top;
	}

#footer a {

	color: #b5d3ee;
	}

/ Clases para template (exemplo code) /
.download, .warning, .code, .link, .construction, .information {

	background: #eaeed2 url(images/download.gif) no-repeat left 1px;
	padding: 12px 3px 12px 40px;
	clear: both;
	width: 70%;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #DAE1B0;
	font-size: 12px;
	line-height: 17px;
	color: #272727;
	font-weight: 500;
}
.warning {
	background: #d5c3c3 url(images/warning.gif) no-repeat left 1px;
	border: 1px solid #C5ABAB;
}

.code, .link, .construction, .information {

	background: #f4f3f3 url(images/note.gif) no-repeat left 1px;
	border: 1px solid #eeeeee;;
}

.link, .construction {

	background: #FFE5BF url(images/alert.gif) no-repeat 5px 8px;
	padding: 12px 3px 12px 40px;
}

.construction {
	background: #d9e7f0 url(images/click.gif) no-repeat left 1px;
}

.information {
	background: #BFE5FF url(images/info.gif) no-repeat 5px 8px;
	border: 1px solid #66C1FF;
}

abbr{

	cursor: help;
	}
	.author {
background:#CFCFCF; !important;
border: 2px solid #DCDCDC !important;
color:#000000 !important;
}

.SynTop { position: absolute; background: url(images/feed.gif) no-repeat left top; left: 0px; top: 0px; width: 200px; height: 8px; }
.Syn { background: #FFFFFF url(images/SynBottom.gif) no-repeat left bottom; margin-bottom: 10px; position: relative; padding: 10px 10px; font-size:11px; }
.Syn li { margin: 0px; padding: 0px 0px 0px 0px; list-style-type: none; font-size: 10px; color:#000;}
.Syn .rssicon { float: left; cursor: pointer; background: url(images/feed.png) no-repeat; width:48px; height:48px; padding-right:5px;}
.Syn .bigtext {font-size:24px;}
.Syn a {color:#CD6600; }
.Syn a:hover {text-decoration: underline; }

.Presyn h3 {background: none;}

.subscribers {font-family: Georgia, "Trebuchet MS"; font-size:35px; padding:-5px; margin: 0px; line-height:8px;}
.feedcount {font-size:20px; line-height:12px;color:#999999}

#ads1 {
	float:left;

	}
#ads2 {
	float:right;

	}

Giovani· 7 de fev.

Recomendo uma estudada no básico do css.

Aqui no próprio fórum tem bastante material.

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

nao saquei o que você falou ai silverfox

Renato Augusto· 9 de fev.

Muito obrigado me ajudaram bastante msm

http://forum.imasters.com.br/public/style_emoticons/default/grin.gif