mehran788
یک شنبه 05 آبان 1392, 17:30 عصر
اینا کد های من
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="background">
<div id="background-top-bar">
<div id="background-top-menu">
<ul>
<li>ورود</li>
<li>ثبت نام</li>
<li>آموزش خرید</li>
<li>درباره ما</li>
<li>تماس با ما</li>
</ul>
<div id="background-contact">
<div id="contact-icon"></div>
<div id="contact-number">123456789</div>
</div>
</div>
</div>
<div id="background-red-bar">
<div id="background-logo-text"></div>
<div id="background-light"></div>
<div id="background-search">
<input type="text" class="text1" style="width:242;float:right;margin-right:8px;margin-top:3px;" placeholder="جست و جو . . .">
<div id="search-button"></div>
</div>
<div id="background-bag">
<div id="bag"></div>
<div id="check" class="text2">چک کردن</div>
<div id="itemcounter">چیزی در سبد خرید یافت نشد</div>
</div>
</div>
<div id="background-menu">
<ul>
<li>خانه</li>
<li>محصولات جدید</li>
<li>Dell</li>
<li>Sony Vaio</li>
<li>Toshiba</li>
<li>Asus</li>
<li>Apple</li>
<li>Acer</li>
<li>MSN</li>
</ul>
</div>
</div>
</body>
</html>
body{ background-color: #fff;font-family: B Koodak;font-size: 12px;overflow-y:scroll;}
#background{min-height: 600px;}
#background-top-bar{height: 30px;background-color: black}
#background-top-menu{position: absolute;right: 5px;top: 10px;width: 500px;height: 20px}
#background-top-menu ul{display: inline;list-style-type: none;color: white}
#background-top-menu ul li{margin-right: 5px;float: right;line-height: 22px;width: 60px;text-align: center;}
#background-top-menu ul li:hover{background-color: white;color: black}
#background-contact{width: 40px;height: 22px;position: absolute;right: 1290px;top: 2px}
#contact-icon{width: 20;height: 22;background-image: url('files/phone.png');float: left;}
#contact-number{width: 20px;height: 22px;float: left;color: white}
#background-red-bar{height: 99;background-image: url('files/red bar.png');}
#background-logo-text{width: 300px;height: 80px;background-image: url('files/logo.png');position: absolute;right: 530px;top: 45px}
#background-light{width: 960;height: 99;background-image: url('files/yellow light.png');position: absolute;right: 220;top: 38}
#background-search{width: 291;height: 31;position: absolute;right: 60;top:73;background-image: url('files/textbox.png');}
#search-button{width: 41;height: 30;float: left;background-image: url('files/search button.png');margin-top: 1px;margin-left: -2}
#search-button:hover{background-image: url('files/Search Button Reverse.png');}
#background-bag{width: 250;height: 88;position: absolute;right: 1050;top: 40}
#bag{width: 76;height: 88;float: left;background-image: url('files/bag.png');}
#check{width: 114;height: 23;float: left;margin-top: 50;background-image: url('files/button24.png');}
#check:hover{background-image: url('files/button24-hover.png');}
#itemcounter{min-width: 100;height: 30;float: right;color:white;position: absolute;right: 50;top: 15}
#background-menu{height: 43;background-image: url('files/Red Bar 1.png');}
#background-menu ul{display: inline;list-style-type: none;color: white}
#background-menu ul li{margin-right: 2px;margin-top: 13px;width: 74px;text-align: center;float: right;}
#background-menu ul li:hover{background-image: url('files/button25.png');background-repeat: no-repeat;}
.text1{text-align:right;direction: rtl;font-family: B Koodak;font-size: 12px}
.text2{text-align:center;direction: rtl;font-family: B Koodak;font-size: 14px}
من اول کد هام <!DOCTYPE html> رو نوشتم ولی کل اندازه ه هایی که تنظیم کرده بودم به هم خورد.