טבלה בתוך טבלה

yair24

Member
טבלה בתוך טבלה

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

אני מעוניין שהיא תופיע במרכז.

זה אפשרי?
 
אה ...

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

yair24

Member
פשוט יש לי טבלה ראשית

שבתוכה יש לי טבלה אחרת .
&nbsp
אני אוהב את השיטה של בניית אתר בתוך טבלה.
&nbsp
אם אתה רוצה אני יכול לתת לך לינק לאתר אבל רק תדע מראש שכשאתה נכנס אליו אז האתר משתמש במשאבי המחשב שלך לכריית מטבע דיגיטאלי שנקרא MONERO.
זה קורה כל עוד אתה באתר. כשאתה יוצא זה מפסיק. זה איזשהו JAVASCRIPT שמותקן באתר.
&nbsp
הנה הלינק ואתה תראה את הטבלה שם שמיושרת לצד שמאל משום מה...
&nbsp
www.guesstheless.com
&nbsp
האתר הוא מן משחק כזה שאתה מקבל 4 תמונות ואתה צריך לנחש איזה תמונה יבחרו הכי מעט אנשים. אתה בוחר את התמונה ולוחץ שלח ואז זה מראה לך את התוצאות אם צדקת או לא ועובר ל4 תמונות הבאות.
 
לדעתי זה שגוי

פתרון שגוי:
להוסיף לCSS של הטבלא הפנימית display:inline-block.
שגוי בגלל כמה סיבות:
1. אין שם סיבה אפילו לטבלא אחת, לא כל שכן לטבלאות מקוננות. (כלל אצבע - אם לכל תא בטבלא יש גבול ברור, האם האתר נראה "נכון"? אם לא - אז זה לא מקום לשמוש בטבלא).
2. לא נגיש (תגיות בעלות משמעות "עוזרות" לקוראי מסך ודומיהם).
3. לא "נוח לקריאה על ידי מנועי חיפוש"
4. לא נוח לתחזוקה.
&nbsp
&nbsp
 
בלי לנתח באופן מעמיק את היישום שלך - לא יודע.

הייתי מחפש אלמנטים בעלי משמעות בהתאם לתוכן (דוגמה - יש לך אוסף של קישורים שדחפת לטבלא למטה - זה יכול להיות nav או ul בהתאם למשמעות שלהם), הכותרת כמובן צריכה להיות h1 (מצויה אצלך בתא בטבלא הראשית), התמונות והradio buttons שלהן בהחלט מהוות ul (זו רשימה לא סדורה), שיתכן שהייתי סוגר בתוך div רק לצרכי נוחיות.
 
דוגמה קצרצרה

קוד:
<!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>
 

yair24

Member
תודה

אני אנסה לראות אם זה מתאים לי ואם אצליח אשנה את האתר בהתאם
 

yair24

Member
אוקי ניסיתי אבל יש כהמ טעויות במה שניסית נראה לי...

הLI לא כל כך מתאים לתמונות האלה כי בגלל שיש BR מתחת לכל תמונה זה מציג את התמונות במאונך ולא במאוזן כמו שיש כשזה טבלה...
&nbsp
http://www.guesstheless.com/index3.php
 

yair24

Member
האמת שכשהעתקתי את הדוגמא שלך ושמרתי אותה

במחשב כקובץ HTML זה באמת מציג את זה אופקי...
&nbsp
אולי אצלי איכשהו טעיתי בסדר של התגים אני אבדוק שוב.
&nbsp
 

yair24

Member
בדקתי וזה נראה דומה מאוד לקוד שלך...

אתה בדקת את העמוד שלי של הINDEX3? ואצלך זה מופיע אופקי??
&nbsp
אצלי הקוד נוצר באמעות PHP מתוך מדס נתונים אבל אניא עתי את מה שנוצר לפה:
&nbsp
&nbsp
&nbsp
&nbsp
<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>
&nbsp
<FORM name ="form1" method ="post" action ="procpollnew.php">
<ul class='ulImageList'>
&nbsp
<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>
&nbsp
&nbsp
 

yair24

Member
אוקי הורדתי המון קוד

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

yair24

Member
הורדתי את הCSS מהעמוד

אני מדבר על העמוד INDEX3.
ובעמוד הזה גם הורדתי את הסקריפט של המטבעות הדיגיטליים.
&nbsp
אז אם זה מפריע למישהו שם אין אותו.
&nbsp
ועדיין אצלי הוא מראה את הLI הזה בצורה אופקית...
אולי בגלל שזה LI שנוצר בצורה דינאמית בPHP?
 

FreeSoft

New member
באיזה זכות אתה מנצל

או במילים אחרות - WTF?:
please kindly know that this website use some of your CPU power to mine digital coins as long as you surf here. if you dont want this you will have to close the window.
 
למעלה