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

1. התוצאה הראשונה של חיפוש "image submit button" בגוגל: http://www.web-source.net/html_image_submit.htm
2. חפש ב-CSSPlay, אני כמעט בטוח שהם עשו שם פעם משהו כזה...

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

קוד:

 <input type="image" src="" />

ואז כשילחצו על התמונה הטופס יישלח

בקשר לדבר השני....הדרך הפשוטה היחידה שאני מכיר זה להשתמש בפורמט GIF ולעשות חלק מהתמונה שקוף בזמן יצירת התמונה.

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

אמנם האשכול מ 2006 אבל אני מקפיץ כי זה עדיין רלוונטי.
חיפשתי בעצמי בגוגל איך מחליפים את כפתור ה Submit המשעמם והרגיל של הדפדפן בתמונה והגעתי לדף שקושר פה. בנוסף, הגעתי לדף די דומה ואינפורמטיבי יותר פה:
http://www.echoecho.com/htmlforms14.htm

אממה, כשאני משתמש בעצמי בקוד מהסוג הזה:

קוד PHP:

 <input type="image" src="images/cartremove.png" width="62" height="50" border="0" alt="Submit button"/> 


ה tidy צועק לי שהפרמטרים width / height / border אינם שייכים לאלמנט <input>
שורת ההסבר:
The tag contains an attribute that is proprietary to Netscape or Internet Explorer.
אם כי אני דווקא משתמש בשועל וזה נראה מליון דולר.
יש שיטה אחרת שכוללת HTML בלבד (ללא שימוש ב JS) להשתמש בצורה תקינה בתמונה ככפתור Submit של טופס?

בנוגע לשאלה השניה שנשאלה פה - אם כבר אני מגיב, אז GIF הוא פורמט די גרוע. הוא אמנם מאפשר רקע שקוף, אבל הוא מכיל רק 256 צבעים.
פורמט PNG מאפשר גם רקע שקוף וגם תמיכה בהרבה יותר צבעים. שווה להכין כפתורים ואלמנטיים עיצוביים קטנים בפורמט PNG ולא GIF.

בברכה, מתן.
www.MatanNarkiss.com

הדרך הנכונה להגדיר את המאפיינים העיצוביים האלה היא עם CSS:

קוד PHP:

 <input type="image" src="images/cartremove.png" style="width:62px;height:50px;border:none;" alt="Submit button"/> 


מעולה, תודה!
אתה ממליץ לי ליצור id או class בקובץ ה css שלי ופשוט לקשר אותו לאלמנט <input>?

קוד PHP:

 <input id="submitimage" ... > 


או שזה בסדר להשאיר את זה ככה בקוד עצמו?

בברכה, מתן.
www.MatanNarkiss.com

בד"כ נוהגים ליצור קובץ CSS חיצוני שאחראי על כל הקטע העיצובי.
(בצורה כזאת, ברגע שרוצים לשנות עיצוב של האתר...אפשר לעשות את זה בקלות)

אבל זה כבר תלוי בנוחות שלך, אם נוח לך להשאיר את זה בעמוד הHTML, אז שיהיה


----

בנוגע למה שאמרת על תמונות PNG:
צריך לשים לב שדפדפן IE6 לא תומך ברקעים שקופים לתמונות בפורמט PNG.
(יש קוד שמסדר את זה)
כך שאם יש דרך לעקוף/להמנע מזה...עדיף.

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

בנוגע ל PNG, כן, IE6 באמת עושה בלאגנים עם זה.
יש קוד שמסדר את זה... ובד"כ בניית CSS נפרד ל IE6
בכל מקרה, כדאי להפסיק להשתמש ב IE6 בפרט, וב IE בכלל... אבל זה דיון אחר

בברכה, מתן.
www.MatanNarkiss.com