← Desenvolvimento

Ajuda com Código

Lida 2137 vezes

Offline

FilipeMacau 
Membro
Mensagens 47 Gostos 0
Troféus totais: 17
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 3 Level 2 Level 1 10 Posts First Post Signature Karma

Boa noite pessoal :)

É o seguinte, eu tenho este pedaço de código...

.geral {
   width: 900px;
   margin-right: auto;
   -moz-border-radius-top-left: 0px;
   -moz-border-radius-top-right: 0px;
   -moz-border-radius-bottom-left: 20px;
   -moz-border-radius-top-right: 20px;
   border-radius-top-left: 0px;
   border-radius-top-right: 0px;
   border-radius-bottom-left: 20px;
   border-radius-bottom-right: 20px;
   margin-left: auto;
   background-image: url(imgs/bg_content.png);
   height: 900px;
}
[/b]

Que supostamente deveria criar-me uma caixa, apenas com os cantos inferiores arredondados... O problema é que não funciona, e quando o ponho assim:

.geral {
   width: 900px;
   margin-right: auto;
   -moz-border-radius: 20px;
   border-radius: 20px;
   margin-left: auto;
   background-image: url(imgs/bg_content.png);
   height: 900px;
}
[/b]

Ele põe os 4 cantos arredondados, quando aquilo que pretendo é apenas os cantos inferiores...

Talvez eu esteja a complicar a situação desnecessariamente, mas se pudessem ajudar, ficaria bastante agradecido :)

Cordeais Cumprimentos.
--
Filipe Macau
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

http://jsfiddle.net/PBPET/3/

Código: (css) [Seleccione]
.geral {
   width: 900px;
   margin-right: auto;
   -moz-border-radius-topleft: 0px;
   -moz-border-radius-topright: 0px;
   -moz-border-radius-bottomleft: 20px;
   -moz-border-radius-bottomright: 20px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
   margin-left: auto;
   background-color: red;
   height: 900px;
}

O que não faltam para ai são geradores deste tipo de classes CSS. E convenhamos que é um daqueles problemas que um bocadinho de Google, coiso... mas pronto, como já deves ter percebido "inventaste" propriedades CSS que não existem. :)
Offline

FilipeMacau 
Membro
Mensagens 47 Gostos 0
Troféus totais: 17
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 3 Level 2 Level 1 10 Posts First Post Signature Karma

Obrigada Diogo :D

Pois eu compreendo, mas de momento a minha ligação à Internet não é das melhores... :/

Mais uma vez, obrigado :)
Offline

Bruno Gaspar 
Membro
Mensagens 242 Gostos 1
Feedback +3

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

E porque nao usas:
Código: [Seleccione]
.geral {
   width: 900px;
   margin-right: auto;
   -webkit-border-radius: 0 0 20px 20px;
   -moz-border-radius: 0 0 20px 20px;
   -o-border-radius: 0 0 20px 20px;
   border-radius: 0 0 20px 20px;
   margin-left: auto;
   background-color: red;
   height: 900px;
}
Fica mais organizado na minha opinião.