estilizar div dentro e div

horacio2009 · Maio 3, 2011

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

Francispansa · Maio 3, 2011

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

=)

horacio2009 · Maio 3, 2011

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

Francispansa · Maio 3, 2011

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

horacio2009 · Maio 3, 2011

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>
<meta http-equiv="
Content-Type" content="text/html">
<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'>
/* <![CDATA[ */
var shutterSettings = {
msgLoading: "L O A D I N G",
msgClose: "Click to Close",
imageCount: "1"
};
/* ]]> */
</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" />
<!-- /all in one seo pack -->
<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 {
}
/* End Contact Form CSS */

</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">
html { margin-top: 28px !important; }
* html body { margin-top: 28px !important; }
</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;
}
.category-cinema #barra2{
display:none;
}
.category-cinema #barra2{
display:none;
}
.category-cinema #conteudo{
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!!!

- KbeçãO - · Maio 3, 2011

entao,

pode ser idiotice minha, mas o " . " (ponto) chama pela classe, e o "#" chama pelo id...

as vezes você pode ter se confundido ai...

Entrar

Arquivado

estilizar div dentro e div

Recommended Posts

horacio2009 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Francispansa 6

Compartilhar este post

Link para o post

Compartilhar em outros sites

horacio2009 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Francispansa 6

Compartilhar este post

Link para o post

Compartilhar em outros sites

horacio2009 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

- KbeçãO - 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante