જો તમે પેજ લેઆઉટ માટે ટેબલો વાપરી રહ્યા હો તો- એક્સ - એચટીએમએલમાં નો- ના, માર્ગ દ્વારા-તે સંભવિત છે કે તમે તમારા લેઆઉટ્સમાં વધારાની જગ્યાના કદરૂપ ઉમેરણનો અનુભવ કરશો. આ સમસ્યાને ઉકેલવા માટે તમારે તમારી HTML કોષ્ટક વ્યાખ્યા અને કોઈપણ સંચાલક શૈલી શીટના સ્પષ્ટીકરણો બંને તપાસવાની જરૂર છે.
HTML કોષ્ટક વ્યાખ્યા
કોષ્ટકો માટે HTML ટૅગ મૂળભૂત રીતે અમુક અંતરની જરૂરિયાતો માટે નિયંત્રિત નથી. તમારા HTML દસ્તાવેજમાં ટેબલ ટેગ વિશે ત્રણ વસ્તુઓ ચકાસો:
- શું તમારા કોષ્ટકમાં સેલપેડિંગ એટ્રીબ્યુટ 0 પર સેટ છે?
- સેલપેડિંગ = "0"
- શું તમારી કોષ્ટકમાં સેલ્સસેસિંગ એટ્રીબ્યુટ 0 પર સેટ છે?
- કોષિકીકરણ = "0"
- તમારી સામગ્રી અને કોષ્ટકનાં ટેગ્સ પહેલાં અથવા પછી કોઈપણ જગ્યાઓ છે?
સંખ્યા 3 કિકર છે ઘણાં એચટીએમએલ એડિટર્સને વાંચવા માટે સરળ બનાવવા માટે, કોડને અંતર રાખવું ગમશે. પરંતુ ઘણા બ્રાઉઝરો તે ટેબ્સ, સ્પેસ અને વાહન વળતર આપે છે, જેમ કે તમારા ટેબલોમાં વધારાની જગ્યા. તમારા ટેગ્સની ફરતે સફેદજગ્યા દૂર કરો અને તમારી પાસે ક્રિસ્પર કોષ્ટકો હશે.
સ્ટાઇલ શીટ્સ
જો કે, તે HTML ન હોઈ શકે કે જે બંધ છે. કાસ્કેડિંગ સ્ટાઇલ શીટ્સ કોષ્ટકોનાં કેટલાક પ્રદર્શન વિશેષતાઓને નિયંત્રિત કરે છે અને પૃષ્ઠ પર આધારિત હોય છે, તમે સૌ પ્રથમ સ્થાનમાં ટેબલ-વિશિષ્ટ સીએસએસને ઇરાદાપૂર્વક ઉમેરી શકો છો અથવા ન પણ હોઈ શકે છે
કોષ્ટકની અંદર નીચેની કોઈપણ મૂલ્યો માટે સંચાલક CSS ફાઇલને સ્કેન કરો , th અથવા td ગુણધર્મો અને જરૂરિયાત પ્રમાણે સંતુલિત કરો:
- સરહદ કોષ્ટક અથવા સેલ સરહદના લક્ષણોને સ્પષ્ટ કરે છે
- સીમા-પતનની બાજુમાંની સરહદો એક તરીકે, સરહદ પહોળાઈને ડુપ્લિકેટિંગને ટાળવા માટે કરે છે
- પેડિંગ દરેક કોષની આસપાસ ખાલી જગ્યા, પિક્સેલમાં આપે છે
- ટેક્સ્ટ-સંરેખિત કોષમાં ટેક્સ્ટની સંરેખણ નક્કી કરે છે
- સરહદ-અંતર કોશિકાઓ વચ્ચે અંતર સુયોજિત કરે છે, પિક્સેલમાં
વિકલ્પો
જો તમે હજી પણ HTML કોષ્ટકો વાપરી શકો છો - આજના બ્રાઉઝર્સમાં પ્રમાણભૂત સુસ્થાપિત છે અને સાર્વત્રિક રીતે સપોર્ટેડ છે - સૌથી વધુ આધુનિક પ્રતિભાવ વેબ ડિઝાઇન કાસ્કેડિંગ સ્ટાઇલ શીટ્સનો ઉપયોગ પૃષ્ઠ પરના તત્વોને મૂકવા માટે કરે છે. કોષ્ટકો હજી પણ કોષ્ટક ડેટા પ્રદર્શિત કરવાના તેમના મૂળ હેતુઓ માટે અર્થમાં છે, પરંતુ પૃષ્ઠની લેઆઉટ અને સામગ્રીનું આયોજન કરવા માટે, તમે તેના બદલે CSS લેઆઉટનો ઉપયોગ કરીને વધુ સારી છો.