اعمال نشدن CSS !!

[fahmari]

سلام
من یه فایل CSS ساختم و اونو با تگ Link به صفحه اضافه کردم. یه تگ های موردنظرم هم Id ها رو دادم ولی CSS ها اصلا اعمال نشدن!! و هیچ تاثیری روی تگ ها نذاشتن!
چــــــــــــــــرا؟!!؟!
کد CSS ام خیلی هم سادست ! به صورت زیر:

#LastProduct{
padding :20px;
width :940px;
}

#ImageOfLastProduct{
padding :20px;
width :260px;
float :left ;

}

#InformationOfLastProduct{
padding :20px;
width :640px;
float :right ;
}


و اینم کد صفحه :

<div id="myslide">
<div ></div>
<div style="border: thin solid #C0C0C0; line-height:30px; padding:3px; background-color: #a3e3fa; vertical-align:middle ">
<img alt="" src ="Icons/NewProduct.png" height="32" width="32" /> جدیدترین مدل های معرفی شده
</div>
<!-- Last Product -->
<div id="#LastProduct">
<!-- Image of Last Product -->
<div id ="#ImageOfLastProduct">
<img style =" width:220px; height:180px" alt="" src="" />
</div>
<!-- Image of Last Product -->

<!-- Information of Last Product -->
<div id="#InformationOfLastProduct">
</div>
<!-- Information of Last Product -->


</div>
<!-- Last Product -->

</div>

[mehrzad_ali]

افزونه فایر باگ رو روی مرورگر فایر فاکس نصب کنید تا علتشو بفهمید
https://addons.mozilla.org/en-US/firefox/addon/firebug/
بعد از نصب روی دیو راست کلیک کنید و گزینه ی Inspect رو بزنید ببینید استایل رو میاره براتون سمت راست ؟

[quantomquery]

سلام


اینطوری بنویسید :



<div id="myslide">
<div ></div>
<div style="border: thin solid #C0C0C0; line-height:30px; padding:3px; background-color: #a3e3fa; vertical-align:middle ">
<img alt="" src ="Icons/NewProduct.png" height="32" width="32" /> جدیدترین مدل های معرفی شده
</div>
<!-- Last Product -->
<div id="LastProduct">
<!-- Image of Last Product -->

<div id ="ImageOfLastProduct">
<img style =" width:220px; height:180px" alt="" src="" />
</div>
<!-- Image of Last Product -->

<!-- Information of Last Product -->
<div id="InformationOfLastProduct">
</div>
<!-- Information of Last Product -->


</div>
<!-- Last Product -->

</div>












# رو از id حذف کردم

[fahmari]

افزونه فایر باگ رو روی مرورگر فایر فاکس نصب کنید تا علتشو بفهمید
https://addons.mozilla.org/en-US/firefox/addon/firebug/
بعد از نصب روی دیو راست کلیک کنید و گزینه ی Inspect رو بزنید ببینید استایل رو میاره براتون سمت راست ؟

من این کارو کردم، برای CSS های دیگه که اعمال شدن استایل رو بهم نشون میده ولی برای اون دیوها نه!!
انگار که برای اونا استایلی تعریف نشده!
حالا این یعنی مشکل چیه؟!

[quantomquery]

و همچنین اگه محتویات درون master page قرار دارند توی css بجای استفاده از id از class استفاده کنید

یعنی اینطوری


داخل css




.LastProduct{
padding :20px;
width :940px;
}

.ImageOfLastProduct{
padding :20px;
width :260px;
float :left ;

}

.InformationOfLastProduct{
padding :20px;
width :640px;
float :right ;
}









و در فرم خود :





<div id="myslide">
<div ></div>
<div style="border: thin solid #C0C0C0; line-height:30px; padding:3px; background-color: #a3e3fa; vertical-align:middle ">
<img alt="" src ="Icons/NewProduct.png" height="32" width="32" /> جدیدترین مدل های معرفی شده
</div>
<!-- Last Product -->
<div class="LastProduct">
<!-- Image of Last Product -->
<div class ="ImageOfLastProduct">
<img style =" width:220px; height:180px" alt="" src="" />
</div>
<!-- Image of Last Product -->

<!-- Information of Last Product -->
<div class="InformationOfLastProduct">
</div>
<!-- Information of Last Product -->


</div>
<!-- Last Product -->
</div>

[fahmari]

# رو از id حذف کردم
ممنون مشکل همین بود :)