طراحی لایه بندی صفحه وب با div

این تاپیک 2 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  S_vorojack ،‏ 3 سال و 9 ماه پیش .

این تاپیک تاکنون 5038 بازدید داشته است .

تگ شده :  ,

نویسنده پست
جمعه ، 8 فوریه 2013     10:06 ب.ظ #


S_vorojack

Subscriber
45 پست32 تاپیک

بازم سلام دوستان

من تازه دارم طراحی سایت رو یاد می گیرم در حال حاظرم یه سایت برای دانشگاه می نویسم که در حد پروژه هستش

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

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
div
{
padding-right:25px;
padding-left:25px
}
#column1
{
float:right;
padding-left:30px;

}
#column2

{
float:right;
padding-left:30px;
}
#column3
{
float:right;
}
</style>
</head>

<body dir="rtl">
<div>
<div align="center">
<table width="100%" height="40%" border="1">
<tr>
<td>Baner</td>
</tr>
</table>
</div>

<div align="center" style="padding-top:15px">
<table width="100%" height="20%" border="1">
<tr>
<td>Menu</td>
</tr>
</table>
</div>
<div align="center" style="padding-top:15px">
<table width="100%" height="20%" border="1">
<tr>
<td>slide show</td>
</tr>
</table>
</div>
<div style="padding-top:15px;right:5px" id="column1">
<table width="200%" height="100%" border="1">
<tr>
<td>menu2</td>
</tr>
</table>

</div>
<div style="padding-top:15px" id="column2">
<table width="200%" height="80%" border="1">
<tr>
<td>mataleb site</td>
</tr>
</table>

</div>
<div style="padding-top:15px" id="column3">
<table width="200%" height="80%" border="1">
<tr>
<td>link</td>/*این جا قراره دو جدول داشته باشم یک جدول برای لینک جدول دیگر برای اطلاعات یا تبلیغات*/
</tr>
</table>

</div>
<div align="center" style="padding-top:15px">
<p>اینجا باید قسمت حق کپی رایت باشه</p>
</div>
</div>
</body>
</html>

5  تشکر
یکشنبه ، 10 فوریه 2013     10:01 ب.ظ #


لقمان آوند

مدیر ارشد
VIP
1704 پست5 تاپیک

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

http://www.layzilla.com
http://www.pagecolumn.com

7  تشکر
دوشنبه ، 11 فوریه 2013     12:34 ق.ظ #


S_vorojack

Subscriber
45 پست32 تاپیک

لقمان جان ممنون سایتش عالیه

2  تشکر
پست 1 تا 3 (از مجموع 3 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .