Cum fac ca site-ul sa se adapteze la orice rezolutie?

Salut,in primul rand imi cer scuze daca nu am postat unde trebuie si problema mea este:
Am facut un site destul de frumusel si eu prostul de mine nu m-am gandit ca trebuiue sa fie compatibil si cu alte rezolutii asa ca am facut site-ul dupa rezolutia laptopului meu si pe cand am intrat de pe pc meu care are rezolutie mai mare am observat ca videoclipurile, imaginili, logo-ul toate s-au deformat cum fac sa ramana in aceasi pozitie si sa se adapteze la toate rezolutiile site-ul este html si css facut cu Notepad.

Poti incepe cu astea:
http://www.w3schools..._responsive.asp
http://learn.shayhow...ive-web-design/
https://www.thesitew...ve-design.shtml

Edited by tigerheart, 25 October 2016 - 20:16.

trebuie sa inveti media query si bootstrap

Salut ms de ajutor, problema e ca nu ma am cu engleza nu inteleg mare lucru, stiu unde sa pun acele coduri dar imi amesteca tot continutul.

Daca stii unde sa pui acele coduri atunci inseamna ca nu pui ce trebuie in coduri.. Invata mai bine engleza si css-ul si cu siguranta o sa iasa cum trebuie, doar asa vei putea invata mai rapid si eficient.

Salut, fara engleza mai greu sa faci progrmare... toate sunt prescurtari de cuvinte din engleza, ex: B din word ca si cel din html vine de la BOLD dar cand intri in php cu if atunci e mai complicat

Salut.
Alege-ti un breakpoint si pe urma targheteaza fiecare element pe care il vrei modificat, in CSS. Il poti modifica sa apara cum doresti pe dispozitive mai mici, sau mai mari de anumite dimensiuni. Insa, asta e doar o parte, face doar sa schimbe proprietatile elementelor targhetate cand dimensiunea browserului atinge breakpoint-ul.

Exemplu:

@media (max-width: 600px) {
  .clasa1 (sau "#id1") {

  padding-left: 5px; margin: auto;

  }

.clasa2 (sau "#id2") {

  color: #ffffff; font-size: 12px;
  }


}

In exemplul de mai sus, cand dimensiunea browserului este mai mica de 600px, elementele targhetate isi schimba proprietatile in cele definite mai sus. Te poti juca cu ele sa iti "asezi" elementele website-ului cum doresti. Atat pot sa iti raspund la dimensiunea browserului, pentru "rezolutii" nu ma pricep, poate te ajuta restul de pe aici.
Pentru altceva, invata engleza si bootstrap.
Si pune link-ul aici.

Ce fel de site este? Doar html sau ai si altceva in el?

Indiferent cum e facut, poate fi facut sa se adapteze la orice rezolutie.

intra pe http://getbootstrap.com/, activeaza in chrome optiunea de traducere si o sa il ai in romaneste. nu e o  traducere perfecta, dar cred ca vei intelege cum functioneaza bootstrap. ideea e sa nu incerci direct pe situl tau ci sa faci ceva mai simplu pana te prinzi cum functioneaza, sunt cateva exemple chiar la ei pe site. dupa ce te prinzi poti face ceva mai complex. si nu uita ca google este prieten de nadejde.