عمود و افقی کرد بلوک ها

Morteza1371

Active Member
من بایه مشکل برخوردم

وقتی بلوکی رو درست کردم . می خوام که بلوک ها زیر هم قرار بگیره و لی بصورت افقی می شه.!:-?

سوال دیگه ای هم دارم ، چطور بلوک ها رو در هر جای صفحه که خواستم قرار بدم؟

html
PHP:
<!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>IRINN</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="main">
<div id="header">
  <img src="../New Folder/images/Untitled-1_02.png" width="761" height="129" />
  </div>
  <div class="menu">
  </div>
  <div class="menu">
  </div>
</div>
</body>
</html>

css

PHP:
@charset "utf-8";
/* CSS Document */
body{
    background-image:url(../images/Untitled-1_10.jpg);
}

#main {
    width:763px;
    height:600px;
    background-color:#e8e8e8;
    margin:auto;
    
}
#header{
    padding-left:1px;
    padding-top:1px;
    
}
.menu {
    width:185px;
    height:180px;
    background-color:#f8f8f8;
    float:right;
    margin-top:4px;
    margin-right:6px;
    
}
 

پیوست ها

  • untitled.JPG
    untitled.JPG
    41.7 کیلوبایت · بازدیدها: 2
آخرین ویرایش:

sharktech

کاربر فعال
برای کلاس menu اینو جایگزین کنین.

کد:
.menu {
    clear:both;
    width:185px;
    height:180px;
    background-color:#f8f8f8;
    float:right;
    margin-top:4px;
    margin-right:6px;
}
 

sharktech

کاربر فعال
float برای چپ یا راست بودن بلوک هست و clear هم برای خنثی کردن چپ و راست یا هر دو هست.

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

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

بالا