Siga-nos em...
Follow us on Twitter Follow us on Facebook Watch us on YouTube
Registro

Alpha Servers
Resultados 1 a 4 de 4
  1. #1

    Avatar de Nerdzinhu
    Data de Ingresso
    Nov 2010
    Localização
    Meu quarto
    Idade
    27
    Posts
    90
    Agradecido
    0
    Agradeceu
    0
    Peso da Avaliação
    14

    Padrão Margin / Padding - CSS

    Mais um tópico que ninguem vai dar ateção mas vamos lá!

    Vi uma grande deficiencia nos sites dos usuarios IMP e , agora to tentando ajudar todos.


    ENTENDA PADDING E MARGIN


    PADDING:

    Padding , é um espaçamento interno que é utilizado para poder fazer como um PARAGRAFO .

    Como funciona ...
    Exemplo , irei criar uma div:

    HTML

    <div id="padding-exemplo"> Texto </div>


    Style CSS


    #padding-exemplo {
    padding:5px;}
    Vamos exemplificar agora sobre...

    padding-top: Cria um espaço acima da div.
    padding-bottom:
    Cria um espaço abaixo da div.
    padding-left: Cria um espaço a esquerda da div.
    padding-right: Cria um espaço a direita da div.

    Se você cria uma div com o width de 700 e coloca padding left de 20 , o tamanho da div na verdade ficará 720 px.
    se você quer a div de 700px com padding left de 20 , terá que fazer a width de 180px.



    MARGIN

    Margin é como uma margem que o CSS cria .
    Ela é como o posisionamento da div.

    EXEMPLO:

    HTML
    <div id="margin-exemplo">teste</div>
    CSS

    #margin-exemplo {
    margin:0 auto; }
    O " margin:0 auto; " centraliza a div porque é simples:
    Entenda a base do margin , ele é basiado nos lados horarios:

    margin :5px 5px 5px 5px;

    VERDE: TOPO
    LARANJA : DIREITA

    VERMELHO : BAIXO
    AZUL : ESQUERDA



    EXEMPLO 2 :

    HTML
    <div id="margin-exemplo">teste</div>
    CSS

    #margin-exemplo {
    margin:25px 25px; }


    CIMA BAIXO

    DIREITA ESQUERDA


    Espero ter deixado bem explicado para todos.

    PS: O POSISIONAMENTO HORARIO SERVE TANTO PARA PADDING QUANTO PARA MARGIN
    Última edição por Nerdzinhu; 20-02-2011 às 04:46 PM.

  2. #2

    Avatar de HLD
    Data de Ingresso
    Aug 2010
    Localização
    São Paulo
    Idade
    43
    Posts
    116
    Agradecido
    2
    Agradeceu
    2
    Peso da Avaliação
    15

    Padrão

    muito bom seus tutorial amigão vou da um estudada nos seu TT css
    "O SENHOR É O MEU PASTOR ,NADA ME FALTARÁ"!!

  3. #3

    Avatar de hamiltontsz
    Data de Ingresso
    Jan 2010
    Localização
    Goiânia
    Posts
    307
    Agradecido
    5
    Agradeceu
    3
    Peso da Avaliação
    19

    Padrão

    Olá seu tópico contem uma irregularidade de acordo com as regras, esta citando o nome de outro fórum, retire e evite alguma punição, obrigado e desculpe qualquer coisa.
    Última edição por hamiltontsz; 20-02-2011 às 04:15 PM.

  4. #4

    Avatar de Nerdzinhu
    Data de Ingresso
    Nov 2010
    Localização
    Meu quarto
    Idade
    27
    Posts
    90
    Agradecido
    0
    Agradeceu
    0
    Peso da Avaliação
    14

    Padrão

    Perdão é que eu vi que tinha dado ROLLBACK aqui na IMP , ai na preça de re-passar os conteudos ,nem vi.
    Desculpa (;

 

 

Informações de Tópico

Usuários Navegando neste Tópico

Há 1 usuários navegando neste tópico. (0 registrados e 1 visitantes)

Marcadores

Permissões de Postagem

  • Você não pode iniciar novos tópicos
  • Você não pode enviar respostas
  • Você não pode enviar anexos
  • Você não pode editar suas mensagens
  •