آژانس هواپیماییexchanging

2 دیو در کنار هم با تایتل بار

شروع موضوع توسط elnaz85 ‏27 فوریه 2010 در انجمن CSS

  1. elnaz85

    elnaz85 Registered User

    تاریخ عضویت:
    ‏22 ژانویه 2007
    نوشته ها:
    364
    تشکر شده:
    1
    من با css می خوام دوتا div رو کنار هم بزارم که مثل شکل زیر تایتل بار هم داشته باشه. هر کاری میکنم نمیشه و همش بهم میریزه.
    [​IMG]
     
  2. Bahram.ws

    Bahram.ws Registered User

    تاریخ عضویت:
    ‏8 آگوست 2005
    نوشته ها:
    1,133
    تشکر شده:
    71
    محل سکونت:
    On The Fly
    HTML:
    <html>
    <head>
    <style>
        .box{
            width: 250px;
            height: 400px;
            margin: 10px;
            float: left
        }
        .box span{
            background: #f93b82;
            display: block;
            width: 100%;
            height: 30px;
            text-align: center;
            line-height: 30px;
            color: #fff
        }
        #box1{
            background: #94f447;
        }
        #box2{
            background: #6e91df;
        }
    </style>
    </head>
    <body>
        <div class="box" id="box1">
            <span>title</span>
        </div>
        <div class="box" id="box2">
            <span>title</span>
        </div>
    </body>
    </html>
     
  3. elnaz85

    elnaz85 Registered User

    تاریخ عضویت:
    ‏22 ژانویه 2007
    نوشته ها:
    364
    تشکر شده:
    1
    ممنونم
    وقتی می خوام دوتای دیگه پایینش بسازم میان بغل دوتای اولی. اینو چیکارش کنم.
     
    Last edited: ‏27 فوریه 2010
  4. Bahram.ws

    Bahram.ws Registered User

    تاریخ عضویت:
    ‏8 آگوست 2005
    نوشته ها:
    1,133
    تشکر شده:
    71
    محل سکونت:
    On The Fly
    به سومی این خاصیت رو بده:

    HTML:
    style="clear:left"
    به خاطر float کلاس box همه شون کنار هم میان تا موقعی که تو صفحه جا بشن
    خودت هر طور دوست داری میتونی دست کاریش کنی
     
  5. elnaz85

    elnaz85 Registered User

    تاریخ عضویت:
    ‏22 ژانویه 2007
    نوشته ها:
    364
    تشکر شده:
    1
    بازهم ممنون