Prin înregistrarea unei cutii poștale sau a oricărui alt serviciu, probabil că v-ați confruntat cu faptul că sunteți invitat să citiți acordul de utilizator înainte de a începe înregistrarea. Acordul este, de obicei, foarte mult timp și nimeni nu citește, astfel încât, în scopul de a economisi timp vizitator care vrea să faceți rapid clic pe butonul „Sunt de acord“, acordul de utilizator, de regulă, este plasat într-o cutie mică, cu o bară de defilare. Puteți obține rezultatul dorit în mai multe moduri.
Dacă acordul dvs. de utilizator constă doar în text simplu, îl puteți plasa . Dar dacă doriți să utilizați anteturi, imagini sau mese în interiorul unui bloc, primul lucru care vine în minte este utilizarea . Dar aceasta nu este o modalitate foarte bună de a rezolva problema. Deoarece conținutul cadrului este încărcat dintr-un alt document, acest lucru crește durata de încărcare a paginii întregi sau se poate întâmpla ca pagina cu acordul să nu fie încărcată în cadru. Prin urmare, această metodă nu este, de asemenea, foarte potrivită pentru noi.
Ce este capabil de CSS
Probabil, nu mulți oameni știu că puteți face un bloc mic cu o bară de derulare utilizând CSS. În acest caz, toate informațiile vor fi într-un singur document, nu în mai multe. Să luăm în considerare următorul exemplu.
Acest cod este plasat în "corpul" paginii noastre:
Și următoarea parte a codului ar trebui adăugată la stilurile de bază ale CSS, adică între etichete sau adăugați la fișierul cu stiluri:
Cel mai important atribut CSS din exemplul de mai sus este overflow. Acesta determină dacă blocul se va micșora la dimensiunea specificată de parametrii de lățime și înălțime și poate lua următoarele valori:
- vizibil - blocul este afișat complet, indiferent de înălțimea și lățimea date
- ascuns - este afișat cu lățimea și înălțimea date, dar fără bara de derulare, ceea ce face imposibilă vizualizarea întregului conținut al blocului
- auto - este afișată cu lățimea și înălțimea specificată și, dacă este necesar, browserul adaugă automat o bară de defilare verticală și orizontală
- derulați - există o bară de defilare orizontală și verticală, indiferent de mărimea conținutului blocului
Și apoi sunt deja familiare pentru toți parametrii care definesc localizarea textului în bloc, conținutul nostru bloc de a ne îndepărta de la marginile de culoarea și grosimea blocului cadrului, precum și culoarea barei de defilare.
Asta am obținut
Desigur, această metodă poate fi utilizată nu numai pentru a plasa un acord de utilizator. Într-un astfel de bloc, puteți pune articole, știri și alte tipuri de conținut.
Alte intrări după subiect în secțiunea de articole despre HTML și CSS