من برای جدول کشی مشکل دارم

shahrooz_wildbo

New Member
سلام.
آقا من دیوانه شدم بس که نشستم جدول کشی کردم آخرش خراب شد.
میدونین چیه؟
جدول رو با فرانت پیج میکشم ( دو تا سل ) بعد توی جدول کناری یه چیزی رو تایپ میکنم .می خوام فقط مثلا 10 خط باشه.
حالا تو سل بقل دستیش مطلب تایپ میکنم.بعد که اینتر رو میزنم که بره خط بعدی،جدول کناری هم باهاش میاد.
نمیخوام این طوری بشه.
بعضی ها گفتن باید با سی اس اس کار کنی
اما من بلد نیستم.
میشه کمکم کنید؟
در ضمن من عضو این سایت شدم برام لینک تکمیل عضویت نفرستادن.بنابراین شاید اگه لینک بدین نتونم ببینم.
مرسی
 

marSoul

Member
طراحی با جدول این مشکلات رو داره، باید سمت DIV و CSS بری که این مشکلات رو نداشته باشی
میتونی یه جدول 2 در 2 بکشی بعد دو تا از سلهای عمودی رو باهم merge کنی
 

shahrooz_wildbo

New Member
یعنی چی؟
اگه میشه یکم بیشتر توضیح بده.
چون اگه من دو سلول عمودی بسازم.بعد سلول هم جوار سمت چپی با راستی حرکت میکنه بازم همون میشه که!
 

Webber

Well-Known Member
سلام
اگر کد html رو می ذاشتید بهتر میشد کمکتون کرد ولی فکر کنم کد زیر مشکلتون رو حل کنه:
HTML:
<body style="margin: 0px">
<div style="float:right">Cell 1</div>
<div>Cell 2</div>
</body>
موفق باشید
 

shahrooz_wildbo

New Member
سلام

ممنونم از لطفتون.
این کد اچ تی ام ال کل صفحه من هستش.
کد:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/URL]">
<html xmlns="[URL]http://www.w3.org/1999/xhtml[/URL]">
<head>
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
<style type="text/css">
.style2 {
 border: 1px solid #c0c0c0;
}
</style>
</head>
<body>
<p>&nbsp;</p>
<p>&nbsp;</p>
<table style="width: 100%" cellspacing="1" dir="rtl" class="style2">
 <tr>
  <td style="width: 150px">&nbsp;</td>
  <td style="width: 45px">&nbsp;</td>
  <td>&nbsp;</td>
 </tr>
 <tr>
  <td style="width: 150px"><br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  </td>
  <td style="width: 45px">&nbsp;</td>
  <td>&nbsp;</td>
 </tr>
</table>
</body>
</html>
سه تا جدول وجود داره.
سمت چپی برای نوشته هاست.سمت راستی برای موضوضعات و اون وسط کوچیکه هم برای فاصله این دو تا.
حالا همونطور که ملاحظه می کنید با هم حرکت میکنند.
اگه کمکم کنید ممنون میشم.
در ضمن من از اون کدی که قرار دادین استفاده کردم ولی حقیقتش من تا حالا با div کار نکردم نمیدونم اگه بخوام بهش border بدم باید چی کار کنم و یا اگه بخوام رنگش کنم باید چی کار کنم!
اگه لطف کنید کمکم کنید ممنون میشم.
 

shahrooz_wildbo

New Member
ببخشید یه چیزی رو یادم رفت بگم.
این کدی که دادین رو استفاده کردم.
توی پیش نمایش درسته اما تو خود نرم افزار به صورت عکس زیر میشه:
کد:
http://i27.tinypic.com/if8r3p.jpg
البته مشکلی در خود سایت به وجود نمیاره .اما راهی هست که درستش کنم؟
 

Webber

Well-Known Member
سلام دوست عزیز
پیشنهاد من و احتمالا اکثر بچه های اینجا استفاده از CSS در طراحی وب است.چه خوب که شما از همین ابتدا به این روش آشنا شوید.در این روش از جدول استفاده نمی شود مگر برای داده های آماری و موارد ضروری(Table less).در این روش فقط از div استفاده نمی شود و می توان از لیست ها،برچسب و ... به جای جدول استفاده نمود.البته این ها رو جهت آشنایی گفتم و اساتید عزیز می توانند گفته ها را کاملتر کنند.
در مورد مساله ی اول،برای دادن border یا رنگ پس زمینه می توانید با CSS به راحتی این کار را انجام دهید.مثلا:
کد:
div{border:1px black solid;}
div{background-color:gray}

برای یادگیری CSS می توانید از طریق اینترنت اقدام کنید یا کتاب هایی در این مورد را بخوانید.در انجمن CSS اینجا یک کتاب خوب معرفی شده می تونید خیلی خوب یاد بگیرید.
www.w3schools.com/css/css_intro.asp

در مورد مساله ی دوم،باید طول اینها رو کم کنید تا در یک سطر جا بشند.برای این کار می توانید از CSS مثل زیر استفاده کنید:
کد:
#div1{width:100px}
#div2{width:30%}
موفق باشید
 

جدیدترین ارسال ها

بالا