Eu estava criando um site, eu sou iniciante, tenho 14 anos mas quero trabalhar com isso, eu adoro designer, ai quando estava criando um CSS, o site tava normal, bonito...Quando fui ver ele em outro browser (Mozilla), ele ficou muito diferente, o menu ficou to tamando do \"link\" não do que eu determinei...
Ta exatamente assim: (eu usei um <link rel="stylesheet" type="text/css" href="css/main.css">
Ai eu fiz uma <ul id="menu> fui botando Li com <a href="#"> e no Internet Explorer, normal, mas no Mozilla por exemplo, cada botão do menu ficou to tamanho que eu escrevia o link!
O css (main.css), ta assim:
#menu {
padding:0 0 0 0;
margin:0 0 0 0;
}
#menu a {
width:150px;
height:30px;
background:#333333;
color:#FFFFFF;
padding:0 0 0 8px;
font:10/22pt Verdana, Arial, Helvetica, sans-serif;
border-top:1px solid #000000;
text-decoration:none;
}
#menu a:hover {
background:#CCCCCC;
color:#000000;
padding:0 0 0 19px;
text-decoration:underline;
}
Entenderam? E outras coisinhas também deram errado com o CSS... Vocês pode me ajudar?
Problemas Com Css Me Ajudem
Started By hughet, 30/09/2006, 09:58
2 replies to this topic
#2
Beraldo
-
- Usuários
-
- 100 posts
Normal
- Sexo:Não informado
- Localidade:Curitiba - PR
- Interesses:Muitos...
Posted 30/09/2006, 10:21
Não entendi. Você poderia mostrar uma página, para entendermos melhor?
Você pode colocar padding: 0 - assim como margin: 0, etc -, que esse zero será aplicado aos quatro "lados", sem precisar repetir o zero quatro vezes.
Já que você está começando, peço para que fique ciente da diferença de design e designer. Você faz design, sendo, assim, um designer. Muitos confundem esses dois termos. É bom ficar esperto.
Abraço
Você pode colocar padding: 0 - assim como margin: 0, etc -, que esse zero será aplicado aos quatro "lados", sem precisar repetir o zero quatro vezes.
Já que você está começando, peço para que fique ciente da diferença de design e designer. Você faz design, sendo, assim, um designer. Muitos confundem esses dois termos. É bom ficar esperto.
Abraço
Participe, apóie e divulgue: Eu Sei Escrever
Ajude a combater os spammers: Clique aqui - Spam Poison
Ajude a combater os spammers: Clique aqui - Spam Poison
Our world has got no borders
And in union we all stand
Heavy Metal is our promised land
#3
hughet
-
- Usuários
-
- 8 posts
Novato no fórum
- Sexo:Não informado
Posted 01/10/2006, 16:38
Resolvi quase tudo 
era só botar um display:block; para deixar o menu do jeito que eu queria!
E os outros foi soh retirar uns paddings, porque no Internet Explorer...
O padding "apenas arrasta", já no Mozilla, Opera, Netscape, ele "aumenta", não sei explicar, só testando, ao invez de so jogar pro lado, ele "aumenta" tudo, aumenta o botao...
Exemplo...
.btn {
...
height:30;
width:120;
padding:0 0 0 20;
}
<p class="btn">Botão</p>
No internet explorer ele vai ficar no width (largura) 120px com a letra 20px pra direita...
Já no Mozilla Firefox, Opera, Netscape e outros... Ele vai ficar com o texto 20px pra direita também, mas o botao vai aumentar o botao pra width 140px (120+20)...Saco?
era só botar um display:block; para deixar o menu do jeito que eu queria!
E os outros foi soh retirar uns paddings, porque no Internet Explorer...
O padding "apenas arrasta", já no Mozilla, Opera, Netscape, ele "aumenta", não sei explicar, só testando, ao invez de so jogar pro lado, ele "aumenta" tudo, aumenta o botao...
Exemplo...
.btn {
...
height:30;
width:120;
padding:0 0 0 20;
}
<p class="btn">Botão</p>
No internet explorer ele vai ficar no width (largura) 120px com a letra 20px pra direita...
Já no Mozilla Firefox, Opera, Netscape e outros... Ele vai ficar com o texto 20px pra direita também, mas o botao vai aumentar o botao pra width 140px (120+20)...Saco?
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)
