Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
pessoal, boa noite, tudo bem com vocês?
talvez não seja o melhor lugar, mas como se trata de css...
Seguinte: tenho a div "tudo" e dentro dela, a div a, b, c e por aí vai...
tem como formatar a div "c" através da div tudo, como se fosse um elemento???
tipo: .tudo.c{color#000000}
algo assim...tem como???
Obrigado todos!!!
Grande abraço!!!
Horácio
to fazendo assim:
.category-cinema {
height:auto;
overflow:auto;
width:900px;
border: solid 1px #666666;
font-size:12px;
background-color:#FFFFFF;
margin-bottom:10px;
position:relative;
left: 50%;
margin-left: -450px;
}.category-cinema div.barra2{
display:none;
}a classe ".category-cinema" formata a principal, aí, depois, eu quero formatar a div "barra2" que está dentro da div que recebe a classe ".category-cinema" ainda não tá funcionando...
to fazendo certo???
ainda não funciona...
Obrigado pela atenção!!!
Horácio
A principio está correto.
Posta a estrutura do html para vermos, infelizmente so vo pode responde amanha pela manha pois estou de saida..
Testa sem definir a class como div, não tem muito a ver, mas talvez funcione..
.category-cinema .barra2{
Abrass
ok...la vai...
obs.: a div em questão é essa: <div id="post-213" class="post-213 post type-post status-publish format-standard hentry category-cinema">
mais uma vez, obrigado!!!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Cinema | hora do cafe</title><link rel="stylesheet" href="http://127.0.0.1:8888/wp/wp-content/themes/horacioSite/style.css" type="text/css" media="screen,projection" />
<link rel="alternate" type="application/rss+xml" title="hora do cafe » Cinema Category Feed" href="http://127.0.0.1:8888/wp/category/cinema/feed" />
<link rel="stylesheet" href="http://127.0.0.1:8888/wp/wp-content/plugins/wp125/wp125.css" type="text/css" media="screen" />
<link rel='stylesheet' id='admin-bar-css' href='http://127.0.0.1:8888/wp/wp-includes/css/admin-bar.css?ver=20110325' type='text/css' media='all' />
<link rel='stylesheet' id='jsb-rotate-css' href='http://127.0.0.1:8888/wp/wp-content/plugins/js-banner-rotate/includes/jsbrotate.css?ver=1.3' type='text/css' media='screen' />
<link rel='stylesheet' id='mlb-css' href='http://127.0.0.1:8888/wp/wp-content/plugins/mailing-list-builder/mlb.css?ver=3.1.2' type='text/css' media='all' />
<link rel='stylesheet' id='contact-form-7-css' href='http://127.0.0.1:8888/wp/wp-content/plugins/contact-form-7/styles.css?ver=2.2.1' type='text/css' media='all' />
<link rel='stylesheet' id='NextGEN-css' href='http://127.0.0.1:8888/wp/wp-content/plugins/nextgen-gallery/css/nggallery.css?ver=1.0.0' type='text/css' media='screen' />
<link rel='stylesheet' id='shutter-css' href='http://127.0.0.1:8888/wp/wp-content/plugins/nextgen-gallery/shutter/shutter-reloaded.css?ver=1.3.0' type='text/css' media='screen' />
<script type='text/javascript' src='http://127.0.0.1:8888/wp/wp-includes/js/l10n.js?ver=20101110'></script>
<script type='text/javascript' src='http://127.0.0.1:8888/wp/wp-content/plugins/js-banner-rotate/includes/yahoo-dom-event.js?ver=2.7.0'></script>
<script type='text/javascript' src='http://127.0.0.1:8888/wp/wp-content/plugins/js-banner-rotate/includes/animation-min.js?ver=2.7.0'></script>
<script type='text/javascript' src='http://127.0.0.1:8888/wp/wp-content/plugins/js-banner-rotate/includes/selector-min.js?ver=2.7.0'></script>
<script type='text/javascript' src='http://127.0.0.1:8888/wp/wp-content/plugins/js-banner-rotate/includes/jsbrotate.js?ver=1.3'></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js?ver=3.1.2'></script>
<script type='text/javascript' src='http://127.0.0.1:8888/wp/wp-content/plugins/mailing-list-builder/mlb.js.php?ver=3.1.2'></script>
<script type='text/javascript'></script>
<script type='text/javascript' src='http://127.0.0.1:8888/wp/wp-content/plugins/nextgen-gallery/shutter/shutter-reloaded.js?ver=1.3.0'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://127.0.0.1:8888/wp/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://127.0.0.1:8888/wp/wp-includes/wlwmanifest.xml" />
<link rel='index' title='hora do cafe' href='http://127.0.0.1:8888/wp' />
<meta name="generator" content="WordPress 3.1.2" /><!-- All in One SEO Pack 1.6.11.1 by Michael Torbert of Semper Fi Web Design[175,211] -->
<meta name="robots" content="noindex,follow" />
<link rel="canonical" href="http://127.0.0.1:8888/wp/category/cinema" /><script charset="utf-8" type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher:'wp.ed9e72b5-8dec-47f5-b663-4a3f331c833c'});var st_type='wordpress3.1.2';</script>
<link rel="stylesheet" type="text/css" href="http://127.0.0.1:8888/wp/index.php?ak_action=aktt_css&v=2.4" />
<script type="text/javascript" src="http://127.0.0.1:8888/wp/index.php?ak_action=aktt_js&v=2.4"></script>
<style type="text/css" media="screen">/ Begin Contact Form CSS /
.contactform {
position: static;
overflow: hidden;
width: 95%;
}
.contactleft {
width: 25%;
white-space: pre;
text-align: right;
clear: both;
float: left;
display: inline;
padding: 4px;
margin: 5px 0;
}
.contactright {
width: 70%;
text-align: left;
float: right;
display: inline;
padding: 4px;
margin: 5px 0;
}
.contacterror {
border: 1px solid #ff0000;
}
.contactsubmit {
}</style>
<link id='MediaRSS' rel='alternate' type='application/rss+xml' title='NextGEN Gallery RSS Feed' href='http://127.0.0.1:8888/wp/wp-content/plugins/nextgen-gallery/xml/media-rss.php' /><!-- NextGeEN Gallery CoolIris/PicLens support -->
<script type="text/javascript" src="http://lite.piclens.com/current/piclens_optimized.js"></script>
<!-- /NextGEN Gallery CoolIris/PicLens support -->
<meta name='NextGEN' content='1.5.5' />
<style type="text/css" media="print">#wpadminbar { display:none; }</style>
<style type="text/css"></style>
</head>
<body>
<!--<div id="tudo" >-->
<div id="post-213" class="post-213 post type-post status-publish format-standard hentry category-cinema">
<div id="wrapper">
<div id="header">
<ul id="nav">
<li class="page_item page-item-169"><a href="http://127.0.0.1:8888/wp/" title="sites">Home</a></li>
<li class="page_item page-item-173"><a href="http://127.0.0.1:8888/wp/processo-de-criacao" title="Processo de Criação">Processo de Criação</a></li>
<li class="page_item page-item-183"><a href="http://127.0.0.1:8888/wp/contato-2" title="Contato">Contato</a></li>
<li class="page_item page-item-202"><a href="http://127.0.0.1:8888/wp/projetos-sob-encomenda" title="Projetos sob encomenda">Projetos sob encomenda</a></li>
</ul><!--fim da ul nav-->
</ul><!---fim da ul NAV--->
</div><!--fim da div header-->
<div id="topoIm">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="990" height="236">
<param name="movie" value="flash/animacao.swf">
<param name="quality" value="high">
<embed src="http://127.0.0.1:8888/wp/wp-content/themes/horacioSite/flash/animacao.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="890" height="236"></embed>
</object>
</div>
<div id="topo2"> </div>
</div><!--fim da div wrapper--> <div id="content">
<div id="lateral"> <div id="sidebar" role="complementary">
<ul>
<div class="textwidget"><h4>Menu</h4></div>
Pages <ul>
<li class="page_item page-item-183"><a href="http://127.0.0.1:8888/wp/contato-2" title="Contato">Contato</a></li>
<li class="page_item page-item-169"><a href="http://127.0.0.1:8888/wp/" title="sites">Home</a></li>
<li class="page_item page-item-173"><a href="http://127.0.0.1:8888/wp/processo-de-criacao" title="Processo de Criação">Processo de Criação</a></li>
<li class="page_item page-item-202"><a href="http://127.0.0.1:8888/wp/projetos-sob-encomenda" title="Projetos sob encomenda">Projetos sob encomenda</a></li>
</ul>
<div class="textwidget"><hr></div>
Redes Sociais<div class="menu-redes-sociais-container"><ul id="menu-redes-sociais" class="menu"><li id="menu-item-178" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-178"><a href="http://twitter.com/#!/hal76">Twitter</a></li>
<li id="menu-item-179" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-179"><a href="http://www.facebook.com/#!/profile.php?id=660829580">FaceBook</a></li>
</ul></div> <div class="textwidget"><hr></div>
<div id="wp125adwrap_1c">
<div class="wp125ad odd"><a href="index.php?adclick=6" title="Meu Twitter" rel="nofollow"><img src="http://i525.photobucket.com/albums/cc340/deisyz/Blog/twitter125x87.jpg" alt="Meu Twitter" /></a></div>
<div class="wp125ad even"><a href="" rel="nofollow"><img src="http://127.0.0.1:8888/wp/wp-content/plugins/wp125/youradhere.jpg" alt="" /></a></div>
<div class="wp125ad odd"><a href="" rel="nofollow"><img src="http://127.0.0.1:8888/wp/wp-content/plugins/wp125/youradhere.jpg" alt="" /></a></div>
</div>
</ul>
</div>
</div>
<div id="conteudo">
<!--o problema estava aqui...essa linha "if(have_posts() ):while( have_posts()):the_post();" estava de fora da tag conteudo...por isso ele comia a barra lateral...-->
<h2>
<a href="http://127.0.0.1:8888/wp/cinema/213/ ">
Mark Rufalo fala sobre os Vingadores</a>
</h2>
<p>Fonte: omelete.com.br</p>
<p> </p>
<p><strong><img class="alignright" src="http://www.omelete.com.br/static/uploads/conteudo/fotos/ruffallo.jpg" alt="" width="200" height="202" />Mark Ruffalo</strong>, o <strong>Bruce Banner/<a href="http://www.omelete.com.br/hulk">Hulk</a></strong> do filme <a href="http://www.omelete.com.br/vingadores"> <em><strong>Os Vingadores</strong></em></a>, falou recentemente sobre o seu papel – e as informações lançaram alguma luz sobre a dinâmica da superequipe no cinema.</p>
<p><em>“Ele</em> [bruce]<em> tem uma coisa interessante com a <strong>Viúva Negra</strong>. E é uma espécie de versão ‘anjo caído’ de <strong>Tony Stark</strong> [Robert Downey Jr.], um professor renegado e rebelde, meio arrogante, que estava fazendo experiências científicas com coisas nada ortodoxas. Há uma admiração mútua entre os dois cientistas que é bacana e Tony Stark adora a ideia de vê-lo se transformar no Hulk. A dinâmica entre os dois é muito legal e divertida”</em>, disse à <a href="http://moviesblog.mtv.com/" target="_blank">MTV News</a><em>.</em></p>
<p><em>“Ao mesmo tempo, ele é o cara que ninguém tem certeza de que quer na equipe. Ele é imprevisível, como uma granada jogada na equipe que todos torcem para que não exploda”</em>, completou durante o programa <em>Jimmy Kimmel Live</em>.</p>
<p>As filmagens de <em>Os Vingadores</em> já começaram em Albuquerque, no Novo México. na trama, quando surge um inesperado inimigo que ameaça a segurança global, Nick Fury se vê na necessidade de organizar um time para evitar o desastre mundial. <strong>Joss Whedon</strong> escreveu o roteiro e dirige o filme, que estreia em <strong>4 de maio de 2012</strong>.</p>
<p><span class='st_facebook' st_title='Mark Rufalo fala sobre os Vingadores' st_url='http://127.0.0.1:8888/wp/cinema/213/ ' ></span><span class='st_twitter' st_title='Mark Rufalo fala sobre os Vingadores' st_url='http://127.0.0.1:8888/wp/cinema/213/ ' ></span><span class='st_email' st_title='Mark Rufalo fala sobre os Vingadores' st_url='http://127.0.0.1:8888/wp/cinema/213/ ' ></span><span class='st_sharethis' st_title='Mark Rufalo fala sobre os Vingadores' st_url='http://127.0.0.1:8888/wp/cinema/213/ ' ></span></p>
<p>
May 2,2011 3:10 am | No comment </p>
<p align="center"></p>
</div> <!---fim da div conteudo--->
<div id="barra2"> <li id="categories-2" class="widget widget_categories"><h2 class="widgettitle">Colunas</h2>
<ul>
<li class="cat-item cat-item-13 current-cat"><a href="http://127.0.0.1:8888/wp/category/cinema" title="View all posts filed under Cinema">Cinema</a>
</li>
<li class="cat-item cat-item-12"><a href="http://127.0.0.1:8888/wp/category/tecnologia" title="View all posts filed under Tecnologia">Tecnologia</a>
</li>
</ul>
</li>
<li id="recent-posts-2" class="widget widget_recent_entries"> <h2 class="widgettitle">Publicado recentemente</h2>
<ul>
<li><a href="http://127.0.0.1:8888/wp/cinema/213/ " title="Mark Rufalo fala sobre os Vingadores">Mark Rufalo fala sobre os Vingadores</a></li>
<li><a href="http://127.0.0.1:8888/wp/tecnologia/na-velocidade-da-luz/ " title="Na velocidade da Luz">Na velocidade da Luz</a></li>
<li><a href="http://127.0.0.1:8888/wp/tecnologia/novidades-no-twitter/ " title="Novidades no Twitter">Novidades no Twitter</a></li>
</ul>
</li>
</div>
</div>
<div id="footer">
2011hora do cafe <!--<a href="http://127.0.0.1:8888/wp/feed">nosso rss</a>-->
</div>
<div id="rodape"><script type='text/javascript' src='http://127.0.0.1:8888/wp/wp-includes/js/admin-bar.js?ver=20110131'></script>
<script type='text/javascript' src='http://127.0.0.1:8888/wp/wp-includes/js/jquery/jquery.form.js?ver=2.02m'></script>
<script type='text/javascript' src='http://127.0.0.1:8888/wp/wp-content/plugins/contact-form-7/scripts.js?ver=2.2.1'></script>
<script type="text/javascript">
var imgdisp=0,imgfade=;
</script>
<div id="wpadminbar">
<div class="quicklinks">
<ul>
<li id="wp-admin-bar-my-account-with-avatar" class="menupop">
<a href="http://127.0.0.1:8888/wp/wp-admin/profile.php"><span><img alt='' src='http://0.gravatar.com/avatar/8248f9ce9c01218859dfd2ec6a8e2813?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G' class='avatar avatar-16 photo' height='16' width='16' />hal</span></a>
<ul>
<li id="wp-admin-bar-edit-my-profile" class="">
<a href="http://127.0.0.1:8888/wp/wp-admin/profile.php">Edit My Profile</a>
</li>
<li id="wp-admin-bar-dashboard" class="">
<a href="http://127.0.0.1:8888/wp/wp-admin/">Dashboard</a>
</li>
<li id="wp-admin-bar-log-out" class="">
<a href="http://127.0.0.1:8888/wp/wp-login.php?action=logout&_wpnonce=e1b8698ff3">Log Out</a>
</li> </ul>
</li>
<li id="wp-admin-bar-edit" class="">
<a href="http://127.0.0.1:8888/wp/wp-admin/edit-tags.php?action=edit&taxonomy=category&tag_ID=13">Edit Category</a>
</li>
<li id="wp-admin-bar-new-content" class="menupop">
<a href="http://127.0.0.1:8888/wp/wp-admin/post-new.php?post_type=post"><span>Add New</span></a>
<ul>
<li id="wp-admin-bar-new-post" class="">
<a href="http://127.0.0.1:8888/wp/wp-admin/post-new.php?post_type=post">Post</a>
</li>
<li id="wp-admin-bar-new-page" class="">
<a href="http://127.0.0.1:8888/wp/wp-admin/post-new.php?post_type=page">Page</a>
</li> </ul>
</li>
<li id="wp-admin-bar-comments" class="">
<a href="http://127.0.0.1:8888/wp/wp-admin/edit-comments.php">Comments </a>
</li>
<li id="wp-admin-bar-appearance" class="menupop">
<a href="http://127.0.0.1:8888/wp/wp-admin/themes.php"><span>Appearance</span></a>
<ul>
<li id="wp-admin-bar-widgets" class="">
<a href="http://127.0.0.1:8888/wp/wp-admin/widgets.php">Widgets</a>
</li>
<li id="wp-admin-bar-menus" class="">
<a href="http://127.0.0.1:8888/wp/wp-admin/nav-menus.php">Menus</a>
</li> </ul>
</li>
<li id="wp-admin-bar-updates" class="">
<a href="http://127.0.0.1:8888/wp/wp-admin/update-core.php"><span title='5 Plugin Updates'>Updates <span id='ab-updates' class='update-count'>5</span></span></a>
</li> </ul>
</div>
<div id="adminbarsearch-wrap">
<form action="http://127.0.0.1:8888/wp" method="get" id="adminbarsearch">
<input class="adminbar-input" name="s" id="adminbar-search" type="text" value="" maxlength="150" />
<input type="submit" class="adminbar-button" value="Search"/>
</form>
</div>
</div>
</div>
</body>
</html>Pessoal, acabei de resolver....
Fiz assim:
/editando a ctegoria cinema/
.category-cinema {
height:auto;
overflow:auto;
width:900px;
border: solid 1px #666666;
font-size:12px;
background-color:#FFFFFF;
margin-bottom:10px;
position:relative;
left: 50%;
margin-left: -450px;
}display:none;
}display:none;
}padding-left:5px;
padding-right:5px;
margin-right:5px;
width:690px;
*width:690px;
height:auto;
overflow:auto;
background-color:#E4E4E4;
float:left;
border:1px solid #434343;
margin-bottom:5px;
}foi mancada, bastava olhano no html...rsrs
".category-cinema #barra2"
Obrigado a todos pela atenção!!
Grande abraço!!!
Horacio!!!
entao,
pode ser idiotice minha, mas o " . " (ponto) chama pela classe, e o "#" chama pelo id...
as vezes você pode ter se confundido ai...
>
pessoal, boa noite, tudo bem com vocês?
talvez não seja o melhor lugar, mas como se trata de css...
Seguinte: tenho a div "tudo" e dentro dela, a div a, b, c e por aí vai...
tem como formatar a div "c" através da div tudo, como se fosse um elemento???
tipo: .tudo.c{color#000000}
algo assim...tem como???
Obrigado todos!!!
Grande abraço!!!
Horácio
.tudo .c
div.tudo .c
div.tudo div.c
=)