עזרה בעיצוב אתר בעזרת DIVים

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="rtl"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-8-i" /> <title>Untitled Document</title> <style type="text/css"> * { font-size: 10pt; font-family: Arial; } div#sr { width:auto; float:right; width:50%; } label { float:right; width:20%; clear: right; margin-bottom: 1em; } input, textarea { float: right; } #button { clear: both; margin: auto; width: 7em; } </style> </head> <body> <form name="new" method="post"> <div> <div id="sr"> <label for="fName">שם פרטי: </label><input type="text" name="fName" id="fName" /> <label for="lName">שם משפחה: </label><input type="text" name="lName" id="lName" /> <label for="ID">ת"ז: </label><input type="text" name="ID" id="ID" maxlength="9" size="9" /> <label for="Address">כתובת: </label><input type="text" name="Address" id="Address" size="50" /> <label for="Cellular">טלפון סלולרי: </label><input type="text" name="Cellular" id="Cellular" maxlength="11" size="11" /> <label for="Details">פרטים: </label><textarea name="Details" id="Details"></textarea> </div> <div>תמונה:</div> <div>דגשגשגדשגש</div> </div> <div id="button"> <input type="submit" value="שלח" /> <input type="reset" value="נקה" /> </div> </form> </body> </html>

אני תכף אבדוק מה הבעיה ב-IE.
בכל אופן יותר מומלצת הדרך שהצעתי לך. מכמה סיבות
1. פחות קוד.
2. אין פקודות inline של CSS
3. בקשר ל-label אתה יכול לראות את היתרון בכך שאם תלחץ על הטקסט עצמו השדה המקושר אליו יקבל את הפוקוס.
4. לדעתי, יותר מדי divים שמפוזרים ברחבי הדף רק עושים את הקוד פחות קריא (אבל זו רק דעתי).
5. יותר סימנטי ויותר נגיש לאנשים עם מוגבלויות.

ערכתי קצת את הקוד (מצורף מטה) הוא לא כ"כ יעיל ונקי. אולי אני אנסה ליצור את זה אחרת יותר מאוחר....
https://2005-uploaded.fresh.co.il/2...15/47447777.htm
קוד:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="rtl">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-8-i" />
	<title>Untitled Document</title>
	<style type="text/css">
		* {
			font-size: 10pt;
			font-family: Arial;
		}
		div#sr {
			float:right;
			width:50%;
		}
		label {
			float:right;
			width:20%;
			clear: right;
			margin-bottom: 1em;
		}
		input, textarea {
			float: right;
			_clear: right;
			_margin: -25px 20% 0 0;
		}
		#button {
			clear: both;
			margin: auto;
			width: 7em;
		}
		#button input {
			clear: none;
			margin: 0;
		}
	</style>
</head>
<body>
	<form name="new" method="post">
		<div>
			<div id="sr">
		    	<label for="fName">שם פרטי:&nbsp;</label><input type="text" name="fName" id="fName" />
		    	<label for="lName">שם משפחה:&nbsp;</label><input type="text" name="lName" id="lName" />
		    	<label for="ID">ת"ז:&nbsp;</label><input type="text" name="ID" id="ID" maxlength="9" size="9" />
		    	<label for="Address">כתובת:&nbsp;</label><input type="text" name="Address" id="Address" size="50" />
		    	<label for="Cellular">טלפון סלולרי:&nbsp;</label><input type="text" name="Cellular" id="Cellular" maxlength="11" size="11" />
		    	<label for="Details">פרטים:&nbsp;</label><textarea name="Details" id="Details"></textarea>
			</div>
			<div>תמונה:</div>
			<div>דגשגשגדשגש</div>
		</div>
		<div id="button">
			<input type="submit" value="שלח" />
			<input type="reset" value="נקה" />
		</div>
	</form>
</body>
</html>

אפשרויות משלוח הודעות

אתה לא יכול לפתוח אשכולות חדשים

אתה לא יכול להגיב לאשכולות

אתה לא יכול לצרף קבצים

אתה לא יכול לערוך את ההודעות שלך

קוד vB פעיל

סמיילים פעיל

קוד [IMG] פעיל

קוד HTML כבוי

כלי אשכול	חפש באשכול זה
הצג גירסת הדפסה שלח דף זה ב E-Mail	חפש באשכול זה: חיפוש מתקדם
מצבי תצוגה	דרג אשכול זה
עבור למצב לינארי מצב כלאיים עבור למצב משורשר	דרג אשכול זה:

הדף נוצר ב 0.04 שניות עם 10 שאילתות
צור קשר - Fresh - למעלה