Trabalho de TIC HTML

Gonca2097

Membro
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 :/
 
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.
 
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{ ...}
 
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..
 
Back
Topo