مشکل با ایجاد کد CSS در Asp.Net

[neo1989021]

با سلام.
دوستان مشغول طراحی کردن یک وب سایت هستم اما مشکلم اینه که وقتی css رو می نویسم تمام لینک ها سفید میشه و نمی تونم یه لینک دیگه رو آبی کنم و رولورش و قرمز کنم.


<style type="text/css">
a {
font-family: tahoma;
font-size: 12px;
color: #FFF;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFF;
}
a:hover {
text-decoration: underline;
color: #FFF;
}
a:active {
text-decoration: none;
}

دوستان می خواهم مثلا دو style داشته باشم اگه به یک لینک style1 رو دادم لینک ابی و با فلان rolover و ... و اگه به یک لینک style2 رو دادم فلان rolover و ...
با تشکر

[Ali_M.Eghbaldar]

دوست عزیز سوالت اصلا واضح نیست !!

[peymanjon]

شما یک stylesheet به پروژه اضافه میکنید و 2 کلاس به نام های style1 , style2 در آن مینویسید (هر کلاس با نقطه شروع میشود) و بعد کدهای مربوط به طراحی تون را در آنها بصورت جداگانه مینویسید.بعد به هر آیتمی که میخواهید کلاس مربوط به آن را ارجاع میدهید

[neo1989021]

دوست عزیز من این کار و انجام دادم و به لینک باتنم style100 رو نسبت دادم رنگ و فونتش تغییر میکنه اما visit و ... نمیشه


.style100
{
text-decoration: none;
color: white;
font-family: Tahoma;
font-size: 12px;
}
a.link1:visited {
text-decoration: none;
color: #0000ff;
font-family: Tahoma;
font-size: 8pt;
}
a.link1:hover {
text-decoration: none;
color: Red;
font-family: Tahoma;
font-size: 8pt;
}


کل css ها هم میذارم ببینید کجاش مشکل داره که کار نمیکنه به درستی:


<style type="text/css">
.style100
{
text-decoration: none;
color: white;
font-family: Tahoma;
font-size: 12px;
}
a.link1:visited {
text-decoration: none;
color: #0000ff;
font-family: Tahoma;
font-size: 8pt;
}
a.link1:hover {
text-decoration: none;
color: Red;
font-family: Tahoma;
font-size: 8pt;
}
.style1
{
width: 900px;
border-collapse: collapse;
border: 1px solid #999;
}
.style2
{
width: 900px;
height: 38px;
background-color: #800000;
background-image: url('Images/Top_Img.jpg');
}
.stylea
{
width: 900px;
border-collapse: collapse;
border: 0px solid #FFFFFF;
}
</style>
<style type="text/css">

.style3
{
font-size: 14pt;
color: #000000;
}
.style4
{
width: 900px;
background-image: url('Images/mast_colours.png');
}
.style5
{
font-family: Tahoma;
font-size: 9pt;
color: #FFFFFF;
}
.style6
{
font-size: 8pt;
}
.style7
{
width: 900px;
height: 80px;
background-image: url('Images/SiteLogo.jpg');
}
.style8
{
width: 900px;
background-color: #FFFFFF;
}
.style9
{
font-family: Tahoma;
font-size: 9pt;
}
.style10
{
width: 900px;
}
</style>
<style type="text/css">
.style100
{
text-decoration: none;
color: white;
font-family: Tahoma;
font-size: 12px;
}
a.link1:visited {
text-decoration: none;
color: #0000ff;
font-family: Tahoma;
font-size: 8pt;
}
a.link1:hover {
text-decoration: none;
color: Red;
font-family: Tahoma;
font-size: 8pt;
}
.style1
{
width: 900px;
border-collapse: collapse;
border: 1px solid #999;
}
.style2
{
width: 900px;
height: 38px;
background-color: #800000;
background-image: url('Images/Top_Img.jpg');
}
.stylea
{
width: 900px;
border-collapse: collapse;
border: 0px solid #FFFFFF;
}
</style>
<style type="text/css">

.style3
{
font-size: 14pt;
color: #000000;
}
.style4
{
width: 900px;
background-image: url('Images/mast_colours.png');
}
.style5
{
font-family: Tahoma;
font-size: 9pt;
color: #FFFFFF;
}
.style6
{
font-size: 8pt;
}
.style7
{
width: 900px;
height: 80px;
background-image: url('Images/SiteLogo.jpg');
}
.style8
{
width: 900px;
background-color: #FFFFFF;
}
.style9
{
font-family: Tahoma;
font-size: 9pt;
}
.style10
{
width: 900px;
}
</style>

[oossaa]

دوست عزیز مشکل شما به احتمال زیاد این هست که تو صفحه ای داری از این css استفاده می کنی که دوباره style1 یا/و style2 وجود داره و تعریف شده. به همین دلیل asp.net از مقدار محلی استفاده می کنه و اصلا به css نمی ره

درو اقع مشکل overwrite شدن cssClassهاست اگه برای هر style یه اسم یکتا استفاده کنی مشکلت حل می شه