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 em baixo  Mensagem [Página 1 de 1]

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

Smeek

Avançado
avatar

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.

Ver perfil do usuário

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

DJPRMF

Administrador
avatar

Boas,

 

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

 

Cumps


____________________________________________




Não respondo a MP's de tópicos que podem ser colocados no forum. Ajude e seja ajudado por todos.
TugaTech | Host TugaTech
Ver perfil do usuário http://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF https://plus.google.com/+PedroFernandes-DJPRMF?rel=author

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

Smeek

Avançado
avatar

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.

Ver perfil do usuário

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

DJPRMF

Administrador
avatar

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".


____________________________________________




Não respondo a MP's de tópicos que podem ser colocados no forum. Ajude e seja ajudado por todos.
TugaTech | Host TugaTech
Ver perfil do usuário http://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF https://plus.google.com/+PedroFernandes-DJPRMF?rel=author

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

Smeek

Avançado
avatar

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.

Ver perfil do usuário

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

DJPRMF

Administrador
avatar

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.


____________________________________________




Não respondo a MP's de tópicos que podem ser colocados no forum. Ajude e seja ajudado por todos.
TugaTech | Host TugaTech
Ver perfil do usuário http://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF https://plus.google.com/+PedroFernandes-DJPRMF?rel=author

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

Smeek

Avançado
avatar

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 perfil do usuário

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

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




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