حالت موضوعی | حالت خطی

TehranNet

سلام
من یک قالبی رو طراحی کردم به شکل زیر
[تصویر: ib9cc9uifagkh9ebntaz.jpg]

میخوام قسمتهایی که در عکس مشخص کردم فاصله بیوفته مانند شکل زیر

[تصویر: d8k0eqjocn3sxz8m1qbe.jpg]

کد هم به شکل زیر هست

کد:

<html dir=rtl>

<head>

<meta http-equiv="Content-Language" content="en-us">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<link rel="stylesheet" type="text/css" href="styles.css" />

<title><$MTBlogName encode_html="1"$></title>

</head>

<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" style="font-family: Tahoma; font-size: 8pt" bgcolor="#613434" >

<div align="center">

    <table border="0" cellpadding="0" cellspacing="0" width="779" height="516">

        <!-- MSTableType="nolayout" -->

        <tr>

            <td valign="top" width="779" height="75" colspan="2" bgcolor="#365696">

            <!-- MSCellType="ContentHead" -->

            &nbsp;</td>

        </tr>

        <tr>

            <td valign="top" width="779" height="25" colspan="2">

            <!-- MSCellType="ContentHead" -->

            <p align="center"><font color="#FFFFFF"><span lang="fa">صفحه اصلی | 

لیست محصولات | تماس با ما | روش خرید</span></font></td>

        </tr>

        <tr>

            <td valign="top" width="226" height="397" bgcolor="#365696">

            <!-- MSCellType="NavBody" -->

            &nbsp;<div align="right">

                <table cellpadding="0" cellspacing="0" width="173" height="345">

                    <!-- MSTableType="nolayout" -->

                    <tr>

                        <td height="24">

                        <p align="center"><font color="#FFFFFF"><span lang="fa">

                        دسته بندی محصولات</span></font></td>

                    </tr>

                    <tr>

                        <td height="146">&nbsp;</td>

                    </tr>

                    <tr>

                        <td height="19">

                        <p align="center"><font color="#FFFFFF"><span lang="fa">

                        تبلیغات</span></font></td>

                    </tr>

                    <tr>

                        <td height="89">&nbsp;</td>

                    </tr>

                    <tr>

                        <td height="19">

                        <p align="center"><font color="#FFFFFF"><span lang="fa">

                        همکاران</span></font></td>

                    </tr>

                    <tr>

                        <td height="48">&nbsp;</td>

                    </tr>

                </table>

            </div>

            </td>

            <td valign="top" width="553" height="397" bgcolor="#365696">

            <!-- MSCellType="NavBody2" -->

            &nbsp;<p>&nbsp;</p>

            <div align="center">

                <table cellpadding="0" cellspacing="0" width="524">

                    <!-- MSTableType="nolayout" -->

                    <tr>

                        <td height="221">

                     <MTEntries>    <table cellpadding="0" cellspacing="0" width="230" height="270" id="table1" align="right">

                            <!-- MSTableType="nolayout" -->

                            <tr>

                                <td width="230" height="21" bgcolor="#FFFFFF"> <$MTEntryTitle numbers="farsi"$></td>   

                            </tr>

                            <tr>

                                <td width="230" height="270" bgcolor="#FFFFFF"><$MTEntryBody$><p>

                                <img border="0" src="order.gif"><a class="permalink" href="<$MTEntryPermalink$>"><img border="0" src="details.gif"></a></td>   

                            </tr></MTEntries>

                        </table>

                        </td>

                    </tr>

                </table>

            </div>

            </td>

        </tr>

        <tr>

            <td valign="top" width="779" height="19" colspan="2" bgcolor="#365696">

            <!-- MSCellType="ContentFoot" -->

            &nbsp;</td>

        </tr>

    </table>

    <p>&nbsp;</div>

</body>

</html>

Silence

با table هستش؟...

TehranNet

1omrani نوشته شده:با table هستش؟...

بله

Silence

TehranNet نوشته شده:بله

چرا CSS طراحي نمي كنيد؟...

براي Table هم فكر كنم...بايد يه خونه توي هر كدوم از خونه هاي جدول ايجاد كنيد...بعد براي اون تك خونه ايجاد شده...Border تعريف كنيد...و احياناً padding و margin ها رو تنظيم كنيد...

**Saleh**

بیا و تیبل رو فراموش کن . اما راحش به این صورت هست.
1 - 3 سلول در یک سطر در نظر میگیری و ستون وست رو از نظر پهنا کم میکنی تا 2ستون کناریش یک اندازه بشه.
2. بعد با تنظیماتی که این نرم افزار های طراحی دارند یا سی اس اس ستون وست رو بوردرش رو 0 میکنیم و بقیه رو هر جور که می خوای نمایش بدی.

و لی در کل دنگ و فنگ از سی اس اس خیلی بالا تره

TehranNet

1omrani نوشته شده:چرا CSS طراحي نمي كنيد؟...

براي Table هم فكر كنم...بايد يه خونه توي هر كدوم از خونه هاي جدول ايجاد كنيد...بعد براي اون تك خونه ايجاد شده...Border تعريف كنيد...و احياناً padding و margin ها رو تنظيم كنيد...

راستش CSS رو زیاد کار نکردم تازه دارم یاد میگیرم روزی 1-2 تا از مثالهای w3school رو باهاشون کار میکنم

Saleh نوشته شده:بیا و تیبل رو فراموش کن . اما راحش به این صورت هست.
1 - 3 سلول در یک سطر در نظر میگیری و ستون وست رو از نظر پهنا کم میکنی تا 2ستون کناریش یک اندازه بشه.
2. بعد با تنظیماتی که این نرم افزار های طراحی دارند یا سی اس اس ستون وست رو بوردرش رو 0 میکنیم و بقیه رو هر جور که می خوای نمایش بدی.

و لی در کل دنگ و فنگ از سی اس اس خیلی بالا تره

دستت درد نکنه درست شد Cool

**amir abbas**

برای حذف فاصله های خونه های جدول

border-collapse: collapse

رو استفاده کنید. اون فاصله ها از بین میره

TehranNet

به یه مشکل جدید برخوردم
تا حالا توی IE طرح رو تست نکرده بودم
توی FF به شکل زیر میاد
یعنی وقتی توی یه سطر جا نباشه میره سطر بعدی
[تصویر: cl174jbdiioailb9xtcb.jpg]

اما توی IE اگر توی سطر جا نباشه دیگه سطر بعدی نمیره انتهای همون سطر خروجی رو پرینت میگیره
[تصویر: 0m7idxk33vkvk16gael7.jpg]

این مشکل رو چطوری میتونم برطرف کنم؟

ممنون

hajagha

احتمالاً امیرعباس و صالح بتونند مشکلت رو حل کنند.

TehranNet

ممنون حاجاقا
پست برای 1 هفته پیش بود درست شد
ممنون از توجهت [تصویر: 83.gif]

حالت موضوعی \| حالت خطی قراردادن فاصله میان Table ها
نویسنده	پیام