1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Trabalho de TIC HTML

Discussão em 'Web Development' iniciada por Gonca2097, 8 de Maio de 2018. (Respostas: 5; Visualizações: 342)

  1. Boa tarde , estou a fazer um trabalho em html e css. Mas juro este professor está se pouco **... se aprendemos ou não e isto conta para a média final...

    Eu precisava de ajuda .

    O Tema que o prof deu foi Musicas e videos.

    E até agora tenho isto :
    https://prnt.sc/jfe8hv

    Codigo:

    Index.html:
    http://prntscr.com/jfe8u8

    style.css:
    http://prntscr.com/jfe94m

    search.css:
    http://prntscr.com/jfe9px

    Provavelmente deve estar muita coisa mal.

    Queria ajuda na barra de procura. Queria colocar ela no lado direito da barra "menu".
    http://prntscr.com/jfeahg
    Como neste site ^^

    E um menu responsivo que por exemplo. Quando eu diminuo a pagina , no meu aparece a barra de "slide" como do lado -> para mover o menu.

    Eu queria que aparece se sla, por exemplo uns 3 traços e que ao clicar , mostra se o menu.

    Sei que é pedir muito mas estou com muita dificuldade nisto :/
     
  2. Olá,

    Utiliza bootstrap para formatar isso: http://getbootstrap.com/ é só injectares as dependências e usar as classes, a documentação é muito fácil de entender, é só veres o que queres, copiar e colar, e adaptar.

    Boa sorte!
     
  3. Minguno

    Minguno Power Member

    Tens de a alinhar top-right é a taga acho eu. Faz o align no div correspondente. Para que te apareçam 3 traços eles têm de estar criados dentro de cada div um traço.
     
  4. Tec_Fil

    Tec_Fil Power Member

    Viva,

    Podes colocar o input field do search na div que estás a usar para a navigation bar do menu. Feito isso aplicas um classname ao input para lhe aplicares estilos diretamente sem andares com nth-child(x) e por aí adiante.

    Algo do género:
    HTML
    <div className="navigationBar">
    <a>...</a>
    <a>...</a>
    <a>...</a>
    <input className="searchField">...</input>
    </div>

    CSS
    .navigationBar{ ...}
    .searchField{ ...}
     
  5. Se eu fizer isso , é verdade que fica na barra do menu , mas o problema é que continua no mesmo lugar. A barra preta é que aumenta para baixo, e tentei usar margin-top or bottom e nada deu , apenas da para mover para baixo e para os lados , nunca no meio da barra ao lado do home etc..
     

Partilhar esta Página