السلام عليكم
لدي سؤال في إستخدام css
كيف يمكن أن أضبط الصورتين بحيث تظهر في نفس المستوى كما في المثال المرفق
شكرا
عذرا نسيت المرفق وقد قمت بإرفاقه
قمت بعمل مثال بسيط
ملف style.css :
#TabsItem
{
float: left;
position: relative;
margin: 0 auto;
left:inherit;
height: 30px;
}صفحة Default.aspx:
<html> <head runat="server"> <link href="Style/style.css" rel="stylesheet" type="text/css" /> <title>Test for CSS</title> </head> <body> <form id="form1" runat="server"> <div id="TabsItem"> <asp:Image ID="imgForums" runat=server ImageUrl="~/Images/forum.jpg" /> </div> <div id="TabsItem"> <asp:ImageButton ID="imgBtnCart" runat="server" ImageUrl="~/Images/basket.jpg" /> </div> </form> </body> </html>
جربتها و طلعت 100%
ان احتجت لعرضهم من اليمين كل ما عليك هو تغيير float الى right
تم تعديل هذه المشاركة بواسطة محمد خليل أبو صلاح في 29 سبتمبر 2008 في 13:53
You can fly while you can touch the sky
display:inline;
هذا الهاك لل IE فقط :D
تم تعديل هذه المشاركة بواسطة خالد_الحوراني في 30 سبتمبر 2008 في 21:04
شكرا على المشاركة... بصراحة حليت المشكلة والسبب وجود
margin:6px 0px 0px 0px;
في التاج
.top_menu_bar input
وهو الذي سبب في عدم ضبط الصورتين في نفس المستوى
شكرا للجميع