مشكل با جدول ها ؟

[myflash]

من يه فايل رو با dream طراحي كردم . ولي بعد از چند بار باز و بسته كردن صفحه تو Dream تمام خانه هاي جدول به هم

ميريزه با اينكه تمام اندازه هاي جدول ها رو به پيكسل تنظيم كرده ام .

ولي وقتي از همين صفحه به هم ريخته preview ميگيرم همه چي سر جاي خودشه !

فقط تو صفحه طراحي به هم ريخته است و نمي ذاره بقيه طراحي رو انجام بدم .

 

[._._. RAM ._._.]

پاسخ myflash

myflash جان این مشکل با برنامه های ترکیبی HTML و کدهای سایر زبان مثل ASP، دیده میشه. نه تنها Dream بلکه Frontpage هم با این مشکل روبرو هستش و تفاوت در حالت Design و اجرا وجود داره که کاره طراحی را تقریبا انجام نشدنی می کنه.

علاوه بر مورد فوق در کدهای خالص HTML ی هم این مورد پیش می‌آد (البته کمتر)؛ که به مشکلات ذاتی وب و تگ های اون برمیگرده.

پیشنهاد ها برای رفع این مشکلات:

1. استفاده از کدنویسی و طراحی استاندارد
2. استفاده از آخرین ورژن برنامه های طراحی صفحات وب

اگه در حال طراحی تک صفحه ای بدون استفاده از المان های Dream (کدهای ویژه Dream) هستید، کد اون را به Microsoft Expression Web نیز انتقال بدید و در محیط اون نیز امتحان کنید.

 

[ninjavb]

با سلام
من یه سوال در رابطه با جداول داشتم گفتم یه تاپیک اضافی نزنم
من دارم یه جدول طراحی میکنم که دو تا سطر داره سطر اولش که لوگو رو گذاشتم ولی سطر دوم رو میخوا به سه ستون یکی25 درصد یکی 50درصد واون یکی رو 25 درصد تقسیم کنم مشکل اینه که تقسیمش که کاری نداره ولی کجا باید اندازه ها رو به درصد بزنم؟
ممنون

 

[._._. RAM ._._.]

پاسخ ninjavb

با سلام
من یه سوال در رابطه با جداول داشتم گفتم یه تاپیک اضافی نزنم
من دارم یه جدول طراحی میکنم که دو تا سطر داره سطر اولش که لوگو رو گذاشتم ولی سطر دوم رو میخوا به سه ستون یکی25 درصد یکی 50درصد واون یکی رو 25 درصد تقسیم کنم مشکل اینه که تقسیمش که کاری نداره ولی کجا باید اندازه ها رو به درصد بزنم؟
ممنون

ninjavb جان اگر قصد داری سطر دوم را به سه سلول با درصدهای یاد شده تقسیم کنی به دو صورت میتونی این کار را انجام بدی:

1) ویژگی Width تگ TD

2) ویژگی Width استایل مرتبط شونده با تگ TD


این هم 2 نمونه‌ از کد مورد نظر شما:

<table border="1" width="100%">
	<tr>
		<td colspan="3">My Banner</td>
	</tr>
	<tr>
		<td width="25%">Cell #1</td>
		<td width="50%">Cell #2</td>
		<td width="25%">Cell #3</td>
	</tr>
</table>

<table border="1" width="100%">
	<tr>
		<td colspan="3">My Banner</td>
	</tr>
	<tr>
		<td style="width: 25%">Cell #1</td>
		<td style="width: 50%">Cell #2</td>
		<td style="width: 25%">Cell #3</td>
	</tr>
</table>

نکته: ویژگی Width هم با واحد پیکسل (با نوشتن حروف PX در انتهای عدد پهنا) و هم با واحد درصد (با نوشتن علامت ٪ در انتهای عدد پهنا) قابل مقداردهی است.

نکته: برای ساخت چنین ساختاری از شیوه جداول تودرتو نیز میشه استفاده کرد.

این هم نمونه دیگه ای از حاصل کدنویسی شبیه بالا: