کد وسط چین کردن عکس در css در دریم ویور چیه؟

شروع موضوع توسط wool ‏11 فوریه 2014 در انجمن نرم‌افزارهای توسعه‌وب‌سایت (Sublime, VSCode و ...)

  1. wool

    wool New Member

    ارسال‌ها:
    2
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    سلام دوستان خسته نباشید من تازه با درامویور اشنا شدم برای همین در کد ها یک سری مشکلاتی دارم
    من الان اومدم یک صفحه cominsoon برای شروع بسازم که همه چیزش درست رفتم فقط قسمت اخرشو بلد نیستم
    این کد برای صفحه index هست که من تو درامویور ساختمش ::

    <body>
    <div class ="main">
    <center>
    <img src="images/Untitled-1_03.gif" width="420" height="205" alt="" /> </div>
    </center>
    </body>

    و اینم کد css هستش که خودم لینکش دادم به index :::

    body{background-image:url(images/Untitled-1_01.gif);
    }
    .main{
    width:430PX;
    height:215PX;
    margin:auto;
    background-color:#FFF

    عکسی که انتخاب کردم برای cominsoon رفته تو قسمت هدر و مشکلم اینجاست که نمیدونم باید از چه کدی و در کجا استفاده کنم تا عکسم دقیقا بیاد تو وسط صفحه
    لطفا کمکم کنید بگید باید چه کنم؟

    }
     
    نوشته شده توسط wool در ‏11 فوریه 2014
  2. tarenoco

    tarenoco Member

    ارسال‌ها:
    216
    تشکر شده:
    14
    امتیاز دستاورد:
    18
    برای این کار شما باید یبه صفحتون سایز بدین
    و بعد میتونید با استفاده از margin اون رو به هر جایی که خواستید انتقال بدید
     
    نوشته شده توسط tarenoco در ‏21 می 2014
  3. rozmaryam

    rozmaryam Member

    ارسال‌ها:
    43
    تشکر شده:
    4
    امتیاز دستاورد:
    6
    سلام دوست عزیز
    اگر منظور شما از وسط صفحه یعنی مختصات 0و0 صفحه نمایش بستگی به محتوای صفحه داره.
    چون دیدم اون رو داخل body قرار دادین اگر شما دو سطر محتوا داشته باشین اون رو وسط دو سطر قرار میده ولی فکر کنم بشه از خاصیت background-position تصویر در سی اس اس استفاده کنین .که دارای 4 پارامتر هست و حتی می تونین دو پارامترهم مقداربدین :background-position: center left;
     
    نوشته شده توسط rozmaryam در ‏9 ژوئن 2014

به اشتراک بگذارید