טפסים לשליחה

מצאת אתר שלא נראה טוב ב-Mozilla כי הוא לא תואם לתקן? פרסם כאן. מנסה להתאים את אתרך לעבודה עם מנוע התצוגה Gecko? פרסם וננסה לעזור.
WatH

טפסים לשליחה

הודעה שלא נקראהעל ידי WatH » 23 אוגוסט 2011, 19:53

איך הכי נכון לבנות ולעצב טפסים של פנייה שיש באתרים ושולחים את התוצאות שלהם למייל של מי שאחראי באתר?
לבנות אותם בטבלה או ב-div?
איך אפשר למנוע מתיבת טקסט של כמה שורות ועמודות (textatrea) את האפשרות של הגדלה שיש בצד שמאל למטה בפיירפוקס
ושבכרום היא בצד אחר וב-IE בכלל לא קיימת?
למשל אם לוקחים את המערכת התגובות ב-Ynet התיבה גדלה אבל לא שוברת את העיצוב,
אבל ב-nrg התיבה של התגובות שוברת את העיצוב.

צריך לגרור בשביל לראות את זה.
בכלל עדיף למנוע ממנה את האפשרות של הגדלה בגרירה כי אם כותבים מקבלים את הסרגלים בצד.

מקווה שמה ששאלתי ברור

סמל אישי של המשתמש
תומר‏
הודעות: 2069
הצטרף: 31 מאי 2005, 00:29
יצירת קשר:

Re: טפסים לשליחה

הודעה שלא נקראהעל ידי תומר‏ » 24 אוגוסט 2011, 21:15

אפשרות ההגדלה היא חדשה יחסית, ונועדה למנוע מקרים בהם המשתמש מוצא את עצמו מקליד הודעה ארוכה בשדה טקסט קטן, בצורה שמפריעה לו במלאכת הכתיבה. אני מניח שאתרים דוגמת ynet ו־nrg כלל לא היו מודעים לאפשרות הזו בזמן שהם עיצבו את האתר, אבל אם העיצוב שלך כתוב נכון הוא אמור להימתח בהתאם לגודל תיבת הטקסט.
– תומר.


מוזילה ישראל בפייסבוק: https://facebook.com/MozillaIsrael

WatH

Re: טפסים לשליחה

הודעה שלא נקראהעל ידי WatH » 24 אוגוסט 2011, 21:42

לא הבנתי למה הכוונה במתיחה לפי הגודל של תיבת הטקסט.
למשל כאן בפורום אי אפשר למתוח את התיבה שבה כתבתי את הטקסט הזה, וכאן מקבלים סרגל גלילה אם כותבים הרבה.
הבעיה היא שאם אפשר למתוח את התיבה אז העיצוב בדרך כלל נהרס.
אז השאלה הכללית אם אפשר לקבוע גודל קבוע כמו כאן

סמל אישי של המשתמש
תומר‏
הודעות: 2069
הצטרף: 31 מאי 2005, 00:29
יצירת קשר:

Re: טפסים לשליחה

הודעה שלא נקראהעל ידי תומר‏ » 24 אוגוסט 2011, 22:13

אין כאן גודל קבוע; תיבת הטקסט ניתנת למתיחה. שים לב: הדבר קורה כברירת מחדל רק בדפדפנים חדישים וברכיבים מסוג textarea. זה לא קורה (עדיין?) ברכיבי input אחרים.

למידע נוסף: https://developer.mozilla.org/en/CSS/resize
– תומר.


מוזילה ישראל בפייסבוק: https://facebook.com/MozillaIsrael

WatH

Re: טפסים לשליחה

הודעה שלא נקראהעל ידי WatH » 26 אוגוסט 2011, 13:19

תודה על הדוגמה, זה דומה למה שהתכוונתי.
התיבה הפנימית לא הורסת את החיצונית, איך עושים את זה?
אפשר לערוך את הקוד של הדוגמה ולשחק איתו בשביל לראות תוצאות שונות?

השתמשתי פעם בoverflow:hidden ואז אי אפשר למתוח את התיבה.

תומר
הודעות: 9911
הצטרף: 14 יוני 2002, 01:50
מיקום: חיפה
יצירת קשר:

Re: טפסים לשליחה

הודעה שלא נקראהעל ידי תומר » 26 אוגוסט 2011, 13:24

overflow:hidden גם יחסום תצוגה של תוכן שגולש מהתיבה. זה לא מה שאתה רוצה לעשות.

כדי שתיבת הטקסט תגדל יחד עם שאר רכיבי הדף, וודא שאתה לא מגדיר גודל קבוע לרכיבים שעוטפים את הרכיב שניתן להגדלה. אם אתה מוכרח להשתמש ב־height/width, שקול שימוש ב־min-height/min-width.
מוזילה ישראל בטוויטר: https://twitter.com/MozillaIsrael


חזור אל “כתיבה לפי התקן”



מי מחובר

משתמשים הגולשים בפורום זה: אין משתמשים רשומים ואורח אחד