Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde, alguem me consegue dizer como faco um paragrafo e ponho varias ao lado uns dos outros.... o meu codigo é
<!DOCTYPE html>
<html lang="pt-pt">
<head>
<link rel="stylesheet" href="style.css" media="all"/>
<title>Rodrigo Espada</title>
<center><p1>Site Pessoal</p1></center>
<h1>Rodrigo Espada</h1>
</head>
<body>
<center><img src="eu.jpg"/></center>
<h2>Informaçoes basicas</h2>
<p>Estudante do Colégio Atlântico com o 9ºAno de Escolaridade<br /> completo
, finalizado com media de 14 valores. Com forte aptênçia <br />para a área de Ciençias
, especificamente nas áreas de novas<br /> tecnologias e informática. Totalmente compremetido
na realização<br /> de tarefas e desafios apresentados, participativo e promovendo o<br /> trabalho
em equipa,
disto resulta alta eficácia nas soluções e resuldados finais.</p>
<!-- Este de baixo foi so para demonstar -->
<h2>Informaçoes basicas</h2>
<p>Estudante do Colégio Atlântico com o 9ºAno de Escolaridade<br /> completo
, finalizado com media de 14 valores. Com forte aptênçia <br />para a área de Ciençias
, especificamente nas áreas de novas<br /> tecnologias e informática. Totalmente compremetido
na realização<br /> de tarefas e desafios apresentados, participativo e promovendo o<br /> trabalho
em equipa,
disto resulta alta eficácia nas soluções e resuldados finais.</p>
</body>
</html>
CSS
p1{
font-size:11px;
}
h1 {
text-align:center;
font-size:60px;
font-family:Arial;
}
body{
background-image:url(background-images-for-websites-016.jpg);
background-repeat:no-repeat;
background-size: 2000px;
}
img {
border-radius: 50%;
height: 200px;
}
h2{
text-align:left;
text-indent:30px;
font-size:35px;
font-family:Arial;
}
p{
font-family:Arial;
font-size:17px;
}
Ajudem medesculpe sou muito iniciante na materia... criar divs sei como fazer mas depois como ponho ao lado um do outro
hum resoltou mais ou menos.... ficaram na mesma linha mas a primeira ficou completamente encostada á esquerda e as outras normais ou seja centralizadas como era suposto... eu ja vi se tinha algum align:left mas nada
A syntax do parágrafo é <p>Isso é um paragráfo.
Porém, para definir as limitações utiliza-se CSS.
Exemplo.
p {
margin-left: 30px; }
p1 {
margin-right: 40px;
}Nao estou a entender... pois o paragrafo foi o unico que ficou bem... ou seja, no meio
Veja o meu codigo e execute se calhar é mais facil
<!DOCTYPE html>
<html lang="pt-pt">
<head>
<link rel="stylesheet" href="style.css" media="all"/>
<title>Rodrigo Espada</title>
<center><p1>Site Pessoal</p1></center>
<h1>Rodrigo Espada</h1>
</head>
<body>
<center><img src="eu.jpg"/></center>
<div class="div">
<h2>Informaçoes basicas</h2>
<ul>
<li>09/01/2002(14 Anos de Idade)</li>
<li>Mora em azeitão( Rua das gaivotas lote 3)</li>
<li>Engenheiro Informatico</li>
</ul>
</div>
<div class="div">
<p>Estudante do Colégio Atlântico com o 9ºAno de Escolaridade<br /> completo
, finalizado com media de 14 valores. Com forte aptênçia <br />para a área de Ciençias
, especificamente nas áreas de novas<br /> tecnologias e informática. Totalmente compremetido
na realização<br /> de tarefas e desafios apresentados, participativo e promovendo o<br /> trabalho
em equipa,
disto resulta alta eficácia nas soluções e resuldados finais.</p>
</div>
<div class="div">
<h2>Outras Informaçoes</h2>
<ul>
<li>09/01/2002(14 Anos de Idade)</li>
<li>Mora em azeitão( Rua das gaivotas lote 3)</li>
<li>Engenheiro Informatico</li>
</ul>
</div>
</body>
</html>
---------------------------------------------------------------------------------------CSS----------------------------------------------------------
p1{
font-size:11px;
}
h1 {
text-align:center;
font-size:60px;
font-family:Arial;
}
body{
background-color: White;
}
img {
border-radius: 50%;
height: 200px;
}
h2{
text-align:left;
text-indent:30px;
font-size:35px;
font-family:Arial;
}
p{
font-family:Arial;
font-size:17px;
text-align:center;
}
ul{
font-family:Arial;
font-size:17px;
}
.div{
width:33%;
float:left;
}Se você quer criar diversos parágrafos em diferentes posições, você tem que defini-los no CSS.
Ali no seu código você definiu um p1.
No html ficaria assim:
<div class="p1">Lorem ipsum</div>
Se você quisesse adicionar outro parágrafo em outro lugar do site, não poderia usar a class "p1".
Pois digamos que essa class="p1" esteja como float: left e você quer colocar outro parágrafo no lado direito.
Cria uma nova classe como "p2" e utiliza no css float: right;Funciona assim,
a classe ".div" formata o elemento com 33% do tamanho da tela e posiciona um ao lado do outro, mas o conteúdo da div fica encostado na "borda" dele(por padrão fica alinhado à esquerda), o que precisa fazer seria adicionar o "padding" na div para que o conteúdo não fique encostado tão na borda
Ja percebi Obrigado a todos mas sou muito novo nisto
desculpem ser chato.... mas eu tenho 2 imagens (logos) que quero por na mesma linha, mas cada uma delas tem uma div porque percisei de ajustar o tamanho como faco se as divs tem nomes diferentes..... o meu code
<div class="redessociais">
<h2>Redes Sociais</h2>
<div class="facebook">
<a href="https://www.facebook.com/rodrigo.espada.10"><img src="facebook.png"></a>
</div>
<div class="instagram">
<a href="https://www.instagram.com/rmse932/"><img src="instagram.jpg"></a>
<div>
</div>
.facebook img{
border-radius:8px;
width:150px;
margin-left:200px;
}
.instagram img{
border-radius:8px;
width:150px;
margin-left:835px;
}quando preciso botar elemento lado a lado eu uso span no lugar de div. se botar display:inline-block no css do span dá pra botar toda formatação que precisar e com margin:auto deve ficar centralizado
Não entendí, você quer colocar um parágrafo ao lado do outro?
Se for isso, melhor criar DIVs e colocar um ao lado do outro