الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

عن Css

بدأه kathy في 28 سبتمبر 2008 · 7 رد · 878 مشاهدة · في ASP.NET
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم

لدي سؤال في إستخدام css

كيف يمكن أن أضبط الصورتين بحيث تظهر في نفس المستوى كما في المثال المرفق

شكرا

css.rar

تم تعديل هذه المشاركة بواسطة kathy في 29 سبتمبر 2008 في 10:48

#2

أين المثال؟

Sr. Software Development Engineer
Hulu, LLC
My Blogs

#3

عذرا نسيت المرفق وقد قمت بإرفاقه

#4

قمت بعمل مثال بسيط

ملف 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

#5

أنت قصدت أن المثال اللي بالاسفل مو هذا اللي تبغى التعديل عليه ومثالك واحد آخر

حسناً ضع في ال div الماستر اللذي يشمل الصورتين

display:inline;

والموضوع بينحل إن شاء الله

لكن اتمنى اني اشوف مشكلة كودك فقط

joseph.gif

logo.gif

CCNA 640-802

مدونتي

#6
display:inline;

هذا الهاك لل IE فقط :D

تم تعديل هذه المشاركة بواسطة خالد_الحوراني في 30 سبتمبر 2008 في 21:04

#7

ليس موجهاً للـ IE فقط ولكن فايرفوكس هو من يواجه مشكله مع هذا ال attribute

joseph.gif

logo.gif

CCNA 640-802

مدونتي

#8

شكرا على المشاركة... بصراحة حليت المشكلة والسبب وجود

margin:6px 0px 0px 0px;

في التاج

.top_menu_bar input

وهو الذي سبب في عدم ضبط الصورتين في نفس المستوى

شكرا للجميع

مواضيع مشابهة