אני עובדת עם ערכת עיצוב TENDU
בכל הטפסים (כניסה, צור קשר, צ'קאאוט)
השדות מופיעים אחד מתחת לשני אבל הם לא מיושרים בטבלה
כדי ליישר בטבלה אני צריכה ליצור קובץ TPL לכל אחד מהדפים האלה
או שיש משהו כללי שאני יכולה לעשות?
לא הבנתי בדיוק מה האפקט הויזואלי שאת מנסה להשיג, כמעט כל פיתרון אפשרי רק דרך CSS, תלוי מה הצרכים שלך.
למשל, כדי לישר את ה-label מימין לכל שדה ולגרום לכל השדות להתחיל באותו קו:
נסי להוסיף את השורות האלה ל-CSS:
.form-item{height:1%;overflow:hidden} .form-item input, .form-item select{vertical-align:middle} .form-item label{width:10em;float:right}/float:right is for Hebrew, change to float:left for English/
זה פיתרון מאד כללי, והוא נותן רוחב קבוע ל-label
(הגובה ל-form-item הוא כדי להעלים באגים של IE6)
יש לנו באתר מדריכים שונים, הכוללים מדריך להתקנת דרופל על המחשב המקומי או על שרת אירוח באינטרנט, כמו גם מדריכים לעיצוב ופיתוח.
בעזרת המדריכים השונים באתר ובעזרת קבוצות הדיון שלנו, אפשר למצוא את כל המידע הנחוץ להקמה והתאמה אישית של אתרי דרופל. כדאי לבדוק גם את ערוצי התמיכה הנוספים שלנו
ניסית לשחק עם ה-CSS? אני לא
ניסית לשחק עם ה-CSS? אני לא הייתי יוצר tpl לכל אחד מהדפים בשביל אפקט ויזואלי אלא פשוט עובד דרך ה-CSS של ה-Theme.
נסי להגדיר display: block ל input ואז ליישר אותם עם margin. לא לשכוח להגדיר להם width.
מפתח PHP
אינטרנט ישראל
לא הבנתי בדיוק מה האפקט
לא הבנתי בדיוק מה האפקט הויזואלי שאת מנסה להשיג, כמעט כל פיתרון אפשרי רק דרך CSS, תלוי מה הצרכים שלך.
למשל, כדי לישר את ה-label מימין לכל שדה ולגרום לכל השדות להתחיל באותו קו:
נסי להוסיף את השורות האלה ל-CSS:
.form-item{height:1%;overflow:hidden}.form-item input, .form-item select{vertical-align:middle}
.form-item label{width:10em;float:right}/float:right is for Hebrew, change to float:left for English/
זה פיתרון מאד כללי, והוא נותן רוחב קבוע ל-label
(הגובה ל-form-item הוא כדי להעלים באגים של IE6)
אפשר גם לנסות:
.form-item *{display:inline}
.form-item input, .form-item select{vertical-align:middle}
שהוא עוד יותר כללי והוא פשוט הופך את כל האלמנטים של כל שורה של הטופס לאלמנטי inline, כלומר לא לרדת שורה אחרי כל אחד מהם.
קלעתי למה שהתכוונת?
Tom Bigelajzen - Senior Front End Developer @ Wix.com
Homepage: http://tombigel.com
Tendu Theme: http://drupal.org/project/tendu
תודה, אתה גדול !!!! לא סידר
תודה, אתה גדול !!!!
לא סידר לי את הכל. אבל את הרב...