PDA

View Full Version : عدم نمایش متن با وجود استفاده از CSS



Ehsan Valinouri
پنج شنبه 27 دی 1386, 00:34 صبح
سلام دوستان.
من روی یک کامپوننت Navigation به CSS Class اش اسم Style ام رو آدرس دهی می کنم اما تغییرات فقط در محیط Design اعمال میشه و پس از Run همه تنطیمات اعمال میشه به جز تنظیماتی که روی متن باید اعمال بشه . ساده تر بگم اصلا متن رو نشون نمیده ولی بقیه موارد رو مثل رنگ پس زمینه و Border و Padding و ... رو مطابق استایلی که بهش داده شده نشون میده.
البته اول روی Masterpage این کار رو کردم ولی بعد که اون رو روی یه صفحه بدون Masterpage هم کار کردم باز مشکل داشت یعنی Masterpage من با CSS مشکلی نداره.
دوستان کسی تجربه مشابهی نداشته؟ ممنون میشم راهنماییم کنید.

miladr
پنج شنبه 27 دی 1386, 03:15 صبح
تو سورس خروجیت نگاه کن ببین نوشتت هست و اگه هست تگ li درست کلاس گرفته

Ehsan Valinouri
پنج شنبه 27 دی 1386, 09:21 صبح
منظورت از سورس خروجی سورس مربوط به Navigation هست؟
دوست عزیز این کد مربوط به کامپوننت NavBar از ComponentArt هست که من بهش یه کلاس CSS مقدار دهی کردم.همانطور که می بینین مقادیر Text در سورس دارای مقدار است مثل"صفحه اصلی":


<ComponentArt:NavBar ID="NavBar1" runat="server" BorderStyle="None" CssClass="TopItem"
Height="250px" Style="position: static" Width="180px">
<Items>
<ComponentArt:NavBarItem runat="server" CssClass="TopItem" NavigateUrl="1.aspx" PageViewId="NavBar"
Text="صفحه اصلی" TextWrap="True">
</ComponentArt:NavBarItem>
<ComponentArt:NavBarItem runat="server" CssClass="TopItem" NavigateUrl="1.aspx" Text="مقالات">
<ComponentArt:NavBarItem runat="server" Text="New Item">
</ComponentArt:NavBarItem>
<ComponentArt:NavBarItem runat="server" Text="New Item">
</ComponentArt:NavBarItem>
<ComponentArt:NavBarItem runat="server" Text="New Item">
</ComponentArt:NavBarItem>
</ComponentArt:NavBarItem>
<ComponentArt:NavBarItem runat="server" CssClass="TopItem" NavigateUrl="1.aspx" Text="تماس با ما">
</ComponentArt:NavBarItem>
<ComponentArt:NavBarItem runat="server" CssClass="TopItem" NavigateUrl="1.aspx" Text="درباره ما">
</ComponentArt:NavBarItem>
</Items>
</ComponentArt:NavBar>

در مورد تگ li اطلاعی ندارم.ممنون میشم در موردش بهم بگین.

mehrdad201
پنج شنبه 27 دی 1386, 09:59 صبح
دوست عزیز
اول از همه به من بگو که کامپوننت آرت که داره احتیاج به لایسنس داره یا نه ؟

اگه نداره میتونی به ما هم بدیش. من هم در به در دنبالشم..

اما در مورد css
چند قسمت رو باید چک کنی

1- ببینی آیا اصلا فایل استایل شیت رو اینکلود کردی
2- آیا مسیر فایل درسته ؟
3- آیا فایل استایل شیت روش پریمیشن هست؟؟ حواست باشه که اگه یه موقع اشتباها روی فایل سی اس اس پریمیشن بزاری (مثلا برای یوزر های لاگین کرده) استایل ها فقط در حالت لاگین اعمال میشن

4- خود کامپوننت رو چک کن. ببین خودش استایل جدا میندازه تو خروجی؟

یه کار دیگه هم بکن. سورس HTML خروجی رو با یه برنامه مثل فرونت پیج نگاه کن و فایل HTML رو در همون فولدر پروژت ایجاد کن ببین آیا روش استایل داره یا نه.

miladr
پنج شنبه 27 دی 1386, 10:49 صبح
منظورت از سورس خروجی سورس مربوط به Navigation هست؟
.

نه سورس صفحه وقتی با IٍٍE صفحه رو باز می کنی.

Ehsan Valinouri
پنج شنبه 27 دی 1386, 15:00 عصر
ظاهرا لایسنس داره ولی اجازه بده بعد از آیلود ببینم مشکلی پیش میاد یا نه چون این جور لایسنس ها گاهی اوقات بعد از آپلود حالتو بدجور میگیرن !!!

1-بله CSS رو با Tag زیر در تگ Head مسترپیج اضافه کردم:

<link href="navStyle.css" type="text/css" rel="stylesheet" >
2-منظورت از مسیر مسیر فایل CSS? اگه اینه که فکر میکنم درست آدرس دهی شده چون فایل CSS در روت برنامه قرار داره

3-نه هنوز Authentication و Role management نرسیدم و Permission اعمال نکردم.
4-برای کامپوننت مقدار پراپرتی CSS Class رو با نام Style ام مقداردهی کردم. کدش رو تو پست دومم فرستادم دوست عزیز.


کامپوننت روی مسترپیج قرار داره و توس صفحه عادی به کد توی مستر دسترسی ندارم. ولی تو VS2005 که کد رو نیگا میکنم دقیقا کد مربوط به کامپوننت همراه با text های مورد نظر من وجود داره.

اصلا دوست ندارم بحث رو کامپوننتی کنم چون میدونم که بحث های کامپوننتی جایی در این فروم نداره. راستش خودمم نمی دونم چه مشکلی داره چون خود ComponentArt در مثال هاش یه کد نمونه از همه کامپوننت ها گذاشته و وقتی کد اون صفحات نمونه رو نگاه میکنم هیچ فرقی با کد من نداره بنابرین فکر میکنم اشکال از جای دیگه باشه.
یه نکته دیگه که فکر میکنم هیچ ربطی به مشکل نداره اینه که من کامپوننت رو توی یه Table که تو ExpressionWeb طراحی کردم قرار میدم. میدونم تاثیری در مشکل به وجود آمده نداره ولی از ASP هیچ چی بعید نیست شاید کلید مشکل همین باشه.

mehrdad201
پنج شنبه 27 دی 1386, 18:29 عصر
باید همه چیز رو چک کنی

گاهی اوقات یه باگ کوچولو آدم رو دیوونه می کنه.

Ehsan Valinouri
پنج شنبه 27 دی 1386, 19:21 عصر
دقیقا.
جالب اینجاس که وقتی کامپوننت رو در یه صفحه خالی و درون یه table قرار میدم مشکلی نداره اما به محض اینکه به صفحه ای که خودم با ExpressionWeb طراحی کردم (چه مستر پیج چه غیر اون)و در ویژوال استودیو Import کردم مشکل داره. واقعا عجیبه !!!

mehrdad201
پنج شنبه 27 دی 1386, 19:41 عصر
خب بیا در صفحه اصلیت هم کنترل رو توی یه تیبل بزار.. چک کردی این حالت رو؟؟

اگه امکان داره صفحه رو یه جا آپلود کن یا اینکه پروژت رو بزار اینجا یه نگاهی بهش بندازیم.

راستی سوال کرده بودم که کامپوننت آرتت لایسنس داره ؟؟؟؟ دست ما رو هم بگیر..

Ehsan Valinouri
پنج شنبه 27 دی 1386, 20:18 عصر
آره همه جورشو چک کردم بازم نشد.
کد مسترپیج من اینه:

<%@ Master Language="VB" CodeFile="Master.master.vb" ClassName="NavStyle.css" Inherits="Dafault" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register Assembly="ComponentArt.Web.UI" Namespace="ComponentArt.Web.UI" TagPrefix="ComponentArt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">

<head runat=server>
<meta http-equiv="Content-Type" content="text/html; charset=unicode (UTF-8)" />
<title>PCPEDIA</title>
<asp:scriptmanager runat="server"></asp:scriptmanager>
<link href=Accordion.css type="text/css" rel="stylesheet" >
<style type="text/css">
.style1 {
text-align: left;
border: 1px solid #FFFFFF;
}
.style2 {
border: 1px solid #FFFFFF;
background-color: #ED1B23;
}
.style3 {
border: 1px solid #FFFFFF;
background-color: #D6D6D6;
}
.style4 {
background-color: #FFFFFF;
}
.style6 {
background-color: #ED1B23;
}
.style7 {
border-color: #FFFFFF;
border-width: 0;
}
.style9 {
text-align: center;
border: 1px solid #FFFFFF;
background-color: #D6D6D6;
}
.style10 {
border: 1px solid #FFFFFF;
}
.style15 {
text-align: center;
font-size: 7.5pt;
color: #808080;
font-family: Tahoma;
background-color: #D7D7D7;
}
.style17 {
color: #808080;
}
.style18 {
text-decoration: none;
}
.style19 {
color: #000000;
}
.style20 {
text-align: center;
font-size: 8pt;
color: #ffffff;
font-family: Tahoma;
background-color: #ED1B23;
}

</style>
</head>

<body>

<div style="position: absolute; width: 80%; left: 10%; right: 0%; top: -10px" id="layer1">
<table style="width: 100%" dir="rtl" cellspacing="0" cellpadding="0" align="center" class="style7">
<tr>
<td class="style9" style="height: 150px" valign="bottom">
<table style="width: 100%" cellspacing="0" cellpadding="0" class="style4">
<tr>
<td style="width: 26px">
<img alt="" src="Images/RightDownCurveGray.jpg" width="26" height="30" /></td>
<td bgcolor="#D7D7D7">&nbsp;</td>
<td style="width: 26px" bgcolor="#D7D7D7">
<img alt="" src="Images/LeftDownCurveGray.jpg" width="26" height="30" /></td>
</tr>
</table>
</td>
<td class="style1" style="height: 150px; width: 222px">
<img alt="PCPedia.ir" longdesc="Broadcast Your Knowledge" src="Images/Logo.png" width="222" height="150" /></td>
</tr>
</table>
</div>
<div style="position: absolute; width: 80%; left: 10%; top: 142px; right: 10%" id="layer2">
<table style="width: 100%" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 222px; vertical-align: text-top; text-align: center; font-size: 8pt; font-family: tahoma;" class="style2">
<table style="width: 100%" class="style4" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 26px">
<img alt="" src="Images/LeftUpCurve.jpg" width="26" height="30" /></td>
<td class="style6" style="width: 170px">&nbsp;</td>
<td style="width: 26px">
<img alt="" src="Images/RightUpCurve.jpg" width="26" height="30" /></td>
</tr>
</table>
<div style="text-align: center">
<div style="text-align: center">
<table style="width: 80%; position: static" runat=server id="Table1">
<tr>
<td style="width: 100%" runat=server id="Td1">
&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;<ComponentArt:NavBar ID="NavBar1" runat="server" Height="250px"
Style="position: static" Width="180px">
<Items>
<ComponentArt:NavBarItem runat="server" SubGroupCssClass="" Text="New Root">
<ComponentArt:NavBarItem runat="server" SubGroupCssClass="" Text="New Item">
</ComponentArt:NavBarItem>
<ComponentArt:NavBarItem runat="server" SubGroupCssClass="" Text="New Item">
</ComponentArt:NavBarItem>
</ComponentArt:NavBarItem>
<ComponentArt:NavBarItem runat="server" SubGroupCssClass="" Text="New Root">
<ComponentArt:NavBarItem runat="server" SubGroupCssClass="" Text="New Item">
</ComponentArt:NavBarItem>
<ComponentArt:NavBarItem runat="server" SubGroupCssClass="" Text="New Item">
</ComponentArt:NavBarItem>
</ComponentArt:NavBarItem>
<ComponentArt:NavBarItem runat="server" SubGroupCssClass="" Text="New Root">
</ComponentArt:NavBarItem>
<ComponentArt:NavBarItem runat="server" SubGroupCssClass="" Text="New Root">
<ComponentArt:NavBarItem runat="server" SubGroupCssClass="" Text="New Item">
</ComponentArt:NavBarItem>
<ComponentArt:NavBarItem runat="server" SubGroupCssClass="" Text="New Item">
</ComponentArt:NavBarItem>
</ComponentArt:NavBarItem>
</Items>
</ComponentArt:NavBar>
</td>
</tr>
</table>
</td>
<td valign="top" class="style3" bgcolor="#D6D6D6" style="text-align: center">
<table style="width: 100%" cellspacing="0" cellpadding="0" class="style4">
<tr>
<td style="width: 26px">
<img alt="" src="Images/LeftUpCurveGray.jpg" width="26" height="30" /></td>
<td bgcolor="#D6D6D6">&nbsp;</td>
<td style="width: 26px">
<img alt="" src="Images/RightUpCurveGray.jpg" width="26" height="30" /></td>
</tr>
</table><asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</td>
</tr>
</table>
<table style="width: 100%" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 222px" class="style10">
<table style="width: 100%" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 26px">
<img alt="" src="Images/LeftDownCurve.jpg" width="26" height="30" /></td>
<td class="style6">&nbsp;</td>
<td style="width: 26px">
<img alt="" src="Images/RightDownCurve.jpg" width="26" height="30" /></td>
</tr>
</table>
</td>
<td class="style10">
<table style="width: 100%" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 26px">
<img alt="" src="Images/LeftDownCurveGray.jpg" width="26" height="30" /></td>
<td class="style15">© 2006-2008
<a href="http://www.pcpedia.ir" class="style18">
<span class="style17">PCPedia.ir</span></a>™
<span class="style19">|</span> Broadcast your knowledge™
<span class="style19">|</span> All rights reserved.</td>
<td style="width: 26px">
<img src="Images/RightDownCurveGray.jpg" width="26" height="30" /></td>
</tr>
</table>
</td>
</tr>
</table>
<table style="width: 100%" cellspacing="0" cellpadding="0">
</table>
<table style="width: 100%" cellspacing="0" cellpadding="0">
</table>
<br />
</div>
&nbsp;&nbsp;&nbsp;&nbsp;

</body>

</html>





مهرداد جان جواب دادم سوالتو. راستش من خودم از کسی گرفتم. تو یه سایت هم دیدم که کرکش کرده بود اگه خواستی بگو آدرسشو برات پیغام خصوصی بفرستم ولی با این مشکلات کم کم دارم بی خیالش میشم.

mehrdad201
پنج شنبه 27 دی 1386, 20:20 عصر
لطف کن ادرسش رو در private message برام بفرست.

ممنون

mehrdad201
پنج شنبه 27 دی 1386, 20:22 عصر
کد ها رو دارم نگا می کنم. راستی اینطوری یه مقدار سخته چک کردنش به خصوص که گفتی وقتی سایت رو اجرا می کنی استایل ها درست اعمال نمیشن!!

اگه میتونستی رو یه ساب دومینی روی نت آپلودش کنی که بشه تو حالت اجرا دیدش خوب میشد.

Ehsan Valinouri
پنج شنبه 27 دی 1386, 20:34 عصر
برات میفرستم مهرداد جان

mp2009
جمعه 28 دی 1386, 15:19 عصر
اگه میشه برای من هم بفرست

Ehsan Valinouri
جمعه 28 دی 1386, 23:38 عصر
دوستان ظاهرا اینجا داره میشه تاپیک ComponentArt....
چشم. برای شما هم میفرستم ولی خواهشا یکی به داد منم برسه. چک کنید ببینید شما هم همچین مشکلی دارین یا نه؟

scorpion_man
یک شنبه 30 دی 1386, 02:29 صبح
دوستان ظاهرا اینجا داره میشه تاپیک ComponentArt....
چشم. برای شما هم میفرستم ولی خواهشا یکی به داد منم برسه. چک کنید ببینید شما هم همچین مشکلی دارین یا نه؟

سلام به دوستان
ببخشید من این سوال رو میپرسم ولی چون بعضی وقتا کوتاهی میشه برا منم خیلی اتفاق افتاده

شما وقتی style های صفحه رو تغییر میدی زمان اجراء پس از اجراء شدن برنامه و بالا اومدنش
کلیدهای ctrl+F5 رو با هم فشار میدی یا نه؟؟؟

چون این منابع رو client ذخیره یا cache میشن و شما با هر بار اجراء همون style های قبلی که رو client هست اعمال میشه پس حتما این موضوع رو فراموش نکن
موفق باشید

Ehsan Valinouri
یک شنبه 30 دی 1386, 09:42 صبح
راستش امتحان نکردم چون 1 بار 2 بار Run نکردم شاید بتونم بگم بیش از 20 بار تغییرش دادم و Run کردم و کار نکرد. ولی باز ممنون حتما یه امتحان می کنم.