طراحی سایت [بایگانی]

mahdivita

چهارشنبه 30 اسفند 1391, 14:35 عصر

سلام
دارم یه قالب طراحی میکنم توی یک قسمتش به مشکل برخوردم اون هم این هستش که میخوام اون جدولی که توش نوشتم طراحی وب و.... به عکسم نزدیک بشه مبتدی هستم لطفا راهنمایی کنین

http://uploadkon.ir/?file=web_2.zip

mahdivita

چهارشنبه 30 اسفند 1391, 14:36 عصر

لطفا راهنمایی کنین

omidparkour

چهارشنبه 30 اسفند 1391, 17:59 عصر

کار جالبی بود اما من هم کنجکاو شدم که چرا نمیشه
دوستان لطفا شما هم بررسی کنید

Mohsen.

چهارشنبه 30 اسفند 1391, 18:19 عصر

سلام.
به جدولی که عکس داخلش هست align:left بده. کمی درست میشه.
اما به نظر من همین الان هر چی نوشتی رو پاک کن و با Div کد بنویس.
باید یک دایو اصلی داشته باشی که دارای width مشخص هست مثلا 1000px بعد داخل اون عناصر صفحه رو قرار میدی. کارت خیلی راحت میشه.

mahdivita

چهارشنبه 30 اسفند 1391, 18:23 عصر

متاسفانه ساختار divرو خوب نمیدونم میشه یه نمونه بنویسید

Mohsen.

چهارشنبه 30 اسفند 1391, 18:28 عصر

میتونید از آموزشی (http://barnamenevis.org/showthread.php?350524-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%DB%8C%DA%A9-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%B3%D8%A7%D8%AF%D9%87-%D8%A8%D8%A7-CSS-HTML)که آقای صابر مقدس گذاشتند استفاده کنید.

behrozi.ir

چهارشنبه 30 اسفند 1391, 18:38 عصر

سلام
دو نمونه کد میزارم
خودتون تفاوتشون را احساس کنید

1. نمونه طراحی با div

<!DOCTYPE html>
<html>
<body>

<div id="container" style="width:500px">

<div id="header" style="background-color:#FFA500;">
<h1 style="margin-bottom:0;">Main Title of Web Page</h1></div>

<div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;">
<b>Menu</b><br>
HTML<br>
CSS<br>
JavaScript</div>

<div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">
Content goes here</div>

<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">
Copyright © behrozi.ir</div>

</div>

</body>
</html>

2. نمونه طراحی با Table (جدول)

<!DOCTYPE html>
<html>
<body>

<table width="500" border="0">
<tr>
<td colspan="2" style="background-color:#FFA500;">
<h1>Main Title of Web Page</h1>
</td>
</tr>

<tr>
<td style="background-color:#FFD700;width:100px;">
<b>Menu</b><br>
HTML<br>
CSS<br>
JavaScript
</td>
<td style="background-color:#EEEEEE;height:200px;width:400px;">
Content goes here</td>
</tr>

<tr>
<td colspan="2" style="background-color:#FFA500;text-align:center;">
Copyright © behrozi.ir</td>
</tr>
</table>

</body>
</html>

راستی عیدتون مبارک
تشکر یادت نره