Kur krijoni një tabelë në Excel, zakonisht duhet të rregulloni madhësinë e qelizave - t'i bëni ato më të mëdha ose më të vogla. Për t'i bërë ato të njëjta në lartësi dhe gjerësi, shumë përdorues përpiqen të lëvizin rrëshqitësin "me sy". Edhe pse cilësimi tregon boshllëkun në numra, kjo metodë nuk është shumë e përshtatshme dhe kërkon shumë kohë.
Në disa raste, ju duhet të vendosni dimensionet e sakta fusha
Hapësira e një kolone në një tabelë Excel mund të jetë çdo vlerë midis 0 dhe 255 njësive. Ai përcakton numrin e karaktereve që do të përshtaten në një objekt që është formatuar duke përdorur fontin bazë. Vlera bazë e diapazonit vertikal është 8.43 njësi. Nëse vendoset në zero, rreshti vertikal do të fshihet.
Lartësia e shiritit në tabelën Excel mund të vendoset në rangun nga 0 në 409 njësi. Ashtu si me gjerësinë e kolonës, vendosja e saj në zero do të fshehë shiritin, vetëm se këtë herë është horizontal. Njësia horizontale e lartësisë së rreshtit korrespondon me afërsisht 0,035 centimetra ose 1/72 e inçit. Vlera bazë është 12.75 pikë.
Kur punoni në pamjen e paraqitjes së faqes, mund të specifikoni madhësinë e shiritit të objekteve në centimetra, milimetra ose inç. Për të ndryshuar masën, klikoni "File" - "Opsione" dhe në kategorinë "Advanced", gjeni seksionin "Ekrani". Në menynë rënëse "Njësitë për vizore", vendosni sistemin e masave që ju përshtatet më së miri.
Hapësira horizontale e një rreshti objektesh është rregulluar për të akomoduar numra ose fjali më të gjata. Kjo bëhet sipas disa parimeve:
- Për të ndryshuar vlerën e një kolone, tërhiqni kufirin e saj të djathtë majtas ose djathtas, duke vendosur vlerën e dëshiruar.
- Për të vendosur një numër arbitrar, zgjidhni ato dhe tërhiqni kufirin e cilitdo. Për të modifikuar dy ose më shumë vargje vertikale jo ngjitur, zgjidhni të parën, mbani shtypur Ctrl dhe klikoni mbi të tjerët. Ngjitur - zgjidhni skajin majtas ose djathtas, më pas mbani Shift dhe zgjidhni të kundërtën.
- Për të aplikuar redaktimin në të gjitha kolonat, së pari kontrolloni ato në butonin e duhur (në kryqëzimin e shënimit të numrave dhe Shkronjat latine) ose shtypni Ctrl + "A".
E vetmja pengesë e variantit është se nuk është shumë i saktë.
Si të vendosni madhësinë e kolonës përmes formatimit
Algoritmi:
- Zgjidhni një numër arbitrar kolonash;
- Në madhësinë e qelisë, klikoni në Gjerësia e kolonës;
- Futni një vlerë në fushë.
Si të bëhet hapësira ndërmjet kufijve të kolonave të barabarta
Nëse keni nevojë të ndryshoni vlerën në mënyrë që të jetë e barabartë me vlerën e një tjetri:
- Shënoni objektin me treguesin e dëshiruar;
- Në grupin Clipboard në skedën kryesore, klikoni Kopjo;
- Në të njëjtin vend, klikoni në menunë rënëse nën "Fut" dhe zgjidhni lidhjen " Insert i veçantë" (në fund);
- Në zonën Fut, klikoni në Gjerësia e kolonës.
Ju gjithashtu mund të zgjidhni dy ose më shumë breza në tabelë dhe më pas të rregulloni cilindo prej tyre me treguesin e miut. Redaktimi do të zbatohet për të gjithë.
Si të vendosni gjerësinë e paracaktuar të të gjitha rreshtave vertikale
Madhësia e shiritit ju tregon përafërsisht sa karaktere në fontin bazë do të përshtaten në element. Ju mund të specifikoni eigenvalue për kolonën, e cila do të aplikohet si parazgjedhje:
- Për një fletë - shënojeni me klikimin e majtë të miut;
- Për shumë faqe - zgjidhni ndonjë, pastaj klikoni mbi të tjerat duke mbajtur Ctrl;
- Për të gjithë librin - klikoni në çdo faqe çelësi i djathtë miun dhe klikoni "Zgjidhni të gjitha fletët".
- Në skedën "Home", klikoni "Format";
- Në zonën e madhësisë së qelizës, zgjidhni Gjerësinë e paracaktuar;
- Futni një vlerë të re në fushë.
Si të bëni një shabllon për krijimin e fletëve dhe librave
Për të vendosur parametrat e elementeve në fletët e ardhshme dhe librat Excel, mund të krijoni shabllone. Bazuar në to, tabelat e reja do të kenë parametra të personalizuar. Për këtë ju duhet:
- Hapni librin që dëshironi të përdorni si shabllon;
- Klikoni "File" - "Ruaj si";
- Vendosni emrin e shabllonit në "Emri i skedarit";
- Në menynë rënëse "Lloji i skedarit", klikoni " shabllon excel” ose analoge të tij “me mbështetje makro”, nëse janë në libër dhe do të nevojiten në të ardhmen;
- Klikoni Ruaj.
Dokumenti do të zhvendoset në dosjen e shablloneve, ku duhet të zgjidhet për të krijuar një libër herën tjetër.
Si të redaktoni hendekun e një rreshti horizontal me miun
Këtu, si në rastin e gjerësisë, duhet të shënoni një numër arbitrar të kolonave vertikale, pastaj tërhiqni çdo kufi. Lëvizja lart do ta bëjë objektin më të madh dhe lëvizja poshtë do ta bëjë atë më të vogël.
Si të vendosni hapësirën horizontale të hapësirës përmes formatimit
Algoritmi:
- Shënoni një numër arbitrar kolonash;
- Në skedën "Home", gjeni zonën "Qelizat" dhe klikoni "Format";
- Në madhësinë e qelisë, klikoni Lartësia e rreshtit;
- Futni një vlerë në fushë.
Ndryshimi automatik në varësi të përmbajtjes së elementeve
Falë këtij funksioni, vetë elementët do të modifikojnë vlerën në varësi të sasisë së të dhënave që u janë shkruar:
- Zgjidhni një numër arbitrar kolonash;
- Në grupin "Qelizat" në skedën kryesore, klikoni "Format";
- Në madhësinë e qelisë, klikoni Përshtatja automatike e kolonës Gjerësia (ose Lartësia).
Kjo mund të bëhet gjithashtu duke klikuar në skajin e djathtë të shiritit vertikal dhe në skajin e poshtëm të shiritit horizontal (ndonjë nga ato të kontrolluara).
Në vitin 2006, shumica e përdoruesve kishin një ekran monitori 800*600. Por koha është e paepur dhe në një moment 1024*768 u bë "normale". Burimet e uebit të synuara në rezolucion më të ulët tani kanë hapësirë boshe në anët. Ata filluan të fitojnë gjithnjë e më shumë popullaritet, të cilat krijohen duke përdorur
- @Media,
- vlerat relative.
@Media CSS
Për të përshtatur dizajnin e projektit të ueb-it me pajisje të ndryshme (telefonat celularë, tableta, printera etj.) përdoret nga @Media. Nga të gjitha varietetet, llojet dhe pyetjet, si rregull, zbatojnë gjithashtu gjerësinë. Le të shqyrtojmë të fundit. Ndikon në shfaqjen e faqes në një dritare të shfletuesit me gjerësi të ndryshme. Prandaj, për ta parë atë në veprim, mjafton të zvogëloni madhësinë e dritares së shfletuesit.
Provojeni tani. Dhe do të shihni se si panel anësor ky blog shpërbëhet (kërkimi shkon poshtë, përmbajtja shkon në trupin e artikullit), listat zvogëlohen në meny, mbishkrimi "Data e përditësuar" hiqet, etj.
Paraqitja me vlerat fillestare të bllokut është specifikuar. Shtoni rregullat përpara etiketës
@media (gjerësia maksimale: 930 px) ( /* kjo do të shfaqet kur rezolucioni i monitorit është deri në 930 px */.përmbajtje-mbështjellës (mbushje: 0;) /* përmbajtja kryesore zë të gjithë hapësirën e dritares */) @media (gjerësia maksimale: 930 px) dhe (gjerësia minimale: 470 px) ( /* për rezolucionin e ekranit midis 470 dhe 930 piksele */ mënjanë (pozicioni: statik; gjerësia: 100%; sfondi: #ccc;) /* shiriti anësor lëviz sipas pozicionit në HTML dhe ndryshon sfondin */) @media (gjerësia maksimale: 469 px) ( /* nëse rezolucion maksimal ekrani do të jetë 469 piksel */ trupi (fonti: .9em/1em "Helvetica Neue",Arial,Helvetica,sans-serif;) /* ndrysho fontin */ mënjanë (shfaq: asnjë;) /* shiriti anësor zhduket */) Në vend të px, është më mirë të përdorni em. Pse vlera e px duhet të ndahet me vlerën e madhësisë së shkronjave në px. Për shembull, 1600/16=100, përkatësisht media="(min-width: 100em)".
Stilet CSS mund të shtohen direkt në kodin e faqes, ose mund t'i përdorni skedar i jashtëm, për shembull:
Paraqitja e ekranit si "peizazh" (gjerësia më e madhe se lartësia) dhe "portret" (gjerësia më e vogël se lartësia)
@media të gjitha dhe (orientimi:peizazh) ( /* stilet për peizazhin */ ) @media të gjitha dhe (orientimi:portret) ( /* stilet për portret */ ) ose1. Çfarë janë tabelat HTML dhe pse janë të nevojshme?
tabelat htmlështë një nga komponentët më të rëndësishëm të çdo faqet html dhe, në përputhje me rrethanat, çdo vend. Për shembull, një faqe në internet përbëhet nga tabela: fotografi, tekste, lidhje, formularë regjistrimi - gjithçka vendoset në lidhje me njëra-tjetrën duke përdorur tabela html (në fakt, i gjithë faqja ndodhet gjithashtu në një tabelë të madhe).
2. Çfarë etiketash kanë tabelat html?
etiketat, duke përcaktuar tabelën html janë shkruar kështu:
Por meqenëse e dimë që të gjitha tabelat përbëhen nga rreshta dhe kolona (qeliza), kështu që ju duhet të vendosni etiketa për to:
Dhe tani le të përpiqemi të kombinojmë të gjitha etiketat në një tabelë. Për ta bërë këtë, ne do të krijojmë një tabelë html që përbëhet nga dy rreshta dhe tre kolona:
Kjo tabelë html është shumë e lehtë për t'u bërë. Së pari, le të vendosim etiketat e vetë tabelës, brenda së cilës vendosim numrin e kërkuar të rreshtave (në shembullin tonë, 2 rreshta):
Pastaj ne ndajmë çdo rresht në qeliza duke përdorur etiketat e kolonave:
| - qeliza 1.1 | - qeliza 1.2 | - qeliza 1.3 |
| - qeliza 2.1 | - qeliza 2.2 | - qeliza 2.3 |
Në fakt, shifra e parë në mbishkrime është numri i rreshtit, dhe i dyti është numri i qelizës (1x2 - rreshti i parë, qeliza e dytë, etj.).
3. Si të vendosni ngjyrën e sfondit të tabelave html?
Dhe tani le të shohim se si sfondi i tabelës ose secila qelizë vendoset veçmas.
Pra, për të vendosur sfondin, përdoret atributi bgcolor="background_color".
Për shembull, nëse duhet të vendosim një ngjyrë për të gjithë tabelën, atëherë kjo bëhet kështu:
| - qeliza 1.1 | - qeliza 1.2 | - qeliza 1.3 |
| - qeliza 2.1 | - qeliza 2.2 | - qeliza 2.3 |
Për shembull, nëse doni të bëni një tabelë ngjyrë të verdhë, pastaj shkruajmë:
Nëse është e nevojshme pyesni ngjyrë e sfondit rresht tabelën html, pastaj atributin bgcolor="background_color" aplikoni në etiketë
|
| 1.1 | 1.2 | 1.3 |
| 2.1 | 2.2 | 2.3 |
Në këtë rast, atributi Numri i qelizave grupe Ngjyra e bardhë tekstin brenda etiketës.
Në të njëjtën mënyrë, është gjithashtu ngjyra e secilës qelizë veç e veç. Për shembull, nëse doni të ndryshoni ngjyrën e qelizës 1.2 në blu, atëherë brenda etiketës hapëse
4. Si të vendosni madhësinë e gjerësisë dhe lartësisë së qelizave të tabelës html?
Pra, për të vendosur manualisht gjerësinë dhe lartësinë e qelizave, përdorni atributet lartësi dhe gjerësi. Ato mund të vendosen për të gjithë tabelën, për një rresht, për një qelizë (kolona). Lartësia dhe gjerësia mund të vendosen në piksel ose përqindje. Në rastin tonë, ne do të vendosim gjerësinë dhe lartësinë në pixel për kolonat (qelizat).
lartësia- atribut që përcakton lartësinë e qelizës
gjerësia- një atribut që përcakton gjerësinë e qelizës
Dhe tani për një shembull:
Tani do të shpjegoj pse vendosëm lartësinë e qelizave vetëm një herë në çdo rresht.
Nëse në një rresht vendosni një lartësi për çdo qelizë më të madhe se për të tjerat, atëherë, pavarësisht kësaj, të gjitha qelizat (kolonat) e rreshtit tuaj do të bëhen të barabarta në lartësi me më të madhen. Dhe gjerësia e çdo rreshti vendoset më së miri veçmas!
Ju mund të vendosni lartësinë dhe gjerësinë për të gjithë tabelën. Në këtë rast, të gjitha qelizat (kolonat) dhe rreshtat do të ndajnë hapësirën e dhënë atyre në mënyrë të barabartë, nëse nuk i vendosni personalisht këto parametra për to (si përqindje e gjerësisë (lartësisë) totale të tabelës ose pikselëve).
Gjithashtu, shumë shpesh ju duhet të vendosni lartësinë lartësinë dhe gjerësinë e gjerësisë në përqindje:
Nëse vendosim një gjerësi prej 40 për qind për një qelizë, si në shembullin tonë, atëherë kjo do të thotë se ne kemi ende 60 për qind për pjesën tjetër të qelizave, d.m.th. shuma e gjerësisë së tyre nuk duhet të kalojë 60 për qind. Gjithçka është shumë e thjeshtë: në total kemi vetëm 100%. Ne konsiderojmë: 100 - 40 = 60.
5. Si të rreshtoni tekstin brenda tabelës html?
Tani le të kuptojmë se si ta rreshtojmë tekstin në faqen tonë tabela html majtas, djathtas dhe qendër.
Kjo bëhet duke përdorur atributin:
rresht = "majtas"- rreshton tekstin brenda tabelës html në të majtë
rresht = "qendër"- rreshtohet teksti html tavolina në qendër
rresht = "djathtas"- rreshton tekstin brenda tabelës html djathtas
Prandaj, atributi align mund të marrë gjithashtu vlerat djathtas dhe majtas. Kuptimi i justifikimit kur përdoret me një etiketë
Për shembull, kodi html një tabelë teksti i së cilës është i rreshtuar në qendër duket kështu:
|
Duke shkruar një atribut rresht = "qendër" në hapje
| 1x1 | 1.2 | 1x3 |
| 2.1 | 2x2 | 2.3 |
Dhe tani le të shohim një shembull se si ta rreshtojmë tekstin brenda tabelës html në krye ose në fund, domethënë, si të bëjmë që përmbajtja e qelizës jo vetëm të vendoset saktësisht në mes të saj (si parazgjedhje), por edhe në krye ose në fund.
Rreshtimi vertikal vendosur sipas atributit:
align = "lart"- përmbajtja do të vendoset në krye të qelizës
rresht = "në mes"- përmbajtja do të përqendrohet në qelizë
rresht = "poshtë"- përmbajtja do të vendoset në fund të qelizës
Le të shohim këto atribute në shembullin tonë:
|
Ja çfarë marrim nëse shikojmë rezultatin e atributeve në shfletues rreshtoj dhe valign:
| 1x1 | 1.2 | 1x3 |
| 2.1 | 2x2 | 2.3 |
6. Si të bashkohen qelizat dhe kolonat e tabelës html?
Në këtë pjesë të artikullit tonë, ne do të flasim për atributet. colspan dhe shtrirja e rreshtit.
colspan- përcakton numrin e kolonave në të cilat qelizë e dhënë
shtrirja e rreshtit- përcakton numrin e rreshtave që mbulon kjo qelizë
vlerat colspan dhe shtrirja e rreshtit mund të marrë një vlerë prej 2 ose më shumë, d.m.th. një qelizë mund të përfshijë dy ose më shumë kolona (rreshta).
Pra, tani në shembull do të shtrijmë një qelizë 1x1 në dy kolona (qeliza). Për ta bërë këtë, ne do të përdorim atributin colspan="2", duke e vendosur atë për një qelizë 1x1. Kodi do të duket si ky:
Siç mund ta shihni, një qelizë 1x1 përfshin gjatësinë e dy qelizave. Prandaj, gjatësia e saj është e barabartë me gjatësinë e përmbledhur të këtyre dy qelizave (160 piksele). Nuk kemi shkruar atributi gjerësi për një qelizë 1x1, por nëse vendosim ta bëjmë këtë, do ta vendosnim gjerësinë në 160 piksele. E megjithatë, vini re se në shembullin tonë nuk ka qelizë 1x3, d.m.th. ka vetëm dy qeliza në rreshtin e parë, pse - ne e kemi diskutuar tashmë këtë - një qelizë 1x1 është e barabartë me dy qeliza, falë atributit colspan.
NGA atributet colspan dhe shtrirja e rreshtave duhet të trajtohet me shumë kujdes. Një gabim mund të shkaktojë rënien e faqes suaj.
Dhe tani që jemi marrë me parametrin colspan, le të kuptojmë parametrin e rowspan. Parimi i funksionimit është i njëjtë këtu:
|
| 1.1 | 1.2 | |
| 2.1 | 2.2 | |
Kështu, ne kemi mësuar të bashkojmë qelizat në rreshta dhe kolonat html tabelat.
7. Si të hiqni, shtoni ose ndryshoni indencat dhe si të vendosni një kornizë html për një tabelë?
Pra, më herët krijuam një tabelë html, midis qelizave të së cilës janë qartë të dukshme indentimet. Për t'i bërë ato edhe më të dukshme, le të shtojmë një kufi në tabelën tonë. Kjo bëhet duke përdorur atributet:
border = "gjerësia e kufirit në piksel"- vendos gjerësinë e kufirit
bordercolor = "ngjyra e kufirit"- vendos ngjyrën e kufirit
Le ta bëjmë, për shembull, tabelën tonë html një kornizë të zezë me gjerësi 1 piksel.
Për këtë etiketë
|
|||||
Nëse shikojmë rezultatin në shfletues, mund të shohim qartë se distanca midis qelizave ( hapësira e qelizave) e tabelës sonë html është rritur në 10 piksel, dhe distanca midis tekstit dhe skajit të brendshëm të qelizës është rritur me 20 pikselë.
| 1.1 | 1.2 | |
| 2.1 | 2.2 | |
Nëse keni nevojë t'i hiqni fare dhëmbët, atëherë thjesht vendosni cellpadding = "0" dhe hapësira e qelizave = "0".
8. Si të futni një tabelë html brenda një tjetre?
Jemi duke iu afruar fazës përfundimtare të mësimi i html tabelat. Tani do të mësojmë se si të futim një tabelë brenda një tjetre.
Për shembull, brenda qelizës 1.2 do të fusim tavoline e re, i përbërë nga një rresht dhe dy kolona. Në tabelën e brendshme html, ne do të vendosim një kufi të kuq me një gjerësi prej 2 pikselësh dhe një hapësirë qelizash prej 0 pikselësh. Gjithashtu, ne do të vendosim tabelën e brendshme në krye të qelizës.
Kjo bëhet shumë thjesht:
|
|||||||
Kjo është ajo që ndodhi si rezultat i transformimeve të reja të tabelës sonë (qelizat e kuqe janë tabela e brendshme e vendosur brenda tavoline e madhe):
| 1.1 |
|
|||
| 2.1 | 2.2 | |||
Në këtë fazë, ne do të përfundojmë këtë artikull. Mendoj se ka rezultuar e suksesshme dhe jo e vështirë për t'u kuptuar dhe shpresoj që të mos keni më probleme me tabelat.
Mësuam se si të krijojmë tabela menyra te ndryshme. Në të njëjtën kohë, le të shqyrtojmë opsionet për modifikimin e tyre, domethënë modifikimet - zvogëlimi ose rritja e madhësisë së vetë tabelës, rreshtave ose kolonave.
Ndryshimi i madhësisë së tabelës
Më shpesh, tabelat me një numër të vogël qelizash nuk vendosen proporcionalisht në fletë. Mund të zgjidhni të gjithë tabelën dhe të zgjidhni një nga opsionet e shtrirjes (majtas, qendër, djathtas), por kjo do të ndryshojë vetëm pozicionin e saj në fletë. Për të shtrirë ose zgjeruar të gjithë tabelën në Word, duhet:
1. Lëvizni treguesin e miut në kufirin e qelizës së poshtme djathtas. Në këtë rast, treguesi do të ndryshojë nga një shigjetë e bardhë e rregullt në një vijë të drejtë me dy shigjeta në skajet e saj.
2. Klikoni tjetër butonin e majtë miun dhe pa e lëshuar atë. Kursori i miut do të ndryshojë përsëri dhe tani do të duket si një kryq i zi. Siç do të vini re gjithashtu, tabela do të theksohet automatikisht.
3. Më pas lëvizni kursorin e miut poshtë.
4. Gjerësia e kolonës dhe rreshtit tuaj në tabelë do të ndryshojë automatikisht.
Ndryshoni kolonat në një tabelë
Pas krijimit të tabelës, redaktori i tekstit Microsoft Word, të gjitha kolonat kanë të njëjtën gjerësi. Ju mund të ndryshoni gjerësinë e kolonave individuale me dorë ose të lejoni që sistemi të ndryshojë automatikisht gjerësinë e tij për secilën prej kolonave, në varësi të përmbajtjes së tij.
Çdo kolonë individuale është e modifikueshme (zgjerohet ose tkurret). Për ta bërë këtë, thjesht lëvizni kursorin e miut në skaj kolonë e ndryshueshme, dhe automatikisht do të marrë formën e dy vijave paralele me shigjeta. Mbani butonin e djathtë të miut në kufirin e kolonës dhe zhvendoseni djathtas ose majtas.
Ju gjithashtu mund të rregulloni madhësinë e kolonave duke përdorur kufirin e djathtë të kolonës në vizore.
Për përdorim më të përshtatshëm të vizores, mbani të shtypur " alt" - atëherë vlerat e gjerësisë së secilës kolonë do të shfaqen në vizore.
Ndryshoni rreshtat në një tabelë
Rreshtat në një tabelë mund të ndryshohen në të njëjtën mënyrë si ndryshimi i kolonave: duke zvarritur skajet e rreshtit (vetëm tani ju nevojitet kufiri i sipërm ose i poshtëm i qelizës) ose duke përdorur vizoren (ai ndodhet në anën e majtë të ekran).
Ekziston edhe një mënyrë tjetër për të ndryshuar lartësinë e rreshtit.
1. Klikoni në çdo qelizë në tabelë klikoni me të djathtën minjtë. Në të shfaqurit menyja e kontekstit zgjidhni " Karakteristikat e tabelës».
Kur shtronin një projekt tjetër (ose thjesht dizajnonin një rrjet plan urbanistik), shumë u përballën me një dilemë - të përdorin gjerësi fikse faqosje ose rrjetë "fluid" që përshtatet me madhësinë e dritares së shfletuesit.
Secili prej këtyre vendimeve ka të mirat dhe të këqijat e veta, dua të përqendrohem te të këqijat, pasi zakonisht është mes dy të këqijave që duhet të zgjedhësh për të pasqyruar të këqijat e këtyre vendimeve.
Rrjeti i shtrirjes me gjerësi fikse
Paraqitja drejtohet në një dimension horizontal prej 960-980 pikselësh (në mënyrë që gjithçka të përfshihet në shumicën e pajisjeve në shumicën e rezolucioneve), e cila, me madhësi të mëdha të dritareve horizontale, duket disi e ftohtë - e hollë shirit vertikal përmbajtje e dobishme e faqes dhe kufij të mëdhenj të padobishëm të hapësirës së humbur në anët.Rrjeti i paraqitjes "Gumë" në të gjithë gjerësinë e dritares
Përsëri, me madhësi të mëdha të dritareve horizontale, ka një problem tjetër: rreshtat e tekstit bëhen shumë të gjata dhe leximi i tyre nuk bëhet aspak aq i rehatshëm sa do të dëshironim.Një problem tjetër i zakonshëm me këtë zgjidhje është se skajet anësore në madhësi të mëdha të dritareve horizontale nuk janë më vizualisht në përputhje me madhësitë horizontale të elementeve, gjë që gjithashtu nuk shton rehati kur shikoni paraqitjen.
Unë dua të ofroj një zgjidhje të thjeshtë - të kufizojë madhësinë minimale horizontale në një vlerë fikse në piksel, dhe të bëjë maksimumin relative si përqindje e gjerësisë së dritares. Kjo është shumë e zakonshme mjete të thjeshta 2 versione të tjera të specifikimit CSS.
përditësimi: Dua të bëj një rezervë që nuk po flasim për efektin klasik të gomës dhe përshtatjen absolutisht me të gjitha rezolucionet, por përkundrazi vetëm për një gamë të caktuar të arsyeshme rezolucionesh për të cilat është krijuar faqosja. Në shembujt e mëposhtëm, ky është diapazoni klasik i rezolucionit të desktopit me një diferencë rezolucion horizontal prej 1024 piksele ose më shumë.Më lejoni të theksoj përsëri: postimi nuk flet për një zgjidhje për të gjitha llojet e pajisjeve dhe të gjitha sferat e rezolucioneve. Në kuadrin e një paraqitjeje, kjo detyrë nuk mund të zgjidhet në parim., për ta zgjidhur atë në një mënyrë ose në një tjetër, do të kërkohen disa paraqitje. Fluturon veçmas, cutlets veç e veç.
Krijoni një kontejnerë paraqitjeje:
...
Ne e dekorojmë atë me një kod të thjeshtë stili:
div.page-container (gjerësia minimale: 960 px; gjerësia maksimale: 75%; marzhi: 0 automatik; mbushja: 0; )
Sidoqoftë, kjo zgjidhje mund t'i duket dikujt jo e mjaftueshme për faktin se me madhësi shumë të mëdha të dritareve horizontale, shfaqen përsëri probleme me gjatësinë e vijave. Kjo zgjidhet nga një truk shtesë po aq i thjeshtë: krijimi i një enë të jashtme shtesë brenda atij të përshkruar tashmë dhe kufizimi i tij gjerësia maksimale vlerë fikse (subjektivisht më duket se vlerat në intervalin 1400-1600 piksele janë më të përshtatshmet). Përsëri, ne përdorim vetëm Mjetet CSS 2.0. Kjo zgjidhje në vend të asaj që sugjerohet në komentin e parë shtim i thjeshtë përqindja e gjerësisë për kontejnerin e burimit do të funksionojë gjithashtu në IE, i cili, deri në versionin 9, nuk e kupton specifikimin e njëkohshëm të vlerave.
Shtimi i HTML:
Dhe ndryshoni pak CSS:
div.page-container ( max : 0 automatik; mbushje: 0;)
Siç mund ta shihni, zgjidhja është jashtëzakonisht e thjeshtë dhe mjaft universale, mund të aplikohet në çdo element blloku.
