Bem vindo ao PROJECT-HTML
Aprenda mais sobre:
HTML, CSS, JavaScript, webmaster, Imagens, banners, wallpapers, videos aula, windows, utilitários para site/blogs, Jogos, animes e muito mais.
Basta se registrar!



 
InícioProject HTMLGaleriaFAQRegistrar-seConectar-se
Buscar
 
 

Resultados por:
 
Rechercher Busca avançada
Conectar-se
Nome de usuário:
Senha:
Conexão automática: 
:: Esqueci minha senha
Votação
Qual seu navegador favorito?
 FireFox
 Chrome
 Internet Explorer
 safari
 Netscape
 Opera
 Avant
Exibir resultados
Quem está conectado
2 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 2 Visitantes

Nenhum

O recorde de usuários online foi de 36 em 3/4/2016, 3:36 am
Últimos assuntos
» TAG´s (comandos)
4/8/2014, 10:15 am por robson

» Comandos básico de HTML - body (corpo da home page)
16/7/2014, 10:10 am por robson

» Apresentações aqui
15/7/2014, 4:14 pm por robson

» Como colocar "posts recomendados" no sou blog sou site.
24/3/2014, 8:05 pm por Otome

» Arquivo de ajuda sobre PHP, help para iniciantes e experientes
24/3/2014, 8:03 pm por Otome

» Imagens Exercício-6
22/3/2014, 5:19 pm por SY64

» Alinhamento de imagens
22/3/2014, 4:43 pm por SY64

» Link´s Exercicios-5
22/3/2014, 12:43 pm por SY64

» Criar um site passo a passo
1/8/2013, 4:41 pm por marlonsouzajs


Compartilhe | 
 

 Altura e largura

Ver o tópico anterior Ver o tópico seguinte Ir em baixo 
AutorMensagem
Diego
Admin
Admin
avatar

Masculino
Número de Mensagens : 321
Idade : 25
Localização : Aqui no PROJECT-HTML
Pontos : 5491
Reputação : 24
Data de inscrição : 04/07/2008

MensagemAssunto: Altura e largura   12/9/2010, 1:28 am

Até agora ainda não fizemos qualquer consideração sobre as dimensões dos elementos com que trabalhamos. Nesta lição veremos como é fácil atribuir uma altura e uma largura para um elemento.

  • width
  • height


Atribuindo largura [width]
A propriedade width destina-se a definir a largura de um elemento.

O exemplo a seguir constrói um box dentro do qual podemos digitar um texto:

Código:
div.box {
   width: 200px;
   border: 1px solid black;
   background: orange;
}

Atribuindo altura [height]
No exemplo acima a altura será determinada pelo conteúdo inserido no box. Você pode definir a altura de um elemento com a propriedade height. Como exemplo, vamos fazer a altura do box anterior igual a 500px:

Código:
div.box {
   height: 500px;
   width: 200px;
   border: 1px solid black;
   background: orange;
}


_________________
Quem pode faz, não copia!
[Você precisa estar registrado e conectado para ver esta imagem.]
s2 Diego e Barbara s2
Informações do meu PC:
Processador:Intel Core i5 760 @ 2.80GHz 8Mb cache
Placa mãe: ASUSTeK Computer INC. P7P55D-Deluxe
Memoria Ram: 4.0GB Único -Channel DDR3 @ 668MHz * 2 = 1333Mhz (9-9-9-24)
Placa de video: 512 MB GeForce 8400 GS (XFX Pine Group)
HD: 160GB SAMSUNG SAMSUNG HD161HJ (SATA)
Audio: SoundMAX Integrated Digital Audio
Sistema operativo: MS Windows 7 Ultimate 64-bit
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.projecthtml.tk
Mig_x2007
Aspirante
Aspirante


Masculino
Número de Mensagens : 19
Idade : 29
Experiencia em Webdesign : Basico
Pontos : 2669
Reputação : 1
Data de inscrição : 16/09/2010

MensagemAssunto: Nao entendi   17/10/2010, 12:35 pm

Desculpem-me mas eu nao entendi esta parte :(
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Diego
Admin
Admin
avatar

Masculino
Número de Mensagens : 321
Idade : 25
Localização : Aqui no PROJECT-HTML
Pontos : 5491
Reputação : 24
Data de inscrição : 04/07/2008

MensagemAssunto: Re: Altura e largura   17/10/2010, 12:55 pm

qual parte você não entendeu?

_________________
Quem pode faz, não copia!
[Você precisa estar registrado e conectado para ver esta imagem.]
s2 Diego e Barbara s2
Informações do meu PC:
Processador:Intel Core i5 760 @ 2.80GHz 8Mb cache
Placa mãe: ASUSTeK Computer INC. P7P55D-Deluxe
Memoria Ram: 4.0GB Único -Channel DDR3 @ 668MHz * 2 = 1333Mhz (9-9-9-24)
Placa de video: 512 MB GeForce 8400 GS (XFX Pine Group)
HD: 160GB SAMSUNG SAMSUNG HD161HJ (SATA)
Audio: SoundMAX Integrated Digital Audio
Sistema operativo: MS Windows 7 Ultimate 64-bit
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.projecthtml.tk
Mig_x2007
Aspirante
Aspirante


Masculino
Número de Mensagens : 19
Idade : 29
Experiencia em Webdesign : Basico
Pontos : 2669
Reputação : 1
Data de inscrição : 16/09/2010

MensagemAssunto: Re: Altura e largura   17/10/2010, 2:04 pm

nao percebi a parte do :

div.box {
width: 200px;
border: 1px solid black;
background: orange;
}



e depois a :



div.box {
height: 500px;
width: 200px;
border: 1px solid black;
background: orange;
}


Voltar ao Topo Ir em baixo
Ver perfil do usuário
Otome
Admin
Admin
avatar

Feminino
Número de Mensagens : 190
Idade : 25
Localização : *~ Project-HTML ~*
Experiencia em Webdesign : Medio
Pontos : 3746
Reputação : 15
Data de inscrição : 05/07/2008

MensagemAssunto: Re: Altura e largura   18/10/2010, 9:48 am

Amor, mostra como ficaria e onde ele insere o codigo, acho que isso vai ajudar a esclarecer um pouco mais..

eu só não explico por que ele entende muito melhor que eu.. nesta parte ainda sou noob

_________________
[Você precisa estar registrado e conectado para ver esta imagem.]
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://projecthtml.tk
Diego
Admin
Admin
avatar

Masculino
Número de Mensagens : 321
Idade : 25
Localização : Aqui no PROJECT-HTML
Pontos : 5491
Reputação : 24
Data de inscrição : 04/07/2008

MensagemAssunto: Re: Altura e largura   22/10/2010, 12:43 am

Vamos ver.. é que eu nao entendi muito bem a pergunta, mais vou tentar ajudar...

Box significa "CAIXA", ou seja, estou tentando fazer uma div (DIVISÃO) de uma box (CAIXA) div.box
vamos usar no HTML a tag div para identificar essa class:

Código:
<html>
<head>
<title>Teste Box</title>
</head>
<body>
<link rel="stylesheet" type="text/css" href="style.css"/>

<div class="box">
</div>

</body>
</html>

e no CSS a mesma coisa a div.box para identificar a tag do HTML div, ou seja, a class="box".

Código:
div.box {
  width: 200px;
  border: 1px solid black;
  background: orange;
}

com essa div.box usando só width, ou seja, largura vai ficar da seguinte forma a nossa box (CAIXA):

[Você precisa estar registrado e conectado para ver esta imagem.]

agora vamos apagar essa div.box que só tem width e fazer uma nova com width e height ou seja largura e altura:

Código:
div.box {
  height: 500px;
  width: 200px;
  border: 1px solid black;
  background: orange;
}

vamos mudar somente o código CSS pois o HTML esta com o nome certo, fazendo essa modificação no CSS vamos ver como ficou:

[Você precisa estar registrado e conectado para ver esta imagem.]

Bom acho que chegamos a um entendimento aqui agora.. espero ter ajudado

_________________
Quem pode faz, não copia!
[Você precisa estar registrado e conectado para ver esta imagem.]
s2 Diego e Barbara s2
Informações do meu PC:
Processador:Intel Core i5 760 @ 2.80GHz 8Mb cache
Placa mãe: ASUSTeK Computer INC. P7P55D-Deluxe
Memoria Ram: 4.0GB Único -Channel DDR3 @ 668MHz * 2 = 1333Mhz (9-9-9-24)
Placa de video: 512 MB GeForce 8400 GS (XFX Pine Group)
HD: 160GB SAMSUNG SAMSUNG HD161HJ (SATA)
Audio: SoundMAX Integrated Digital Audio
Sistema operativo: MS Windows 7 Ultimate 64-bit
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.projecthtml.tk
Mig_x2007
Aspirante
Aspirante


Masculino
Número de Mensagens : 19
Idade : 29
Experiencia em Webdesign : Basico
Pontos : 2669
Reputação : 1
Data de inscrição : 16/09/2010

MensagemAssunto: Re: Altura e largura   22/10/2010, 8:41 am

ahh pronto agora sim eu entendi!! muito obrigado !! :D
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Otome
Admin
Admin
avatar

Feminino
Número de Mensagens : 190
Idade : 25
Localização : *~ Project-HTML ~*
Experiencia em Webdesign : Medio
Pontos : 3746
Reputação : 15
Data de inscrição : 05/07/2008

MensagemAssunto: Re: Altura e largura   22/10/2010, 9:47 am

ushahushusaua

Que bom.


Te amo mor, parabens pela explicação s2

_________________
[Você precisa estar registrado e conectado para ver esta imagem.]
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://projecthtml.tk
Diego
Admin
Admin
avatar

Masculino
Número de Mensagens : 321
Idade : 25
Localização : Aqui no PROJECT-HTML
Pontos : 5491
Reputação : 24
Data de inscrição : 04/07/2008

MensagemAssunto: Re: Altura e largura   2/3/2011, 11:48 am

Obrigado pelos elogios

_________________
Quem pode faz, não copia!
[Você precisa estar registrado e conectado para ver esta imagem.]
s2 Diego e Barbara s2
Informações do meu PC:
Processador:Intel Core i5 760 @ 2.80GHz 8Mb cache
Placa mãe: ASUSTeK Computer INC. P7P55D-Deluxe
Memoria Ram: 4.0GB Único -Channel DDR3 @ 668MHz * 2 = 1333Mhz (9-9-9-24)
Placa de video: 512 MB GeForce 8400 GS (XFX Pine Group)
HD: 160GB SAMSUNG SAMSUNG HD161HJ (SATA)
Audio: SoundMAX Integrated Digital Audio
Sistema operativo: MS Windows 7 Ultimate 64-bit
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.projecthtml.tk
Conteúdo patrocinado




MensagemAssunto: Re: Altura e largura   

Voltar ao Topo Ir em baixo
 
Altura e largura
Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo 
Página 1 de 1
 Tópicos similares
-
» Altura e largura da imagem do forum >Nova msg, popular, fixo, etc
» Aumentar altura e largura das categorias do fórum
» personalizar-altura-e-largura-dos-avatares-nas-mensagens
» draw_set_blend_mode() - Iluminação fraca
» [Avatar] - Médio com animação

Permissão deste fórum:Você não pode responder aos tópicos neste fórum
 :: CSS - (Cascading Style Sheets) :: CSS - avançado-
Ir para: