PDA

View Full Version : ایجاد قالب سایت زیر با HTML و CSS



yasser6431
سه شنبه 19 دی 1391, 23:18 عصر
سلام
دوستان سایت زیر رو http://www.qiau.ac.ir قالب رو با HTML و css میخوما بزارم که خودش هم در پایین اشاره شد که با css ایجاد شده ممنون

webdesign2
پنج شنبه 21 دی 1391, 23:09 عصر
سلام !
سوال خود را واضح تر بنویسید دوست عزیز تا بتوانیم شما را راهنمایی کنیم .

yasser6431
جمعه 22 دی 1391, 16:56 عصر
بنده شروع به طراحی این سایت برای تمرین کردم
کدهای زیر:
<!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>دانشگاه آزاد قزوین</title>
<link rel="stylesheet" type="text/css" href="sty.css" />
<style type="text/css">
.auto-style1 {
background-color: #191a1c;
width: 100%;
height: 125px;
font-style: normal;
font-size: 12px;
font-family: Tahoma, Geneva, sans-serif;
color: #FFF;
margin-bottom: 26px;
}
</style>
</head>

<body background="Images/qiau.gif">
<center>

<div id="main">


<table class="auto-style1" style="height: 90px">
<tr>
<td >
<img src="Images/1.gif" />
</td>
<td>RSS</td>
<td> |نظر سنجی</td>
<td>|نظام پیشنهادها</td>
<td>|پست الکترونیک</td>
<td>|فهرست الفبایی</td>
<td>|نقشه سایت</td>
<td>|ارتباط با ما</td>
<td>|صفحه اصلی</td>
</tr>
<tr>
<td>
</td>
</tr>

</tabl>
</div>
<div id="box"></div>



</center>

</body>
</html>

و کد های css زیر :




#main{
width:1003px;height:600px; border-style:outset;
border-width:thin;


}


.thead{
background-color:#191a1c;
width: 100%;
height: 125px;
font-style: normal;
font-size: 12px;
font-family: Tahoma, Geneva, sans-serif;
color: #FFF;


}
#box{
width:1003px;
height:50px;
background-color:cadetblue;

}



حالا تگ div رو که به رنگ ابی هست رو هر کاری میکنم باید در زیر بنر قرار بگیر اما کاملا بالعکس عمل کرده و رفته بالا ممنون میشم راهنمایی بفرمایید این قسمت رو
مرسی

webdesign2
دوشنبه 02 بهمن 1391, 22:56 عصر
سلام !!
دوست عزیز margin-bottom:100%; بهش بدهید شاید درست بشود

Mohsen.
سه شنبه 03 بهمن 1391, 08:24 صبح
شما که تازه شروع به طراحی کردید. بهتره به جای table از div استفاده کنید. که در اینصورت باید در CSS خصوصیت های float و clear و position و ... را یاد داشته باشید.

s2/mri
چهارشنبه 04 بهمن 1391, 09:38 صبح
سلام

سایتی که گفتید تماما با table طراحی شده و اون css ای که در فوتر درج شده یعنی css سایت به وسیله w3c ، validate شده نه اینکه سایت با css طراحی شده

به نظر منم بهتره اول سایت رو با table طراحی کنید یا اینکه css رو یاد بگیرید بعد برید سراغ طراحی با CSS

موفق باشید