הוסטס - פורום אחסון האתרים הגדול בישראל

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)
-   פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)
-   -   [CSS] רוחב שדה בטופס משתנה בדפדפנים (https://hosts.co.il/forums/showthread.php?t=35664)

Udi 04-12-06 21:28
[CSS] רוחב שדה בטופס משתנה בדפדפנים
 
היי.
אני גולש פיירפוקס, כרגע אני מקודד עיצוב וחשוב לי שיראה אותו הדבר באקספלורר ופיירפוקס...מה שככל הנרא הבלתי אפשרי.

יש טופס, ולשדות שלו יש רקע... אז בקובץ CSS עשיתי ככה:
קוד:
background-image:url(images/inputTextBG.jpg);
border: 0px;
width: 111px;
height: 21px;

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

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

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

יש לכם רעיונות?

תודה רבה.

eLad 04-12-06 21:41
PHP קוד:
background-image:url(images/inputTextBG.jpg);
border: 0px;
width: 111px;
<!--[if IE]> 
width: 109px;
<![endif]-->
height: 21px; 

RS324 04-12-06 22:14
אלעד..אתה רציני לגבי ה IF IE ? או שאתה מסתבלט

ולמי ששאל...
אתה יכול להגדיר שהרקע לא יחזור על עצמו על ידי הוספת no-repeat

somebody 04-12-06 22:21
הוא רציני..

Udi 04-12-06 22:31
אלעד תודה על הניסיון, אבל לא עובד.

והno repeat עושה לי רקע לבן באקספלורר, ניסיתי קודם ועכשיו - אותה תוצאה.

תודה בכל אופן.

עוד רעיונות?

-VladK- 05-12-06 15:35
תנסה:
HTML קוד:
.name {
background-image:url(images/inputTextBG.jpg);
border: 0px;
width: 111px;
height: 21px;
}

* html .name {
width: 109px;
}

DCB 06-12-06 12:35
תנסה לתת לו
margin:0
padding:0
זה גם יכול לעזור...

-VladK- 06-12-06 13:53
ציטוט:
נכתב במקור על ידי DCB (פרסם 384207)
תנסה לתת לו
margin:0
padding:0
זה גם יכול לעזור...
אם זה DIV אז לא..

BlueNosE 07-12-06 15:15
פשוט תעשה רקע יותר גדול ממה שאתה צריך (נניח 300*100) ואז זה ימתח בהתאם לדפדפן

DCB 07-12-06 17:09
ציטוט:
נכתב במקור על ידי BlueNosE (פרסם 384809)
פשוט תעשה רקע יותר גדול ממה שאתה צריך (נניח 300*100) ואז זה ימתח בהתאם לדפדפן
זה פתרון קצת "ערבי" לא?...
הרעיון הוא לתקן בעיה לא על ידי יצירת בעיה אחרת
עם הפתרון שלך יש לו עוד 2 פיקסלים שנדחפים לאתר בלי קשר...

BlueNosE 07-12-06 17:11
ציטוט:
נכתב במקור על ידי DCB (פרסם 384873)
זה פתרון קצת "ערבי" לא?...
הרעיון הוא לתקן בעיה לא על ידי יצירת בעיה אחרת
עם הפתרון שלך יש לו עוד 2 פיקסלים שנדחפים לאתר בלי קשר...
לא..
הפתרון שלי אומר שאין פיתרון אחר בנתיים אז עדיף את זה מאשר כלום

Udi 08-12-06 16:10
Pilmen
תודה רבה, הפתרון שלך פתר את הבעיה. תוכל להסביר את הפתרון? או לקשר אותי למקום שיסביר מה בדיוק עושה התוספת שלך?

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


תודה לכל העוזרים..

BlueNosE 08-12-06 18:53
לא התכוונתי להגדיל את הWIDTH והHEIGHT בהתאם.
התכוונתי להגדיל את זה ולהשאיר את הגדלים הישנים - והרקע לא ימתח, הוא פשוט ימשיך עוד קצת איפה שיש.

ברור שזה תלוי במה תוכן הרקע..

לא משנה, מה שחשוב - הסתדרת


כל הזמנים הם GMT +2. הזמן כעת הוא 12:58.

מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ