איך אני עושה את ה-LAYOUT הזה ??

25-11-2007, 14:44

newbie_php_123 newbie_php_123 אינו מחובר

שלום לכולם,

אנא עזרו לי . אני כבר 4 ימים שובר את הראש ומנסה כל דבר אפשרי בשביל ליצור את ה-LAYOUT הזה.
הבוס שלי בעבודה רוצה שיהיה לנו עמוד שבנוי בצורה הבאה (יש תמונה להמחשה) :

המסך מחולק ל-2 חלקים - צד ימין שיש בו פשוט תמונה.
צד שמאל שמחולק ל-2 : החלק העליון בגובה 100 פיקסלים. והחלק התחתון בגובה כל השאר.

יש לי 2 בעיות לממש את זה :

א. לא ברור לי איך לממש את זה שהחלק העליון הוא 100 פיקסלים והחלק התחתון הוא כל השאר (אני לא רוצה לעשות עם אחוזים, כי החלק העליון תמיד יהיה בגובה ידוע, כי יש בו 7 שורות טקסט פשוטות שמתחלפות מדי פעם). אז איך אני עושה שהחלק התחתון הוא בגובה "כל השאר" ?

ב. נניח שהצלחתי לעשות את זה - החלק התחתון הוא חלק שאמור להיות בו SCROLLING , כי יכולות להיות בו עשרות שורות (זה מאגר רשומות). לא ברור לי איך לממש את זה שיהיה SCROLLING.

ניסיתי כבר כל דבר.
ניסיתי להשתמש בטבלאות, ב-FRAMEים, באחוזים, ב-ROWCOUNT , בהכל ...

הכי קרוב שהצלחתי - זה שיצרתי באמצעות טבלה LAYOUT שמחולק לצד שמאל וצד ימין והצד השמאלי מחולק בדיוק חצי למעלה וחצי למטה (ולא כמו שאני רוצה - שהחלק העליון יהיה בגובה 100).

אנא עזרו לי ! בבקשה !

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://img107.imageshack.us/img107/4438/plzhelphh8.png]

נערך לאחרונה ע"י newbie_php_123 בתאריך 25-11-2007 בשעה 14:55.

25-11-2007, 14:54

newbie_php_123 newbie_php_123 אינו מחובר

חבר מתאריך: 18.04.07

הודעות: 84

בתגובה להודעה מספר 1 שנכתבה על ידי newbie_php_123 שמתחילה ב "איך אני עושה את ה-LAYOUT הזה ??"

בתגובה להודעה מספר 1 שנכתבה על ידי newbie_php_123 שמתחילה ב "איך אני עושה את ה-LAYOUT הזה ??"

מה הבעייה שלך לחלק את העמוד באמצעות טבלה, לקבוע לכל תא גובה ורוחב שאתה רוצה ולהכניס בתוך כל תא תוכן ?
אם אתה רוצה תא בגובה 100 פיקסל תקבע לו בstyle height:100px

ואם אתה רוצה תוכן נגלל תשתמש בIFRAME או בDIV נגלל (עדיף)

והקפצת האשכול לאחר 10 דקות תביא לחסימתך....

_____________________________________

נערך לאחרונה ע"י fcf בתאריך 25-11-2007 בשעה 15:02.

25-11-2007, 16:06

newbie_php_123 newbie_php_123 אינו מחובר

חבר מתאריך: 18.04.07

הודעות: 84

בתגובה להודעה מספר 3 שנכתבה על ידי fcf שמתחילה ב "מה הבעייה שלך לחלק את העמוד..."

ציטוט:

במקור נכתב על ידי fcf

מה הבעייה שלך לחלק את העמוד באמצעות טבלה, לקבוע לכל תא גובה ורוחב שאתה רוצה ולהכניס בתוך כל תא תוכן ?
אם אתה רוצה תא בגובה 100 פיקסל תקבע לו בstyle height:100px

ואם אתה רוצה תוכן נגלל תשתמש בIFRAME או בDIV נגלל (עדיף)

והקפצת האשכול לאחר 10 דקות תביא לחסימתך....

שלום,

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

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

הבנת את הבעיה שלי ?

בתגובה להודעה מספר 4 שנכתבה על ידי newbie_php_123 שמתחילה ב "[QUOTE=fcf]מה הבעייה שלך לחלק..."

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

_____________________________________

25-11-2007, 17:46

newbie_php_123 newbie_php_123 אינו מחובר

חבר מתאריך: 18.04.07

הודעות: 84

אני מתקשה להבין ...

בתגובה להודעה מספר 5 שנכתבה על ידי fcf שמתחילה ב "מה זה כל השאר ? בגודל של שאר..."

ציטוט:

במקור נכתב על ידי fcf

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

אני מתקשה להבין את הפתרון שלך ...
יש סיכוי שאתה מפרסם פה קטע קוד קטן של 2-3 שורות שמתאר לי איך לייצר טבלה כזו כמו שאני צריך ?
בהתחלה אמרת לקבוע לתא התחתון גובה של 100 אחוז. אחרי זה אמרת לא לקבוע גובה פשוט ..

בתגובה להודעה מספר 6 שנכתבה על ידי newbie_php_123 שמתחילה ב "אני מתקשה להבין ..."

אתה רוצה שה50/50 אחוז הזה יהיה על כל הדף או בתוך פרמטרים מסויימים?

_____________________________________

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://www.idansmith.com/images/button.png]
- לא בגלל שאתם צריכים, בגלל שאתם רוצים!

26-11-2007, 14:41

newbie_php_123 newbie_php_123 אינו מחובר

חבר מתאריך: 18.04.07

הודעות: 84

על כל הדף

בתגובה להודעה מספר 7 שנכתבה על ידי idan1986 שמתחילה ב "אתה רוצה שה50/50 אחוז הזה..."

ציטוט:

במקור נכתב על ידי idan1986

אתה רוצה שה50/50 אחוז הזה יהיה על כל הדף או בתוך פרמטרים מסויימים?

היי עידן,

אני רוצה שכל העמוד כולו יחולק לצד ימין וצד שמאל.

בצד ימין אני צריך להראות איזשהו נגן .. (לא משנה)...

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

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

מה שאני אומר זה שאני לא רוצה שיהיה לי פס גלילה על העמוד כולו בכל מקרה (כי המסגרת הימנית בטוח לא תחרוג בגודל והמסגרת העליונה הימנית בטוח לא תחרוג בגודל. הדבר היחיד שיכול לחרוג בגודל זה המסגרת התחתונה בצד שמאל - ועליה אני רוצה שיהיה פס גלילה בלבד).

תודה רבה !

בתגובה להודעה מספר 8 שנכתבה על ידי newbie_php_123 שמתחילה ב "על כל הדף"

קוד:


<html>
<head>
<title></title>
</head>
 
<body dir="rtl">
<table width="100%">
<tr width="100%">
<td width="50%">
צד ימין
</td><td width="50%">
<table width="100%">
<tr width="100%">
<td width="100%" height="100">
חלק שמאלי עליון
</td><td width="100%" height="100%">
חלק שמאלי תחתון
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

_____________________________________

יובל
בעלים, מנהל, ומתכנת בפועל של חברה לבניית אתרים.

#10

27-11-2007, 15:41

newbie_php_123 newbie_php_123 אינו מחובר

חבר מתאריך: 18.04.07

הודעות: 84

בתגובה להודעה מספר 9 שנכתבה על ידי yuvalas שמתחילה ב "..."

יובל,

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

בתגובה להודעה מספר 8 שנכתבה על ידי newbie_php_123 שמתחילה ב "על כל הדף"

קח חבוב, עליי. תשמח קצת את הבוס.

קוד:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <!-- your webpage's title -->
  <title>Example 29</title>

  <!-- stylesheets -->
  <style type="text/css">

html, body {height: 100%; margin: 0px; padding: 0px;}

table.basic
{
	border: 1px dashed black;
	width: 100%;
	height: 100%;
}

table.basic td.right
{
	background: #CCCCFF;
	text-align: center;
	width: 50%;
}

table.basic td.small_box
{
	background: #CCCCFF;
	text-align: center;
	width: 50%;
	height: 100px;
}

table.basic td.scroll_box
{
	background: #CCCCFF;
	text-align: center;
	width: 50%;
	height: 100%;
}
  </style>

</head>

<body>

<table class="basic">
	<tr>
		<td class="small_box">Small Box</td>
		<td class="right" rowspan="2">Right</td>
	</tr>
	<tr>
		<td class="scroll_box">
			<iframe src="http://www.idansmith.com" width="100%" height="100%" marginwidth="0" marginheight="0" />
		</td>
	</tr>
</table>

</body></html>

דוגמא - https://2007-uploaded.fresh.co.il/2...26/40174744.htm

_____________________________________

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://www.idansmith.com/images/button.png]
- לא בגלל שאתם צריכים, בגלל שאתם רוצים!

#12

27-11-2007, 15:39

newbie_php_123 newbie_php_123 אינו מחובר

חבר מתאריך: 18.04.07

הודעות: 84

בתגובה להודעה מספר 11 שנכתבה על ידי idan1986 שמתחילה ב "קח חבוב, עליי. תשמח קצת את..."

עידן ,

היי. תודה רבה על ההשקעה והנסיון לעזור ..
לצערי - אם אני עושה את זה בדיוק כמוך - זה עובד.
אבל אם אני מחליף את ה-IFRAME סתם בהרבה שורות שאני כותב בעצמי - זה פשוט עושה SCROLL לעמוד כולו ... (סתם כתבתי ABCD ואז <br/> ואז שוב ABCD וכו וכו ככה איזה 100 שורות ...).
ניסיתי אחרי זה במקום IFRAME לכתוב שם DIV (וכמובן בלי ה-SOURCE) ואז בתוך ה-DIV לכתוב את כל השורות שלי - וזה גם לא עזר ..

#13

27-11-2007, 17:10

Dark Knight Dark Knight אינו מחובר

חבר מתאריך: 30.07.05

הודעות: 949

בתגובה להודעה מספר 12 שנכתבה על ידי newbie_php_123 שמתחילה ב "עידן , היי. תודה רבה על..."

נסה לעשות את ה-DIV שלך כזה:
קוד:
<div id='mainText' height="100%" width="100%" style='overflow: scroll;'>
shit loads of text go here! <br />
</div>
(הדגשתי את החלק החשוב ביותר)
בהצלחה

_____________________________________

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

בתגובה להודעה מספר 13 שנכתבה על ידי Dark Knight שמתחילה ב "נסה לעשות את ה-DIV שלך..."

קוד זה לא יפעל (ניסיתי) מהסיבה הפשוטה שהDIV מוגדר עם אורך ורוחב של 100%, איזו סיבה יש לו להמציא סקרול? (אל תשכח שגם הטבלה מוגדרת עם אורך ורוחב של 100%)

_____________________________________

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://www.idansmith.com/images/button.png]
- לא בגלל שאתם צריכים, בגלל שאתם רוצים!

בתגובה להודעה מספר 12 שנכתבה על ידי newbie_php_123 שמתחילה ב "עידן , היי. תודה רבה על..."

כל הסוד הוא ב-iframe. זהו חלון בעל סקרול המציג בתוכו תוכן של עמוד נפרד ושונה מהעמוד הנוכחי. זאת אומר שאתה יכול לשכתב את הברית החדשה בעמוד A ולהציג אותה בB עם סקרול. =]
קוד:
<iframe src="http://www.idansmith.com/images/im_a_modern_man.txt" width="100%" height="100%" marginwidth="0" marginheight="0" />
הדגשתי לך את קטעת הקוד שאתה צריך לשנות בשביל להציג דף מלל שונה.

בהצלחה.

_____________________________________

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://www.idansmith.com/images/button.png]
- לא בגלל שאתם צריכים, בגלל שאתם רוצים!

« לאשכול הקודם | לאשכול הבא »

כלי אשכול	חפש באשכול זה
הצג גירסת הדפסה שלח דף זה ב E-Mail	חפש באשכול זה: חיפוש מתקדם
מצבי תצוגה	דרג אשכול זה
עבור למצב לינארי מצב כלאיים עבור למצב משורשר	דרג אשכול זה:

אפשרויות משלוח הודעות
אתה לא יכול לפתוח אשכולות חדשים אתה לא יכול להגיב לאשכולות אתה לא יכול לצרף קבצים אתה לא יכול לערוך את ההודעות שלך קוד vB פעיל סמיילים פעיל קוד [IMG] פעיל קוד HTML כבוי

מעבר לפורום

כל הזמנים המוצגים בדף זה הם לפי איזור זמן GMT +2. השעה כעת היא 13:42

הדף נוצר ב 0.12 שניות עם 10 שאילתות
צור קשר - Fresh - למעלה