← HTML + CSS

[Dúvida] Duas bordas

Lida 2572 vezes

Offline

RM7 
Membro
Mensagens 127 Gostos 1
Feedback +3

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1 100 Posts

Boas, já estive a pesquisar mas não consigo colocar duas bordas no fórum, ou seja, colocar 1px cinzento da parte de fora e outro pixel branco por dentro, fazendo como nesta imagem:

[img]http://www.premiumpixels.com/img/tf-rss.png[img]

Não sei se será suficiente, mas deixo aqui o CSS da parte que quero fazer isso.

Citar
.ipsBox { background: #f1f0e9;
          border-left: 1px solid #c9cdd0;
          border-right: 1px solid #c9cdd0;
          border-bottom: 1px solid #c9cdd0;
 }
Offline

Demolition_Boy 
Membro
Mensagens 22 Gostos 0
Troféus totais: 21
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 4 Level 3 Level 2 Level 1 10 Posts First Post Signature

Offline

RM7 
Membro
Mensagens 127 Gostos 1
Feedback +3

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1 100 Posts

Offline

diogoosorio 
Membro
Mensagens 134 Gostos 1
Feedback +1

Troféus totais: 22
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Código: (html4strict) [Seleccione]
<!Doctype html>
<html>
<head>
<title>Teste CSS</title>

<style>
.outer {
width: 500px;
height: 300px;
border: 1px solid #c9cdd0;
border-bottom: none;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

.inner {
width: 498px;
height: 298px;
border: 1px solid #fff;
background: #f1f0e9;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
</style>
</head>
<body>
<div class="outer">
<div class="inner">

</div>
</div>
</body>
</html>

Isto?
Offline

RM7 
Membro
Mensagens 127 Gostos 1
Feedback +3

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1 100 Posts

Sim, só que não percebo muito de programação e queria incorporar isso no código que coloquei no primeiro post.
Offline

Demolition_Boy 
Membro
Mensagens 22 Gostos 0
Troféus totais: 21
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 4 Level 3 Level 2 Level 1 10 Posts First Post Signature

Não é nada de outro mundo.

Não quero ser mauzinho, mas não te faz mal nenhum perder algum tempo a perceber como se faz. Há várias maneiras de o fazer. Escolhes uma, tentas fazer, mostras o que fizeste e o pessoal ajuda-te.

Se for alguém a fazer-te isso, não aprendes nada. E as almas caridosas que te possam fazer isso "á pala", não vão estar disponíveis para te fazer o trabalhinho á borliu de cada vez que queiras alterar alguma coisa no site/forum.

Como diz o ditado.. "Em vez de dares comida, dá-lhe uma vara e ensina-lhe a pescar."
Offline

oscarino 
Membro
Mensagens 618 Gostos 0
Feedback +4

Troféus totais: 22
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 500 Posts 100 Posts

Sim, só que não percebo muito de programação e queria incorporar isso no código que coloquei no primeiro post.

Sabes que a preguiça não ajuda muito!
Offline

RM7 
Membro
Mensagens 127 Gostos 1
Feedback +3

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1 100 Posts

Não é nada de outro mundo.

Não quero ser mauzinho, mas não te faz mal nenhum perder algum tempo a perceber como se faz. Há várias maneiras de o fazer. Escolhes uma, tentas fazer, mostras o que fizeste e o pessoal ajuda-te.

Se for alguém a fazer-te isso, não aprendes nada. E as almas caridosas que te possam fazer isso "á pala", não vão estar disponíveis para te fazer o trabalhinho á borliu de cada vez que queiras alterar alguma coisa no site/forum.

Como diz o ditado.. "Em vez de dares comida, dá-lhe uma vara e ensina-lhe a pescar."

Isso seria muito bonito se eu não o fizesse e se tudo aquilo que ainda sei não tivesse aprendido sozinho. Pesquisar, tentar e alterar é o que tenho feito à diversos anos e vou-me safando, mas há pequenas coisas que não consigo mesmo, pois não é a minha área.

Neste caso já tentei e voltei a tentar e não resulta, daí que tenha vindo pedir ajuda. ;)
Offline

Eduardo Santos 
Equipa
Mensagens 1097 Gostos 1
Feedback +4

Troféus totais: 29
Trófeus: (Ver todos)
Tenth year Anniversary Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Não sei qual é a dúvida. Com o tutorial que te deram fazes isso a brincar. ;)