بک لینک

موضوع بسته شده است 
خاصیتی که شی را به پایین بچسباند
#1
باسلام
من خاصیتی میخواستم که بتونه شی ای رو به پایین divبچسبونه مانند خاصیت floutاما برای پایین وبالا
درقطعه کد داخل قسمت متن بخش نوشته شده توسط رو میخوام کاری کنم که به پایین بچسبه ازچه خاصیتی باید استفاده کنم؟
راستی این کد مشکلش چیه؟اشتباهاتم چیه؟ممنون
کد:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <title>قالب شماره 1</title>
    <style type="text/css">

        body{font-family:"B Yekan";font-size:18px;background-color:#bbd9e2;margin:0 0 0 0;padding:0 0 0 0;}
        body a{text-decoration:none;color:white}
        .header{background-color:#d0e4eb;width:940px;height:200px;border:2px #010135 solid;border-bottom-left-radius:12px;border-bottom-right-radius:12px;margin-left:40px;}
        .menu  a{text-decoration:none;color:white;font-size:18px;padding:5px;}
        .menu a:hover{background-color:aqua;font-size:19px;border-radius:3px;}
        .menu{text-align:center;background-image:url('Images/Menu.jpg');background-repeat:no-repeat;height:70px;padding-top:5px;}
        .name{text-align:center;}
        .name a{color:navy}
        .name2{font-size:36px;}
        .explain{font-size:18px;}
        
        .sidebar1{float:right;border:1px #010135 solid;margin-right:40px;margin-top:45px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:10px;border-bottom-left-radius:10px;padding:4px 4px 4px 4px;direction:rtl;background-color:#d0e4eb;}
        .namesidebar{background-image:url('Images/Sidebar.jpg');width:200px;height:auto;text-align:center;}
        .contentsidebar{font-size:14px;padding-top:8px;padding-right:6px;}
        .contentsidebar a{color:navy;}
        .contentsidebar a:hover{color:white;}
        
        .content{float:right;border:1px navy solid;border-top-right-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:10px;border-bottom-left-radius:10px;margin-top:45px;margin-right:20px;width:710px;direction:rtl;padding:5px 5px 5px 5px}
        .namecontent a{color:white;font-size:24px;padding-right:30px;}
        .content2{padding:5px 10px 5px 5px;height:auto;}
        .contentnazar{float:left;}
        .contentfooter{font-size:12px;}
}
</style>
</head>
<body>
    <div class="header">
    <div class="menu">
        <a href="#">صفحه نخست</a>
        <a href="#">آرشیوماهانه</a>
        <a href="#">ارتباط با ما</a>
        <a href="#">پروفایل</a>
    </div>
    <div class="name">
        <a class="name2" href="#">عنوان وبلاگ</a><br>
        <a class="explain" href="#">توضیحات وبلاگ</a></br>
    </div>
</div>

<div class="sidebar">
    <div class="sidebar1">
        <div class="namesidebar">منوی شماره 1</div>
        <div class="contentsidebar"><a href="#">لینک درساید بار</a><br><a href="#">لینک درساید بار</a><br><a href="#">لینک درساید بار</a></div>
    </div>
</div>
<div class="content">
    <div class="namecontent"><a href="#">عنوان مطلب 1</a><hr></div>
    <div class="content2">متن مطالب در اینجا نمایش داده میشود.</div>
    <div class="contentfooter"><pre>نوشته توسط <a href="#">نام نویسنده</a></pre></div>
    <div class="contentnazar"><a href="#">آرشیونظرات</a></div>
</div>

<div class="footer"></div>
</body>
</html>
#2
فرصت چک کردن کدهارو ندارم.
از توضیحاتت فهمیدم که میخوای عنصری رو پایین قرار بدی.
یه روش اینه که میتونی بهش margin-top بدی. یعنی فاصله از بالا.
به این صورت: margin-top:10px
عدد 10 پیشفرضه. همه جا این روش جواب نمیده.

یه روش که جایگاه دقیق عنصری رو مشخص میکنه.
اول به استایل عنصری که میخوای پایین قرار بدی position:relative; اضافه کن و بعد بهش bottom:10px اضافه کن.
عدد 10 پیشفرض هست.
هر چه قدر میخوای از پایین فاصله بگیره و به بالا حرکت کنه عدد 10 رو بیشتر کن.
 سپاس شده توسط hsdn ، رهنمافرد ، mmsh
#3
(93-5-29، 10:07 عصر)mortezaal نوشته است: فرصت چک کردن کدهارو ندارم.
از توضیحاتت فهمیدم که میخوای عنصری رو پایین قرار بدی.
یه روش اینه که میتونی بهش margin-top بدی. یعنی فاصله از بالا.
به این صورت: margin-top:10px
عدد 10 پیشفرضه. همه جا این روش جواب نمیده.

یه روش که جایگاه دقیق عنصری رو مشخص میکنه.
اول به استایل عنصری که میخوای پایین قرار بدی position:relative; اضافه کن و بعد بهش bottom:10px اضافه کن.
عدد 10 پیشفرض هست.
هر چه قدر میخوای از پایین فاصله بگیره و به بالا حرکت کنه عدد 10 رو بیشتر کن.
ویک سوال دیگه اونم اینکه من دوتا Divدارم که توی یک divقرارگرفتند وبعدهمدیگه تعریف شدن توی صفحه هم زیرهمدیگه میان چطوری میتونم کاری کنم کنارهمدیگه بیان؟یکی سمت راست پایین divاصلی قراربگیره اون یکی سمت چپ.ممنون
#4
برای راست و چپ قرار گرفتن عناصر از خاصیت float استفاده کنید. برای اینکه عنصری سمت راست قرار بگیره و از سمت راست مرتب بشه به اون float:right اضافه میکنیم. و برای سمت چپ قرار گرفتن هم از float:left.
فقط توجه کنید که سایز عناصر ( به قول شما divها ) به گونه ای تقسیم بشه که دوتا عنصر بتونن کنار هم قرار بگیرن.
 سپاس شده توسط hsdn
#5
(93-5-30، 12:18 صبح)mortezaal نوشته است: برای راست و چپ قرار گرفتن عناصر از خاصیت float استفاده کنید. برای اینکه عنصری سمت راست قرار بگیره و از سمت راست مرتب بشه به اون float:right اضافه میکنیم. و برای سمت چپ قرار گرفتن هم از float:left.
فقط توجه کنید که سایز عناصر ( به قول شما divها ) به گونه ای تقسیم بشه که دوتا عنصر بتونن کنار هم قرار بگیرن.

خب چطوری کاری کنم که کنارهم قراربگیرند؟هرکاری میکنم نمیشه میاد زیرش
#6
گفتید دوتا div رو داخل یک div  قرار دادید. خب div اول باید اندازه مشخصی داشته باشه. مثلا 400px.
بعد دوتا div که داخلش قرار دادی به یکی float:right و به اون یکی float:left بده. الان جایگاه دوتا div داخل رو مشخص کردی.
برای ایتکه کنار هم قرار بگیرن باید اندازه div ها هم دقیق مشخص بشه.
اگه مثلا div اولی باشه 400px (طول منظورمه )، اندازه دوتا div باید بشه 195px.
5px از هر کدوم کم میکنی که باید بینشون فاصله باشه.
اگه این مورد رو رعایت کنی نباید مشکلی باشه ..
 سپاس شده توسط hsdn
#7
کد:
position:relative;
bottom:0px
چیزیه که شما دنبالشید.
 سپاس شده توسط hsdn
#8
(93-5-30، 06:30 عصر)پويابهروش نوشته است:
کد:
position:relative;
bottom:0px
چیزیه که شما دنبالشید.

ممکنه بگید خط اول دقیقا داره چیکارمیکنه؟وچطورابعث چسبیدن به پایین میشه؟پایینی که فقط داره فاصله میده
#9
برای مشخص کردن دقیق موقعیت عناصر هست.
اینو بخون متوجه میشی: لینک برای مطالعه
 سپاس شده توسط hsdn
موضوع بسته شده است 


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان