טבלה בתוך טבלה
- פותח הנושא yair24
- פורסם בתאריך
עוץליגוץלי
New member
אה ...
א. כן, זה אפשרי.
ב. למה? כמעט בכל הפעמים שראיתי שקיננו טבלאות, זה היה שגוי. למה אתה צריך לקנן טבלאות?
א. כן, זה אפשרי.
ב. למה? כמעט בכל הפעמים שראיתי שקיננו טבלאות, זה היה שגוי. למה אתה צריך לקנן טבלאות?
פשוט יש לי טבלה ראשית
שבתוכה יש לי טבלה אחרת .
 
אני אוהב את השיטה של בניית אתר בתוך טבלה.
 
אם אתה רוצה אני יכול לתת לך לינק לאתר אבל רק תדע מראש שכשאתה נכנס אליו אז האתר משתמש במשאבי המחשב שלך לכריית מטבע דיגיטאלי שנקרא MONERO.
זה קורה כל עוד אתה באתר. כשאתה יוצא זה מפסיק. זה איזשהו JAVASCRIPT שמותקן באתר.
 
הנה הלינק ואתה תראה את הטבלה שם שמיושרת לצד שמאל משום מה...
 
www.guesstheless.com
 
האתר הוא מן משחק כזה שאתה מקבל 4 תמונות ואתה צריך לנחש איזה תמונה יבחרו הכי מעט אנשים. אתה בוחר את התמונה ולוחץ שלח ואז זה מראה לך את התוצאות אם צדקת או לא ועובר ל4 תמונות הבאות.
שבתוכה יש לי טבלה אחרת .
 
אני אוהב את השיטה של בניית אתר בתוך טבלה.
 
אם אתה רוצה אני יכול לתת לך לינק לאתר אבל רק תדע מראש שכשאתה נכנס אליו אז האתר משתמש במשאבי המחשב שלך לכריית מטבע דיגיטאלי שנקרא MONERO.
זה קורה כל עוד אתה באתר. כשאתה יוצא זה מפסיק. זה איזשהו JAVASCRIPT שמותקן באתר.
 
הנה הלינק ואתה תראה את הטבלה שם שמיושרת לצד שמאל משום מה...
 
www.guesstheless.com
 
האתר הוא מן משחק כזה שאתה מקבל 4 תמונות ואתה צריך לנחש איזה תמונה יבחרו הכי מעט אנשים. אתה בוחר את התמונה ולוחץ שלח ואז זה מראה לך את התוצאות אם צדקת או לא ועובר ל4 תמונות הבאות.
עוץליגוץלי
New member
לדעתי זה שגוי
פתרון שגוי:
להוסיף לCSS של הטבלא הפנימית display:inline-block.
שגוי בגלל כמה סיבות:
1. אין שם סיבה אפילו לטבלא אחת, לא כל שכן לטבלאות מקוננות. (כלל אצבע - אם לכל תא בטבלא יש גבול ברור, האם האתר נראה "נכון"? אם לא - אז זה לא מקום לשמוש בטבלא).
2. לא נגיש (תגיות בעלות משמעות "עוזרות" לקוראי מסך ודומיהם).
3. לא "נוח לקריאה על ידי מנועי חיפוש"
4. לא נוח לתחזוקה.
 
 
פתרון שגוי:
להוסיף לCSS של הטבלא הפנימית display:inline-block.
שגוי בגלל כמה סיבות:
1. אין שם סיבה אפילו לטבלא אחת, לא כל שכן לטבלאות מקוננות. (כלל אצבע - אם לכל תא בטבלא יש גבול ברור, האם האתר נראה "נכון"? אם לא - אז זה לא מקום לשמוש בטבלא).
2. לא נגיש (תגיות בעלות משמעות "עוזרות" לקוראי מסך ודומיהם).
3. לא "נוח לקריאה על ידי מנועי חיפוש"
4. לא נוח לתחזוקה.
 
 
עוץליגוץלי
New member
בלי לנתח באופן מעמיק את היישום שלך - לא יודע.
הייתי מחפש אלמנטים בעלי משמעות בהתאם לתוכן (דוגמה - יש לך אוסף של קישורים שדחפת לטבלא למטה - זה יכול להיות nav או ul בהתאם למשמעות שלהם), הכותרת כמובן צריכה להיות h1 (מצויה אצלך בתא בטבלא הראשית), התמונות והradio buttons שלהן בהחלט מהוות ul (זו רשימה לא סדורה), שיתכן שהייתי סוגר בתוך div רק לצרכי נוחיות.
הייתי מחפש אלמנטים בעלי משמעות בהתאם לתוכן (דוגמה - יש לך אוסף של קישורים שדחפת לטבלא למטה - זה יכול להיות nav או ul בהתאם למשמעות שלהם), הכותרת כמובן צריכה להיות h1 (מצויה אצלך בתא בטבלא הראשית), התמונות והradio buttons שלהן בהחלט מהוות ul (זו רשימה לא סדורה), שיתכן שהייתי סוגר בתוך div רק לצרכי נוחיות.
עוץליגוץלי
New member
דוגמה קצרצרה
קוד:
<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<title> Bla! </title>
<style type='text/css'>
body { text-align:center; }
h1 { text-align:center; }
h1 >span {color:blue;}
ul.ulImageList >li { display:inline-block; }
ul.ulImageList >li > img { width:200px; height:200px; }
</style>
</head>
<body>
<h1>Gues<span>stheLess</span></h1>
<h2>Poll Number: 1</h2>
<p>Do you think you can guess which image will get the LOWEST number of votes? try it out :)</p>
<ul class='ulImageList'>
<li> <img src='blank.png' title='select this'> <br> <input type='radio' name='radioImage'></li>
<li> <img src='blank.png' title='select this'> <br> <input type='radio' name='radioImage'></li>
<li> <img src='blank.png' title='select this'> <br> <input type='radio' name='radioImage'></li>
<li> <img src='blank.png' title='select this'> <br> <input type='radio' name='radioImage'></li>
</ul>
</body>
</html>אוקי ניסיתי אבל יש כהמ טעויות במה שניסית נראה לי...
הLI לא כל כך מתאים לתמונות האלה כי בגלל שיש BR מתחת לכל תמונה זה מציג את התמונות במאונך ולא במאוזן כמו שיש כשזה טבלה...
 
http://www.guesstheless.com/index3.php
הLI לא כל כך מתאים לתמונות האלה כי בגלל שיש BR מתחת לכל תמונה זה מציג את התמונות במאונך ולא במאוזן כמו שיש כשזה טבלה...
 
http://www.guesstheless.com/index3.php
עוץליגוץלי
New member
באיזה דפדפן ניסית?
אצלי בכרום, FF, קונקרור ואצל מישהו נוסף בEDGE, התמונות זו בצד זו.
אצלי בכרום, FF, קונקרור ואצל מישהו נוסף בEDGE, התמונות זו בצד זו.
בדקתי וזה נראה דומה מאוד לקוד שלך...
אתה בדקת את העמוד שלי של הINDEX3? ואצלך זה מופיע אופקי??
 
אצלי הקוד נוצר באמעות PHP מתוך מדס נתונים אבל אניא עתי את מה שנוצר לפה:
 
 
 
 
<h2>Poll Number: 1</h2>
<p>Do you think you can guess which image will get the LOWEST number of votes? try it out
</p>
 
<FORM name ="form1" method ="post" action ="procpollnew.php">
<ul class='ulImageList'>
 
<li><img src="img/iphone.png" height="100"> <br> <Input type = 'Radio' Name ='image' value= '1'> </li>
<li><img src="img/sams.jpg" height="100"> <br> <Input type = 'Radio' Name ='image' value= '2'> </li>
<li><img src="img/phone.jpg" height="100"> <br> <Input type = 'Radio' Name ='image' value= '14'> </li>
<li><img src="img/phone2.jpg" height="100"> <br> <Input type = 'Radio' Name ='image' value= '15'> </li>
</ul>
</FORM>
 
 
אתה בדקת את העמוד שלי של הINDEX3? ואצלך זה מופיע אופקי??
 
אצלי הקוד נוצר באמעות PHP מתוך מדס נתונים אבל אניא עתי את מה שנוצר לפה:
 
 
 
 
<h2>Poll Number: 1</h2>
<p>Do you think you can guess which image will get the LOWEST number of votes? try it out
</p> 
<FORM name ="form1" method ="post" action ="procpollnew.php">
<ul class='ulImageList'>
 
<li><img src="img/iphone.png" height="100"> <br> <Input type = 'Radio' Name ='image' value= '1'> </li>
<li><img src="img/sams.jpg" height="100"> <br> <Input type = 'Radio' Name ='image' value= '2'> </li>
<li><img src="img/phone.jpg" height="100"> <br> <Input type = 'Radio' Name ='image' value= '14'> </li>
<li><img src="img/phone2.jpg" height="100"> <br> <Input type = 'Radio' Name ='image' value= '15'> </li>
</ul>
</FORM>
 
 
עוץליגוץלי
New member
הCSS שלך כתוב נכון?
עוץליגוץלי
New member
התכוונתי לCSS שאני כללתי בקוד שלי.
Copyright©1996-2021,Tapuz Media Ltd. Forum software by XenForo® © 2010-2020 XenForo Ltd.