1. TugaTech » Programação, Scripts e Webmasters » Programação, Scripts e Webmasters
Siga-nos

Realize o Login na sua conta ou Registe-se para participar.

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

#1Dificuldade com divs (HTML e CSS) Empty Dificuldade com divs (HTML e CSS) - Ter 11 Nov 2014 - 19:17

Smeek

Super-membro
Smeek

Boas pessoal,

 

Poderá parecer um pouco estranho, mas estou com dificuldades em "alinhar" correctamente as minhas divs.

Utilizo a framework Bootstrap, e também o html de menú fixo, que acompanhará a página da mesma maneira que na rede social facebook.

 

Existe uma maneira de separar, sempre com o mesmo tamanho de espaço entre as duas divs, de acordo com a largura do menú? Smile

 



==========

  Anexo: problemadedivs.jpg

==========

 

 

Abraços.

#2Dificuldade com divs (HTML e CSS) Empty Re: Dificuldade com divs (HTML e CSS) - Ter 11 Nov 2014 - 19:33

DJPRMF

Administrador
DJPRMF

Boas,

 

Possui o código online? É que apenas por imagem é complicado de dizer. Wink

 

Cumps


____________________________________________

Dificuldade com divs (HTML e CSS) Tugatechuserbar
Dificuldade com divs (HTML e CSS) 3
Dificuldade com divs (HTML e CSS) 2
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

#3Dificuldade com divs (HTML e CSS) Empty Re: Dificuldade com divs (HTML e CSS) - Ter 11 Nov 2014 - 20:00

Smeek

Super-membro
Smeek

Está aqui uma pequena demonstração, daquilo que pretendo em que, na versão 2 o tal menú de navegação não conseguiu "acompanhar" esse espaço e aparece em cima da outra div em baixo (onde aparecerá o conteúdo).

 

Pretendo que essa solução não seja automática, e não dinâmica. Obrigado!! Smile

 

 

Versão 1: http://wptuga.com/tugatech/index.php

Versão 2: http://wptuga.com/tugatech/teste2.php

 

Abraços.

#4Dificuldade com divs (HTML e CSS) Empty Re: Dificuldade com divs (HTML e CSS) - Ter 11 Nov 2014 - 22:32

DJPRMF

Administrador
DJPRMF

Mas, neste caso, pretende manter os links do menu?

Porque o objectivo, normalmente, encontra-se em passar esses links para dentro daquele botão superior. Smile

 

No entanto, pelo que vejo e pelo que percebi, uma possibilidade será adicionar o CSS "margin-top: X%" em "col-md-12" ou na div "row".


____________________________________________

Dificuldade com divs (HTML e CSS) Tugatechuserbar
Dificuldade com divs (HTML e CSS) 3
Dificuldade com divs (HTML e CSS) 2
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

#5Dificuldade com divs (HTML e CSS) Empty Re: Dificuldade com divs (HTML e CSS) - Qua 12 Nov 2014 - 14:37

Smeek

Super-membro
Smeek

Isso apenas foi uma demonstração simples, porque não poderei colocar o conteúdo original do meu projecto por diversos motivos. Quanto aos links exemplares no menu superior, apenas serviu para "preencher" ou então aumentar a largura do menu.

 

Já experimentei essa solução, mas a "div inferior" não está a acompanhar o espaço entre ele e a "div superior".

Desculpa se fui um bocado confuso lol 

 

 

Edit: Se eu adicionar essa solução, e mais tarde, remover os links (por exemplo) fazendo que a largura do menu seja menor, a div do conteúdo não acompanha.

#6Dificuldade com divs (HTML e CSS) Empty Re: Dificuldade com divs (HTML e CSS) - Qua 12 Nov 2014 - 15:06

DJPRMF

Administrador
DJPRMF

Será isto?

http://pastebin.com/eKY3aa3P

 

 

Note que deve alterar a div inferior para reduzir o "espaço" no topo. Wink

A div "container" está com o css "padding-top: 82px;", que deve ser alterado.


____________________________________________

Dificuldade com divs (HTML e CSS) Tugatechuserbar
Dificuldade com divs (HTML e CSS) 3
Dificuldade com divs (HTML e CSS) 2
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

#7Dificuldade com divs (HTML e CSS) Empty Re: Dificuldade com divs (HTML e CSS) - Qua 12 Nov 2014 - 15:18

Smeek

Super-membro
Smeek

Depois de algumas tentativas como adicionar "position: inherit;" e remover isso "padding-top: 82px;",

finalmente consegui resolver o meu problema. Muito obrigado pela tua ajuda, DJPRMF 

 

Ps: Peço desculpa se fui um bocado confuso na minha questão.

 

Abraços.

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos




Aplicações do TugaTechAplicações TugaTechDiscord do TugaTechDiscord do TugaTechRSS TugaTechRSS do TugaTechSpeedtest TugaTechSpeedtest TugatechHost TugaTechHost TugaTech