Css Style

[Grid]

uc5:ToolBar1 ID="ToolBar1" runat="server" />
uc5:ToolBar1 ID="ToolBar2" runat="server" />


ToolBar содержит:

asp HyperLink ID="HyperLink1" runat="server" NavigateUrl="http://***.ru">Forum</asp></td>
asp HyperLink ID="HyperLink2" runat="server" NavigateUrl="http://****.ru">Box</asp></td>

тд тп..

вот нам надо чтоб в ToolBar1 Hyperlink1 был например зел?ный а

в ToolBar2 Hyperlink1 был например красный

как это описать в CSS файле??

[~Kitty~]

a.green:link, a.green:visited, a.green:hover {color: green;}

a.red:link, a.red:visited, a.red:hover {color: red;}

[Grid]

<asp HyperLink CssClass="green">
<asp HyperLink CssClass="red">

Эти изменения мы делаем в ToolBar-е?

Суть проблемы в том чтоб как раз внутри ToolBar-а ничего не менять...а все сделать снаружи

[~Kitty~]

Давайте тогда определимся:

ToolBar - это id css-файла или id asp?

[Grid]

у меня есть UserControl "toolbar"

который соджержит такой код

asp HyperLink ID="HyperLink1" runat="server" NavigateUrl="http://***.ru">Forum</asp></td>
asp HyperLink ID="HyperLink2" runat="server" NavigateUrl="http://****.ru">Box</asp></td>

на самой страничке объявляю

toolbar1 и toolbar2

то бишь 2 моих контрола Toolbar

uc5:ToolBar1 ID="ToolBar1" runat="server" />
uc5:ToolBar1 ID="ToolBar2" runat="server" />

Вопрос тот же

[~Kitty~]

А присваивать классы css контролам вы можете? (на сколько я знаю, не все контролы это поддерживают)

[Grid]

пытался создать 2 css файла и присвоить каждому usercontrol-у свой файл......

не работает, оба контрола отрисовываются только по одному файлу

[~Kitty~]

Нет, я имела в виду, вы можете написать на ваши контролы CssClass? Ну, например, CssClass="ToolBar1"?

[Grid]

т.е. toolbar1.css для toolbar1

toolbar2.css для toolbar2?

нет.....

uc5:ToolBar1 ID="ToolBar1" CssClass=Toolbar1.css runat="server" />
uc5:ToolBar1 ID="ToolBar2" CssClass=Toolbar2.css runat="server" />

такой код не дает нужного результата...

А как заставить контрол отрисовываться по по своему CssClass -у?

[~Kitty~]

Нет, вы вс? не так поняли.

uc5:ToolBar1 ID="ToolBar1" CssClass=Toolbar1 runat="server" />

.css вам не нужно. Судя по всему, вы разбираетесь больше в программировании =)

У вас должен быть отдельно файл с css-стилями. Подключенный к документу (либо стили, прописанные в шапке сайта).

Вот и пишите на ваши контролы:

uc5:ToolBar1 ID="ToolBar1" CssClass="Toolbar1" runat="server" />

uc5:ToolBar1 ID="ToolBar1" CssClass="Toolbar2" runat="server" />

соответственно.

А в css прописываете:

.Toolbar1 a:link, .Toolbar1 a:visited, .Toolbar1 a:hover {color: green}

.Toolbar2 a:link, .Toolbar2 a:visited, .Toolbar2 a:hover {color: red}

[Grid]

точно я вас не так понял

(просто был вариант написания 2 css файлов, соответственно их объявления и использование для каждого toolbar-а свою css-ку)

и в предыдущем посте в коде я сделал ошибку...

По теме: предложенный вами подход не работает

[~Kitty~]

Значит, ваши контролы не поддерживают атрибут CssClass (а если не секрет, что за контролы?). Можно попробовать каждый контрол обернуть в div с каким-то классом (например как написано было выше,

ну и сообтветственно второй так же, как в примере выше и конструкцию css на ссылки, как и ранее)

А где вы писали стили на ссылки? А общем файле css, подключенному к документу?

[Grid]

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ToolBar.ascx.cs" Inherits="ToolBar" %>
<table border="1" width="100%" cellpadding="1" cellspacing="0" height = "15">
<tr>
<td align="center">
 <asp:HyperLink ID="HyperLink1" runat="server" CssClass='[%# Eval("HyperLinkCssClass") %>' NavigateUrl="http://forum.swamp.ru">Forum</asp:HyperLink>


 <asp:HyperLink ID="HyperLink2" runat="server" CssClass='[%# Eval("HyperLinkCssClass") %>' NavigateUrl="http://forum.swamp.ru">Foasam</asp:HyperLink>
 </td>
</tr>
</table>

контрол самый обыкновенный

Стили мы писали в *.css файле

вот с div надо попробовать.....

[~Kitty~]

Судя по коду, у вас стиль css на каждую конкретную ссылку зависит от переменной HyperLinkCssClass. Какие значения может иметь эта переменная? Вот на них и вешайте цвет ссылок =)

[Grid]

вешал не пашет

public partial class ToolBar : System.Web.UI.UserControl
{
 public string HyperLinkCssClass
 {
 get { return (string)ViewState["hyperLinkCssClass"]; }
 set { ViewState["hyperLinkCssClass"] = value; }
 }
}

это свойство

.Link1
 {
 background-color: Green; 
 }
.Link2
 {
 background-color: silver; 
 }

а это css класс

где ошибко?

[~Kitty~]

Ну у вас css-стили прописаны неправильно, если стиль висит на ссылке. У вас остальные ссылки просто это свойство будут перекрывать. Судя по всему.

Вообще, так тяжело понять.

А можете показать кусок данного когда, который показывает страница (чистый html)?

[Grid]

<table border="1" width="100%" cellpadding="1" cellspacing="0" height = "15">
 <tr>
 <td align="center">
 <a id="ToolBar1_HyperLink1" class="[%# Eval("HyperLinkCssClass") %>" href="http://***.ru">Forum</a>


 <a id="ToolBar1_HyperLink2" class="[%# Eval("HyperLinkCssClass") %>" href="http://****.ru">Foasam</a>
 </td>
 </tr>
</table>
<table border="1" width="100%" cellpadding="1" cellspacing="0" height = "15">
 <tr>
 <td align="center">
 <a id="ToolBar2_HyperLink1" class="[%# Eval("HyperLinkCssClass") %>" href="http://****">Forum</a>


 <a id="ToolBar2_HyperLink2" class="[%# Eval("HyperLinkCssClass") %>" href="http://*****.ru">Foasam</a>
 </td>
 </tr>
</table>

если css класс описан не правильно то

как для этого случая он должен выглядеть?

ps: пробовал ешо так

a.Link1
 {
 background-color: Green; 
 }
a.Link2
 {
 background-color: silver; 
 }

[~Kitty~]

Попробуйте так:

a.Link1:link, a.Link1:visited, a.Link1:hover
 {
 background-color: Green; 
 }
a.Link2:link, a.Link2:visited, a.Link2:hover
 {
 background-color: silver; 
 }

[~Kitty~]

HyperLinkCssClass - это точно у вас Link1 и Link2 соответственно от разных условий?

[Grid]

 <uc1:ToolBar ID="ToolBar1" HyperLinkCssClass="Link1" runat="server" />
 <uc1:ToolBar ID="ToolBar2" HyperLinkCssClass="Link2" runat="server" />

Поменял Css класс по вашему примеру эффект нулевой...

[~Kitty~]

А что теперь показывает html-код, если просмотреть страничку в браузере (именно через Вид - Просмотр html-кода)?

У меня просто чувство, что вс?-таки там в порядке и правильности подключения классов к конкретным элементам проблемы..

[Grid]

html код выше как раз и относиться к этим строчкам...

[gizmomy]

Чувак, не морочься. Так как ты хочешь сделать нельзя.

Либо пиши два разных контрола, либо попробуй использовать яваскрипт - getElementBodyByID

Что-то типа:

<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
function color()
{
 document.getElementById('ToolBar1').style.backgroundColor = 'green';
 document.getElementById('ToolBar2').style.backgroundColor = 'silver';
}
/*]]>*/
</script>
<body onload="color()">
...
</body>

[~Kitty~]

А мне кажется, что можно.

Я не могу понять тогда, почему у вас браузер показывает вот это:

class="[%# Eval("HyperLinkCssClass") %>" - он не видит стиля, который надо подключить к ссылке. Поэтому у вас и не работает.