Sobrepor banner com menu?

Question

Ol&aacute; amigos! recentemente estou cuidando do site de uma amiga e ela est&aacute; querendo dar uma implementada no site, ent&atilde;o montei no PHOTOSHOP uma ideia de site (o site ja existe) ent&atilde;o criei a seguinte:

[ATTACH]99807[/ATTACH]

Ja tenho todas as imagens prontas/ banner e etc... por&eacute;m n&atilde;o sei como faz para fazer o [COLOR=rgb(0, 0, 0)]MENU[/COLOR] ficar por cima do [COLOR=rgb(0, 0, 0)]banner1.gif, qual &eacute; o codigo que eu uso CSS certo?

o Site &eacute; esse https://4rdled.com.br/[/COLOR]

Answer

[INDENT]T&oacute;pico movido
[INDENT]
Da sala: Hardware Geral
Para sala: Programa&ccedil;&atilde;o, Scripts, Web e Banco de Dados[/INDENT]

[COLOR=#ff8000]JAPICHIN[/COLOR]
Moderador[/INDENT]

Answer

Antes de tudo voc&ecirc; dever&aacute; encapsular os elementos que deseja sobrepor dentro de um mesmo inv&oacute;lucro (ou componente Html).
Para isso eu sugiro uma se&ccedil;&atilde;o:
[INDENT][html] ... [/html][/INDENT]
Feito isto, transfira para dentro dela os objetos [FONT=Courier New][COLOR=#0080ff][/COLOR][/FONT] e [FONT=Courier New][COLOR=#0080ff][/COLOR][/FONT].
Agora, estabele&ccedil;a as posi&ccedil;&otilde;es de cada elemento dentro do documento:
[INDENT][code=CSS]#mainNav {position: absolute}
#navegacao {position: relative}
#myCarousel {position: relative} /* Essa nem precisa, pq j&aacute; existe no Bootstrap */[/code][/INDENT]
Pronto!

Outras medidas ser&atilde;o necess&aacute;rias para atender ao modelo proposto naquela imagem: Mudar o fundo do menu de branco para transparente e remover a borda inferior, configurar a fonte e as cores delas, etc, etc...

- Tenha um bom trabalho. :)

Answer

[QUOTE=esquiloesperto, post: 8163627, member: 72286]Antes de tudo voc&ecirc; dever&aacute; encapsular os elementos que deseja sobrepor dentro de um mesmo inv&oacute;lucro (ou componente Html).
Para isso eu sugiro uma se&ccedil;&atilde;o:
[INDENT][html] ... [/html][/INDENT]
Feito isto, transfira para dentro dela os objetos [FONT=Courier New][COLOR=#0080ff][/COLOR][/FONT] e [FONT=Courier New][COLOR=#0080ff][/COLOR][/FONT].
Agora, estabele&ccedil;a as posi&ccedil;&otilde;es de cada elemento dentro do documento:
[INDENT][code=CSS]#mainNav {position: absolute}
#navegacao {position: relative}
#myCarousel {position: relative} /* Essa nem precisa, pq j&aacute; existe no Bootstrap */[/code][/INDENT]
Pronto!

Outras medidas ser&atilde;o necess&aacute;rias para atender ao modelo proposto naquela imagem: Mudar o fundo do menu de branco para transparente e remover a borda inferior, configurar a fonte e as cores delas, etc, etc...

- Tenha um bom trabalho. :)[/QUOTE]
Olha eu tentei aqui e n&atilde;o deu certo...
fiz o seguinte, fui na p&aacute;gina index (onde est&aacute; o c&oacute;digo do menu) coloquei o c&oacute;digo do menu dentro de  depois fui no arquivo php do painel e coloquei o codigo css l&aacute; e n&atilde;o mudou nada....

o c&oacute;digo do menu &eacute; assim:

[php]

[/php]

o que ser&aacute; que estou fazendo errado?

Answer

S&oacute; com esse trecho que voc&ecirc; mostrou n&atilde;o d&aacute; pra saber.

Eu disse para criar a section exatamente conforme o exemplo. Os tr&ecirc;s pontinhos n&atilde;o precisa... E vai fazer isso na mesma posi&ccedil;&atilde;o onde os outros j&aacute; est&atilde;o, &eacute; claro.

Depois &eacute; s&oacute; levar pra dentro dela os dois elementos que mostrei.

Se n&atilde;o fez assim ent&atilde;o vai falhar mesmo.

Ferramentas

Mover Tópico