Diminuir espaço

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Diminuir espaço

Mensagem por Bookmarlucas654 em 28/01/12, 04:40 pm

Qual é minha questão:
Bem, eu estou com um pequeno problema. Eu pedi ajuda aqui no FDF sobre o logotipo, que ao aproximar o mouse, o logotipo deslizava!

Bem, funcionou, mas, o código abriu um espaço no logotipo, olhem só:



Quando removo o CSS, ele fica normal, assim:



Ai, eu queria saber qual a parte do CSS que está dando esse espaço na área azul, e assim removê-lo! Aqui está o CSS:

Código:
#logo {
  width: 350px;
position: relative;
 background: url(http://i47.servimg.com/u/f47/17/17/49/06/logoti11.png);
  background-repeat: no-repeat;
text-indent: -9999px;
height: 160px;
display: block;
margin: 0 auto;
margin-bottom: 25px;
  -webkit-transition-duration: 3s;
  -moz-transition-duration: 3s;
  -o-transition-duration: 3s;
  transition-duration: 3s;

right: 0px;
  left: 0px;
top: 25px;
float: center;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
 
  overflow:hidden;
}


#logo:hover {
background: url(http://i47.servimg.com/u/f47/17/17/49/06/logoti11.png) 0px 0px;
    background-repeat: no-repeat;
  -webkit-transform:translate(100px);
  -moz-transform: translate(200px);
  -o-transform:translate(200px);
 }

#logo:active {
background: url(http://i47.servimg.com/u/f47/17/17/49/06/logoti11.png) 0px 0px;
    background-repeat: no-repeat;
  -webkit-transform:scale(15px);
  -moz-transform:scale(15px);
  -o-transform:scale(15px);
}

Agradeço desde já Piscada

Medidas que eu tomei para corrigir o problema:
Eu tentei verificar no código, mas não entendo muito :S

Imagens do meu problema:


Endereço do meu fórum:
http://habbojoy.forumeiros.com/

Versão do meu fórum:
PHPBB3
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Diminuir espaço

Mensagem por Bookmarlucas654 em 28/01/12, 04:42 pm

Bem, funcionou, mas, o código abriu um espaço no logotipo,

Errei, é no fundo do logotipo :S Na área que o logotipo fica Envergonhado E é a "ALTURA", entendem?
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Diminuir espaço

Mensagem por Bookmarlucas654 em 28/01/12, 04:50 pm

Podem fechar o tópico, eu já consegui! Era só alterar o height D; Ôôôô meu Deus, como sou buuuuuuuuuuuuuurro

Envergonhado

#logo {
width: 350px;
position: relative;
background: url(http://i47.servimg.com/u/f47/17/17/49/06/logoti11.png);
background-repeat: no-repeat;
text-indent: -9999px;
height: 98px;
display: block;
margin: 0 auto;
margin-bottom: 25px;
-webkit-transition-duration: 3s;
-moz-transition-duration: 3s;
-o-transition-duration: 3s;
transition-duration: 3s;

Código:
#logo {
  width: 350px;
position: relative;
 background: url(http://i47.servimg.com/u/f47/17/17/49/06/logoti11.png);
  background-repeat: no-repeat;
text-indent: -9999px;
height: 98px;
display: block;
margin: 0 auto;
margin-bottom: 25px;
  -webkit-transition-duration: 3s;
  -moz-transition-duration: 3s;
  -o-transition-duration: 3s;
  transition-duration: 3s;

right: 0px;
  left: 0px;
top: 25px;
float: center;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
 
  overflow:hidden;
}


#logo:hover {
background: url(http://i47.servimg.com/u/f47/17/17/49/06/logoti11.png) 0px 0px;
    background-repeat: no-repeat;
  -webkit-transform:translate(100px);
  -moz-transform: translate(200px);
  -o-transform:translate(200px);
 }

#logo:active {
background: url(http://i47.servimg.com/u/f47/17/17/49/06/logoti11.png) 0px 0px;
    background-repeat: no-repeat;
  -webkit-transform:scale(15px);
  -moz-transform:scale(15px);
  -o-transform:scale(15px);
}

Já consegui, podem fechar! Desculpa ae Envergonhado
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Diminuir espaço

Mensagem por Gaaratsu em 28/01/12, 04:51 pm

Olá,

Veja;

#logo {
width: 350px;
position: relative;
background: url(http://i47.servimg.com/u/f47/17/17/49/06/logoti11.png);
background-repeat: no-repeat;
text-indent: -9999px;
height: 150px;
display: block;
margin: 0 auto;
margin-bottom: 25px;
-webkit-transition-duration: 3s;
-moz-transition-duration: 3s;
-o-transition-duration: 3s;
transition-duration: 3s;

right: 0px;
left: 0px;
top: 25px;
float: center;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;

overflow:hidden;
}


#logo:hover {
background: url(http://i47.servimg.com/u/f47/17/17/49/06/logoti11.png) 0px 0px;
background-repeat: no-repeat;
-webkit-transform:translate(100px);
-moz-transform: translate(200px);
-o-transform:translate(200px);
}

#logo:active {
background: url(http://i47.servimg.com/u/f47/17/17/49/06/logoti11.png) 0px 0px;
background-repeat: no-repeat;
-webkit-transform:scale(15px);
-moz-transform:scale(15px);
-o-transform:scale(15px);
}

height: 150px - É a altura. Basta modificar o valor até ficar ao seu gosto.

Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5927
Pontos Ativos : 7405

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Diminuir espaço

Mensagem por Bookmarlucas654 em 28/01/12, 05:42 pm

Amigo, se notar, eu já resolvi o problema, podem fechar o tópico, mas, obrigado mesmo assim!

Piscada
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum