PDA

View Full Version : سوال: سوال در مورد نحوه قرار دادن دکمه در کنار یک باکس



motherboard
دوشنبه 21 مهر 1393, 13:26 عصر
سلام.همون طور که در کد زیر می بینید یک باکسی با یک مشخصاتی وجود داره.حالا من می خوام که دکمه در همان سطری که باکس اشغال کرده بره و در سمت چب page ولی در همان سطری که نوشته وجود داره دیده بشه.اما هر کاری می کنم دکمه دیگه بالاتر نمیره.چی کار کنم؟

<html>
<style>
p{
color:rgb(200,15,15);
direction:rtl;
padding:5px;
background:rgb(200,200,200);
margin-left:900px;
}
#buttom{
margin-top:-30px;
}
</style>
<body>
<p> خوبی استفاده از ویژگی های CSS اینه که دیگه فقط مختص تگ p نیست و شما در هر تگی

که این ویژگی ها رو به صورت CSS بکار ببرید ، میشه چینش محتوای درون اون تگ رو تعیین کرد

.</p>
<button id="button"> کلیک کنید </button>
</body>
</html>

motherboard
دوشنبه 21 مهر 1393, 13:42 عصر
کد بالا یک ایراداتی داشت و فکر کردم مشکل از اونه. اما با تصحیح کردن مشکل باز چیزی که می خواستم اتفاق نیفتاد.دوستان وب باز کمک......
<html>
<style>
#P{
color:rgb(200,15,15);
direction:rtl;
padding:5px;
background:rgb(200,200,200);
margin-left:900px;
}
#bu{
margin-top:-30px;
}
</style>
<body>
<p id="P"> خوبی استفاده از ویژگی های CSS اینه که دیگه فقط مختص تگ p نیست و شما

در هر تگی که این ویژگی ها رو به صورت CSS بکار ببرید ، میشه چینش محتوای درون اون تگ

رو تعیین کرد .</p>
<button id="bu"> کلیک کنید </button>
</body>
</html>

Rejnev
دوشنبه 21 مهر 1393, 14:32 عصر
تگ های نظیر P و Div بصورت Display:Block هستند و در هنگام نمایش، تمام سطر جاری رو به خودشون اختصاص میدن و اجازه نمیدن تگی دیگر در کنارشون قرار بگیر. برای رفع مشکل میتونی به p عرض بدی، یا p رو float:left کنی.
اگه مد نظرت اینه که در گوشه سمت راست p دکمه ت دیده بشه میتونی از این کد استفاده کنی. رعایت تب بندی هم در خوانایی کد فراموش نشه
http://codepen.io/anon/pen/qohGm