یک مشکل عجیب!

EhsaanDev

کاربر عضو
سلام به دوستان.

من یک مشکل فوق العاده عجیب هنگام نوشتن کد HTML و CSS پیدا کردم، آن هم این است که مرورگرها نمی توانند استایل یک تگ را شناسایی کنند (اونو آدم حساب نمی کنن! :45: ) نمی دونم چرا این جوریه؟

کد HTML:


کد:
		<header>
			<h1>یکی از قابلیت*های <code>HTML5</code> را انتخاب کنید!</h1>
			<div id="3d">3D بازی!</div>
		</header>
کد CSS:


کد:
header {
	background-color: #333333;
	background-color: rgba(0,0,0,0.4);
	width:80%;
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
	padding:10px;
	color:#FFF;
}
header code {
	text-decoration:none;
	font: 18pt "Courier New",Tahoma,Arial,sans-serif;
}
header h1 {
	font: 18pt "Kodak",Tahoma,Arial,sans-serif;
	text-align: center;
}
header a {color:#FFF;}
header div {
	display: inline;
	float: right;
}
header div #3d {
	background: url("header.png") no-repeat -6px -10px !important;
	width: 50px;
	height: 44px;
	display:block;
}
به نظر شما مشکل از کجاست؟

خیلی ممنون.

 

matin.b

تازه وارد
در بخش كد:


کد:
[SIZE=10px]<div id="3d">[/SIZE]
را به


کد:
[SIZE=10px]<"div class="3d">[/SIZE]
و در بخش استايل:


کد:
[SIZE=10px]header div #3d {[/SIZE]
را به


کد:
[SIZE=10px].3d {[/SIZE]
تغيير دهيد.

 

iPersianScript

کاربر عضو
.

. ســلام :55:

. واسه خودمم جالب است! :39: الان و بصورت ضربتی تست زدم (البته فقط مرورگر کروم) :26: :

. تغییر از id به class تفاوتی نداره که.. جواب هم نداد! :76:

. ولی اگه برای div نه id و نه class اختصاص بدیم مجل! مرتفع! میشه.. :43:


کد:
header div {


. حالا اگه چند تا div نیاز باشه باز مشکل داری! :112:

. خـوش باشید :54:

.

 

homayon574

کاربر عضو
.

. سلام با اجازه از بزرگان پرشین اسکریپت اگر اجازه بدید دو تا سوتی دادین شما اقا iEhsan /:)

  1. اول اینکه تو css هرگز نباید وقتی چیزی رو مقدار دهی میکنید اون رو با عدد شروع کنید مثل ساخت متغیر تو پی اچ پی که مثلا متغیر 1$ اشتباه محسوب میشه کلاس و ایدی 3d# و 3d. هم اشتباه محسوب میشه :43:
  2. دوم این که اخه header div #3d که طبق مورد اول تا اینجا اشتباهه از نظر گفتاری اگر بگیم میشه تمام تگ هایی ایدی اونها 3d هست که مشروط به زیر مجموعه تگ دایو باشن و تگ دایو هم زیر مجموعه تگ header باشه در کل چیزی که شما میخواید به هدفتون برسید header div#3d هست که بازم طبق قانون اول اشتباه و باید نام ایدی تغییر کنه :-??

. موفق باشید :53:

. پ . ن : iPersianScript شکل نوشتارتو پیچوندم :54:

.

 

iPersianScript

کاربر عضو
.. سلام با اجازه از بزرگان پرشین اسکریپت اگر اجازه بدید دو تا سوتی دادین شما اقا iEhsan /:)

  1. اول اینکه تو css هرگز نباید وقتی چیزی رو مقدار دهی میکنید اون رو با عدد شروع کنید مثل ساخت متغیر تو پی اچ پی که مثلا متغیر 1$ اشتباه محسوب میشه کلاس و ایدی 3d# و 3d. هم اشتباه محسوب میشه :43:
  2. دوم این که اخه header div #3d که طبق مورد اول تا اینجا اشتباهه از نظر گفتاری اگر بگیم میشه تمام تگ هایی ایدی اونها 3d هست که مشروط به زیر مجموعه تگ دایو باشن و تگ دایو هم زیر مجموعه تگ header باشه در کل چیزی که شما میخواید به هدفتون برسید header div#3d هست که بازم طبق قانون اول اشتباه و باید نام ایدی تغییر کنه :-??

. موفق باشید :53:

. پ . ن : iPersianScript شکل نوشتارتو پیچوندم :54:

.
.

. دوبـاره مـن! :-"

. والا من با هر نوع نام برای id که با عدد شروع نشه تست زدم نشد! /:) نکنه منظورت رونگرفتم و فقط دارم سوتی میدم!!

. همون پست قبلیم فقط جواب میده و با همون شرایط.. :|:|

. نمونه های HTML5ی رو که نیگا می کردم، تو تگ <header> بیشتر hr دیدم تا چیزهای دیگه.. :-?? HTML5 دیگه..!!

. خـوش باشیـد :54:

.

 

homayon574

کاربر عضو
.. دوبـاره مـن! :-"

. والا من با هر نوع نام برای id که با عدد شروع نشه تست زدم نشد! /:) نکنه منظورت رونگرفتم و فقط دارم سوتی میدم!!

. همون پست قبلیم فقط جواب میده و با همون شرایط.. :|:|

. نمونه های html5ی رو که نیگا می کردم، تو تگ <header>بیشترhrدیدم تا چیزهای دیگه.. :-?? html5 دیگه..!!

. خـوش باشیـد :54:

.
. خوب مورد اول اکی مورد دومو فهمیدی چی گفتم ؟ :D

 

homayon574

کاربر عضو
نگاه header div #3d جدایی از اون نام آیدی زمانی درست جرا میشه که مثلا شما بیاید توی اچ تی ام ال بگید :


کد:
<header>
  <div>
   <p id="3d">
     code...
   </p>
  </div>
</header>
معنی اون چیزی که تو سی اس اس زدید یعنی هر ایدی تریدی که در بین دایوی باشه که درون هدر باشه ، توجه مینمویید ، :دی درستش اینجوری میشه :

header div #threeD »»» header div#threeD

 
آخرین ویرایش توسط مدیر:

iPersianScript

کاربر عضو
.

. جدی عجیبه!! :43: آخه الان اینو که یکی دو ساعت پیش هم تست زده بودم، دوباره تست زدم و شد!! :-??


کد:
header div#iEhsan {
background: url("header.png") no-repeat -6px -10px !important;
width: 55px;
height: 44px;
display:block;
border:1px solid #fff;
}

<header>
<h1>يکي از قابليت*هاي <code>HTML5</code> را انتخاب کنيد!</h1>
<div id="iEhsan">3D بازي!</div>
</header>



. یعنی طبق گفته اول که با عدد شروع نشه.. iEhsan جایگزین 3d# شد.. /:)

. حالا تو این یکی دو ساعت فقط سیستم یه نیم ساعت خاموش بود یعنی مشکل چی بوده !؟؟ :35:

. خـوش باشیـد :54:

.

 

homayon574

کاربر عضو
.. جدی عجیبه!! :43: آخه الان اینو که یکی دو ساعت پیش هم تست زده بودم، دوباره تست زدم و شد!! :-??


کد:
header div#iEhsan {
background: url("header.png") no-repeat -6px -10px !important;
width: 55px;
height: 44px;
display:block;
border:1px solid #fff;
}

<header>
<h1>يکي از قابليت*هاي <code>HTML5</code> را انتخاب کنيد!</h1>
<div id="iEhsan">3D بازي!</div>
</header>



. یعنی طبق گفته اول که با عدد شروع نشه.. iEhsan جایگزین 3d# شد.. /:)

. حالا تو این یکی دو ساعت فقط سیستم یه نیم ساعت خاموش بود یعنی مشکل چی بوده !؟؟ :35:

. خـوش باشیـد :54:

.
شک نکن div#iEhsan اون موقع اشتباه زدی و فاصله بینشون گذاشته بودی در هر حال مشکل حالا حل شد یا منو تو الکی داریم هم دیگه رو اینجا میزنیم؟ :دی

 

matin.b

تازه وارد
.. ســلام :55:

. واسه خودمم جالب است! :39: الان و بصورت ضربتی تست زدم (البته فقط مرورگر کروم) :26: :

. تغییر از id به class تفاوتی نداره که.. جواب هم نداد! :76:

. ولی اگه برای div نه id و نه class اختصاص بدیم مجل! مرتفع! میشه.. :43:


کد:
header div {


. حالا اگه چند تا div نیاز باشه باز مشکل داری! :112:

. خـوش باشید :54:

.
من كه ID رو به Class تغيير دادم رو فايرفاكس و كروم مشكلش حل شد

 
بالا