Help
Posted 16 February 2005 - 04:36 PM
Olá, lembro uma vez haver visto um site que estilizava com CSS o <p> tag dentro de outro <p> tag mas com estilos diferentes para o pirmeiro e o segundo ....alguem sabe como se faz isso mesmo?
Publicidade
|
|
Page 1 of 1
CSS. Como stilizar o P tag dentro de outro P tag? Como stilizar o P tag dentro de outro P
#2
=RSV= 
- Group: Moderadores
- Posts: 744
- Joined: 08-August 04
Posted 16 February 2005 - 05:45 PM
CODE
<html>
<head>
<title>TEsTE</title>
<style type="text/css"><!--
body{
padding:0px;
margin:0px;
text-align:center;
background-color:yellow;
}
#tudo{
margin:auto;
height:100%;
padding:50px;
width:600px;
text-align:center;
background-color:white;
}
.fora{
background-color:red;
margin:auto;
padding:auto;
border:1px solid black;
color:yellow;
width:200px;
height:200px;
position:relative;
}
.dentro{
background-color:blue;
border:1px solid black;
color:white;
width:160px;
height:160px;
margin-top:-180px;
margin-right:auto;
margin-left:auto;
position:relative;
}
--></style>
</head>
<div id="tudo">
<body>
<p class="fora">
<p class="dentro">testando</p>
</p>
</div>
</body>
</html>
<head>
<title>TEsTE</title>
<style type="text/css"><!--
body{
padding:0px;
margin:0px;
text-align:center;
background-color:yellow;
}
#tudo{
margin:auto;
height:100%;
padding:50px;
width:600px;
text-align:center;
background-color:white;
}
.fora{
background-color:red;
margin:auto;
padding:auto;
border:1px solid black;
color:yellow;
width:200px;
height:200px;
position:relative;
}
.dentro{
background-color:blue;
border:1px solid black;
color:white;
width:160px;
height:160px;
margin-top:-180px;
margin-right:auto;
margin-left:auto;
position:relative;
}
--></style>
</head>
<div id="tudo">
<body>
<p class="fora">
<p class="dentro">testando</p>
</p>
</div>
</body>
</html>
A linha de código seria mais ou menos essa (copie e cole no bloco de notas e salve como teste.htm)
Mas agora eu tenho dúvida, porque o p class="dentro"; não fica dentro do p class="fora"??????Pra fazer ficar dentro tive que colocar um atributo de margin-top negativo = -180px; certamente deve estar estranho, agora como resolver?
Basicamente é isso cara, vc define o p class no seu html, dá um título a ele e logo criar seus atrubutos no css, ex:background-color, text-align, font, enfim....
Até+
=RSV=
#3
Marcus VBP
- Group: Membros
- Posts: 948
- Joined: 06-June 03
Posted 17 February 2005 - 10:22 AM
vc pode fazer assim:
<p class="nome-qualquer-ae">
<p></p>
</p>
e no css vc faz:
.qualquer-nome-ae {
....
....
....
}
.qualquer-nome-ae p {
....
....
....
}
soh que ae qualquer paragrafo q vc colocar dentro de uma tag q tiver a classe .qualquer-nome-ae vai sofrer as alterações.
pq que em vez de vc usar <p> não usa div? eh muito mais semântico:
<div class="nome-qualquer-ae">
<p></p>
</div>
t+
CODE
<p class="nome-qualquer-ae">
<p></p>
</p>
e no css vc faz:
CODE
.qualquer-nome-ae {
....
....
....
}
.qualquer-nome-ae p {
....
....
....
}
soh que ae qualquer paragrafo q vc colocar dentro de uma tag q tiver a classe .qualquer-nome-ae vai sofrer as alterações.
pq que em vez de vc usar <p> não usa div? eh muito mais semântico:
CODE
<div class="nome-qualquer-ae">
<p></p>
</div>
t+
Posted 11 March 2005 - 11:57 AM
Share this topic:
Page 1 of 1
Similar Topics
| Topic | Forum | Started By | Stats | Last Post Info | |
|---|---|---|---|---|---|
|
abrir um SWF dentro do Flash
como q eu faço? |
Flash & ActionScript |
njr
|
|
|
|
|
Celular já pode ser usado como carteira virtual no Brasil
|
Notícias |
Notícias
|
|
|
|
|
Alternando Idioma
Tem como alternar |
Photoshop & Image Ready |
Romanholi
|
|
|
|
|
Linkar outro swf já chamando uma função??
|
Flash & ActionScript |
Benisher
|
|
|
|
|
Como faço isso??
Imagem sobe e desce.....efeito no flash |
Flash & ActionScript |
otbdhbin
|
|
|
|
|
duvida de como fazer AS2 + Mysql
no topico explico melhor e com detalhes |
Flash & ActionScript |
marc boss
|
|
|
|
|
Caixinhas de som
Tutorial de como fazer ... |
Tutoriais e artigos |
Glaucio
|
|
|
|
|
COMO CRIO UM JOGO DE PLATAFORMA?
Estou loko pra criar um fan-game do DMC |
Desenvolvimento de Jogos |
hab2006
|
|
Publicidade
|
|