Jump to content
Sign in to follow this  
BrunoT

Margem grande e hover em botão

Recommended Posts

BrunoT

Boa Tarde,

Mais uma vez preciso da vossa ajuda para algo que penso que se resolve facilmente. São dois problemas que tenho, não sei se estou a infrigir alguma regra, isto é, se sou obrigado a por os problemas em tópicos separados.

O site é este: http://www.foodmoods.org/launch/

O primeiro problema reside naquele espaço enorme em branco entre o formulário da newsletter e o icon. Eu consigo resolver pondo o icon e o resto das coisas com position: relative e por o top a negativo, mas queria perceber porque é que isto acontece e como resolver de uma forma mais "normal".

O outro problema é que queria por outra imagem quando o rato fica hover nas setas do slide e nos icons de facebook/twitter. Já tentei com a propriedade :hover do css, mas as imagens "novas" fica por baixo das outras e assim não se consegue ver as imagens.

Obrigado

Share this post


Link to post
Share on other sites
HappyHippyHippo

não estou a perceber que a que icon te referes, só existe uma caixa de texto e um botão, de icon : nada

que código estás a usar para trocar as imagens ? é que se aparece por baixo, então estás a usar a propriedade :hover nos componentes errados.


IRC : sim, é algo que ainda existe >> #p@p

Share this post


Link to post
Share on other sites
BrunoT

Se puxares a página para baixo vês ao que me refiro ;)

Quanto ao "hover" vou voltar a por como tinha para ser mais fácil veres.

Obrigado, és sempre tu a salvar-me ;)

Share this post


Link to post
Share on other sites
HappyHippyHippo

Se puxares a página para baixo vês ao que me refiro ;)

Quanto ao "hover" vou voltar a por como tinha para ser mais fácil veres.

Obrigado, és sempre tu a salvar-me ;)

eu puxei a página para baixo ...

só tem uma imagem do lado esquerdo, texto no meio, e lixo no lado direito. a separa tem uma imagem desnecessariamente grande com 1352px de largura !!!


IRC : sim, é algo que ainda existe >> #p@p

Share this post


Link to post
Share on other sites
HappyHippyHippo

Tipo adicionares isto?

#line {
  height: 100px;
}

isso resolveria se ele não tivesse um elemento escondido que irá aparecer em cima de tudo quando fizeres o registo na newsletter

o layout deveria ser TODO reformulado

este são os casos mais gritantes no css:

- usar o "position: absolute" só em casos mesmo necessários

- nunca usar um tag <img> para fazer de background

- uma linha pode ser feita com css, sem uso a uma imagem


IRC : sim, é algo que ainda existe >> #p@p

Share this post


Link to post
Share on other sites
BrunoT

isso resolveria se ele não tivesse um elemento escondido que irá aparecer em cima de tudo quando fizeres o registo na newsletter

o layout deveria ser TODO reformulado

este são os casos mais gritantes no css:

- usar o "position: absolute" só em casos mesmo necessários

- nunca usar um tag <img> para fazer de background

- uma linha pode ser feita com css, sem uso a uma imagem

É o que irei fazer. Como faço para por a imagem em background sem usar a tag img ?

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.