Em formação

Gato que parece madrugador

Gato que parece madrugador


We are searching data for your request:

Forums and discussions:
Manuals and reference books:
Data from registers:
Wait the end of the search in all databases.
Upon completion, a link will appear to access the found materials.

Gato que parece dobby e eu quero mostrá-lo como uma guia

Estou tentando criar uma guia com um gato.

Quero que fique exatamente igual ao dobby, mas sem a borda azul.

Aqui está a imagem:

http://www.imgur.com/fqjhxZK.png

A aba que estou tentando fazer é a primeira. Quero que seja exatamente assim, mas sem a borda azul e a imagem de fundo.

O código CSS que estou usando:

.tab.content

border-top: 1px solid # Budap

border-bottom: 1px solid # Budap

background-image: url ('http://www.coumba.com/wp-content/uploads/2014/04/Cat-in-Box-Wallpaper-with-Cats.jpg')

altura: 400px,

largura: 600px,

posição: relativa

margem: 0px auto 0px auto,

preenchimento: 20px 0px 0px 0px,

UMA:

A borda azul na primeira caixa deve-se à seguinte regra CSS:

.caixa

{

margem: 0px auto 0px auto,

largura: 300px,

altura: 400px,

alinhamento de texto: centro,

}

Se você não quer isso, apenas remova-o dessa classe.

E então, para remover a borda azul do segundo e do terceiro div, basta adicionar o seguinte CSS:

.tab.content

{

border-top: 0px solid #✓,

border-bottom: 0px solid #✓,

background-image: url ('http://www.coumba.com/wp-content/uploads/2014/04/Cat-in-Box-Wallpaper-with-Cats.jpg'),

altura: 400px,

largura: 600px,

posição: relativa,

margem: 0px auto 0px auto,

preenchimento: 20px 0px 0px 0px,

}

Você nem precisa da posição: relativa, aqui, não tem efeito.

O segundo e o terceiro divs têm a seguinte classe:

.gato

{

flutuar: certo,

altura: 150px,

largura: 60px,

alinhamento de texto: centro,

margem: 0px auto 10px auto,

}

Remover a borda azul no primeiro div deixará você com uma borda azul no segundo e no terceiro div (já que esses divs flutuam para a direita).

Se você quiser que eles fiquem no topo da guia, adicione o seguinte CSS:

.aba

{

margem: 0px auto,

largura: 600px,

altura: 100px,

posição: relativa,

}

.tab.content

{

border-top: 0px solid #✓,

border-bottom: 0px solid #✓,

background-image: url ('http://www.coumba.com/wp-content/uploads/2014/04/Cat-in-Box-Wallpaper-with-Cats.jpg'),

altura: 400px,

largura: 600px,

posição: relativa,

margem: 0px auto 0px auto,

preenchimento: 20px 0px 0px 0px,

}

Você precisa adicionar position: relative, to.tab porque isso permitirá que você posicione absolutamente o.cat div.

E você não precisa de position: relative, to.tab.content porque isso removerá a borda azul da parte inferior do .cat div.

A altura da guia é a soma da altura da div .cat e do topo da margem da div .cat. Então você pode mudar isso para o que quiser apenas brincando com isso.

Você também pode remover text-align: center, da classe.tab porque the.tab div já está centralizado de qualquer maneira.

O motivo pelo qual você está obtendo uma borda azul na parte inferior da div the.tab (no final da linha) é porque a largura: 600px, na classe.tab é maior do que a largura: 600px, no.tab .classe de conteúdo.

EDITAR:

Se quiser manter a borda da guia, você pode adicionar outra borda à primeira caixa (que deseja manter) e alterar as seguintes regras CSS:

.tab.content

{

border-top: 0px solid #✓,

border-bottom: 0px


Assista o vídeo: Humor gatos: Me disfrazé de negro (Pode 2022).


Comentários:

  1. Gakus

    Você não está certo. Tenho certeza. Nós vamos discutir isso. Escreva em PM, vamos conversar.

  2. Samukinos

    E o que se segue disso?

  3. Maimun

    Em algum lugar que já li algo da mesma forma, e praticamente palavra por palavra ... :)

  4. Lilian

    Sua opinião será útil

  5. Maclaine

    Concordo totalmente com a frase anterior



Escreve uma mensagem

Video, Sitemap-Video, Sitemap-Videos