כי ל-FF יכולות מיוחדות שאין ל-IE (כמובן שאני צוחק למרות שהייתי רוצה שזה יהיה כך).
ה-JS שלך מסורבל מאוד ותפריט לא אמור להיות כזה מסורבל (במיוחד לא ברמה כזו של JS). אני מציע שתקרא את המאמר ששלחתי אותך אליו. הוא מדבר על דרך יפה לעשיית תפריט מבוסס CSS+JS.
ה-DOCTYPE הזה לא מכניס את הדפדפנים למצב תקני אלא משאיר אותם במצב Quirks Mode שזה מצב שבו הם מפרשים לפי גרסאותיהם הקודמות (התאמה לגרסאות ישנות). במצב תקני (Standart mode) הדפדפנים מפרשים לרוב כמו שצריך והעבודה עם CSS נעשית הרבה יותר קלה.
Facebook
Twitter
RSS
32 תשובות
כי הJS שלך מסורבל מאוד :-/
למה לא לעשות תפריט ב-CSS עם JS ?
כמה דברים:
1. תודה על התגובה.
2. איך זה שבפירפוקס הוא טס?
3. אחרי שהוצאתי איזה חלק פלאש של האתר (הפכתי לתמונה כי לא היה צריך פלאש הוא עובד מהר, עדין פחות מפירפוקס).
כי ל-FF יכולות מיוחדות שאין ל-IE
(כמובן שאני צוחק למרות שהייתי רוצה שזה יהיה כך).
ה-JS שלך מסורבל מאוד ותפריט לא אמור להיות כזה מסורבל (במיוחד לא ברמה כזו של JS).
אני מציע שתקרא את המאמר ששלחתי אותך אליו. הוא מדבר על דרך יפה לעשיית תפריט מבוסס CSS+JS.
תודה בכל אופן.
הוא כבר רץ מהר.
אני חייב לסיים משהו ואין לי זמן, אם הוא רץ מהר, כרגע הסירבול לא הכי מעניין.
אם אתה רוצה כנס שוב ותראה שזה רץ טוב.
ד"א איך העיצוב הכללי? אהבת?
שאלת CSS
איך אני יכול לישר כתב לשני הצדדים…? כמו שיש בוורד?
כלומר שלא ישאר אף רווח בצדדים… שימתחו את הרווחים עד שהימין והשמאל יגיעו לקצה.
אם לא הבנתם אני אסביר שוב.
תודה.
אני חושב
text-align:justify;
צדקת איש. תודה.
עוד שאלת CSS
מצורף קובץ ובו הקוד שלי.
אני רוצה ששני הDIVים יהיו באותה שורה.
אני מנסה שעות ולא מצליח. שיתאים גם לפירפוקס כמובן.
תודה לכולם.
אתה יכול להוסיף
ל-class של ה-div הראשון (box1) מאפיין של "צף":
float: left;
לא טוב בפיירפוקס…
פעם עבדתי עם display: inline אבל עכשיו הוא לא עובד כמו שצריך…
יש משהו שמחליף אותו?
אני יבהיר את השאלה שלי: CSS
אני רוצה ליצור DIV עם אורך ורוחב מסויים.
אחריו ליצור עוד DIV באורך ורוחב מסויים.
שניהם ללא תווים בפנים.
ושהם יהיו באותה שורה.
אם אפשר שיעבוד בIE ו FF.
תודה.
טל.
אממ…
ניסית עם position:absolute?
לא, לא מכיר…אבל
אני רוצה שאם אני יקטין את הדף הDIVים לא יזוזו.., שיהיה פס גלילה פשוט.
לא טוב, עולה אחד על השני.
מממ…
<!— in <head> –>
<style type="text/css">
div#div1{ width:300px;height:200px;float:right; }
div#div2{ width:400px;height:300px;float:right;border-left:5px solid #000000;}
</style>
<!– in <body> –>
<div id="div1"></div>
<div id="div2"></div>
תודה גבר גבר.
עוד בעיית CSS…
למה בIE וב FF
ה padding-left ו padding-right הפוכים?..?..?
הסתדרתי תודה!
מממ… לא :-/
רק תזכור שכאשר אתה עובד עם CSS ומודל הקופסא רצוי מאוד לשים DOCTYPE של XHTML Strict או 1.1.
אתה יכול לכתוב לי בדיוק איך לשים?
ד"א למה זה כזה חשוב?
אם אני רושם:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
זה לא בסדר?
ואם תוכל להביר לי מה זה אומר אני אשמח.
תודה.
אם הדף שלי עומד בתקן…
לאחר בדיקה ב validator.w3.org זה לא מספיק?
הוא עומד בתקן של :
This Page Is Valid HTML 4.01 Transitional!
לא מספיק לי?
ה-DOCTYPE הזה לא מכניס
את הדפדפנים למצב תקני אלא משאיר אותם במצב Quirks Mode שזה מצב שבו הם מפרשים לפי גרסאותיהם הקודמות (התאמה לגרסאות ישנות). במצב תקני (Standart mode) הדפדפנים מפרשים לרוב כמו שצריך והעבודה עם CSS נעשית הרבה יותר קלה.
זה ה-DOCTYPE של XHTML 1.1:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml_lang="he" >
שים לב ל-XMLNS בתגית ה-HTML שמגדירה את מרחב השמות[תגים] שמותר להשתמש בעמוד.
עבור שימוש בXHTML Strict תסתכל במדריך ה-XHTML
עם ה DOCTYPE שכתבת JS לא עובד לי…
אם אני נשאר עם
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
ועומד בתקן זה לא בסדר?
אני לא משתמש ב XML או XHTML…
מה ז"א לא עובד ?
הואלידייטור של W3C מגלה שגיאות דרכו ?
כי אם כן אז ראה במדריך ה-XHTML לגבי זה…
אבל…אני לא מבין.
למה חשוב לי דווקא XHTML???
אם אני לא עובד איתו אלא עם HTML 4.1? ואיתו זה עובד לי מצויין.
ואין איתו שגיאות…
הדפדפנים יודעים לפרש באותה צורה CSS
כאשר הם עובדים לפי תקן XHTML. זה מכניס אותם למצב סטנדרטי שמפרש את ה-CSS לפי התקן ולא לפי הבאגים של גרסאות קודמות.
אוקיי הדף שלי עומד בתקן אבל…
בדקתי בולידטור והוא עומד בתקן XHTML1.1
אבל הקודים הבאים שאני שם בתוך DIV לא פועלים על MOZILLA FF
<script type="text/javascript">
<!–
function showdiv(d_id)
{
d_id.style.display = d_id.style.display == "none" ? "" : "none"
}
//–>
</script>
onclick="javascript:showdiv(mes12)"
onmouseover="title12.style.background='#FEFF7D'"
ובתקן של HTML4.1 הם פעלו.. גם ב FF.
[ללא נושא]
<script type="text/javascript">
<!– <![CDATA[
function showdiv(id)
{
var d_id = document.getElementById(id);
d_id.style.display = d_id.style.display == "none" ? "" : "none"
}
// ]]> –>
</script>
onclick="showdiv('mes12')"
onmouseover="document.getElementById('title12').style.background='#FEFF7D'"
תודה איש על כל העזרה!
באמת.!.