CSS

10.10.2008

Вот и настало то чего я ожидал...
Пришлось использовать стили для улучшения дизайна...
Получив небольшую консультацыю у Адмирала(за что ему огромное спасибо), немножко понял что такое эти стили и с чем их едят 😀
Хотелось бы начать с простенького:
Как можно прописать отдельно стиль для отдельной ссылки!?
По словам Адмирала делал так:
1)Создал файл стилей линк.цсс
2)Залил туда стиль для определеного класа ссылок
a.cl_link,a.cl_link:active { color: #0000FF; text-decoration: none }
a.cl_link:hover { color: #CCCCCC; text-decoration: none }
3)Залил это все и на странице прописал "<link type="text/css" rel="StyleSheet" href="Путь к файлу стилей" />"
4)Задаю для определеной ссылки стиль так "<a class="cl_link" href="ССЫЛЬ">ТЕКСТ</a>"
Эфекта необнаруженно... 😵
З.Ы. Модератору форума: Наверное было бы неплохо создать к разделам ХТМЛ, ЯВАСКРИПТ, ПХП... и ЦСС!?

10.10.2008

Попробуй

<ul class="cl_link">
<a class="cl_link" href="ССЫЛЬ">ТЕКСТ</a>
</ul>

10.10.2008

а как по мне то всё работает
З.Ы. я обычно задаю класс и a:hover , a:active не люблю иметь дело с таким вариантом
#cl_link { color: #0000FF; text-decoration: none }
#cl_link:active { color: #0000FF; text-decoration: none }
#cl_link:hover { color: #CCCCCC; text-decoration: none }

и там не Class а ID ..пробуй..я не помню уже, с этой школой вообще заплесневел мозг
**********

10.10.2008

Фик его знает все перепробывал и ИД и класс - нифика так и невышло...

10.10.2008

допустим ты не будешь создавать отдельны файл стилей, а просто пропишешь стиль в самой странице.

в head
<style>
a.cl_link,a.cl_link:active { color: #0000FF; text-decoration: none } - стиль при наведении
a.cl_link:hover { color: #CCCCCC; text-decoration: none } - стиль без наведения
</style>
что ниже, куда нужно..
<a class="cl_link" href="ССЫЛЬ">ТЕКСТ</a>

10.10.2008

В моём вложенном файле было также, и всё работало.
Если у него и так не выходит, я уж не знаю тогда...

10.10.2008

ну так я ему немного так сказать разжевал, счас посмотрим...если человек никогда не работал со стилями, и у него вобще нет понятия что это, то да ему сначала будет сложно, а потом разбереться))

10.10.2008

Я советую ему воспользоваться учебником на **********
Я сам по нему учился, и кое чему научился

10.10.2008

********** тут тоже неплохо расписано, и по запросам кстате часто в первых этот сайт.

11.10.2008

Я понял в чем моя промашка... Любой из выше перечисленых способов работает и в отдельном файле стилей и в самому коде...
У меня просто ссылка стоит походу внутри таблицы вот поэтому оно и нехочет её захватывать...
<table border="0" width="100%" cellspacing="0" cellpadding="0" style="border:1px dotted black;"><td align="center"><a id=cl_link href="ССЫЛЬ"><font size=2>ТЕКСТт</font></a></td> </td></tr></table>
А может надо клас как-то для таблицы прописать?И для всего что там внутри?
Если да, то подскажите как?

11.10.2008

убери одну </td> - она лишняя, а после <table> поставь <tr>

11.10.2008

Важное замечание: ID используется если у нас один элемент.
CLASS используется если нужно указать стиль для нескольких элементов.

11.10.2008

Это даже я знаю, прочитал, усвоил!!! 😀
И все же приведите пример "класс" для таблицы что бы там ссылки были другого цвета и менялись при наведении...

11.10.2008

********** ,это немного не в тему,но советую почитать.
Красивый эффект, кроссбраузерный, может пригодиться

11.10.2008

W@W,

#cl_link, table #cl_link, td #cl_link, table td #cl_link { ... }

В режиме совместимости для ИЕ, вроде, надо таблицам всё отдельно указывать. Пока только это на ум приходит.

Ну или возможно, где-то правило перекрывается. Чем-нибудь таким:

table a { ... }

11.10.2008

2Кригон: если бы я еще что-то понял из выше перечисленого... 😵

11.10.2008

Поставь вместо этого
a.cl_link,a.cl_link:active { color: #0000FF; text-decoration: none }
a.cl_link:hover { color: #CCCCCC; text-decoration: none }
это
.cl_link, table .cl_link, td .cl_link, table td .cl_link, .cl_link:active, table .cl_link:active, td .cl_link:active, table td .cl_link:active { color: #0000FF !important; text-decoration: none !important; }
.cl_link:hover, table .cl_link:hover, td .cl_link:hover, table td .cl_link:hover { color: #CCCCCC !important; text-decoration: none !important; }

11.10.2008

Ну наконец-то спасибо тебе огромное, Кригон...

31.12.2008

народ кто знает какиенить прикольные CSS верхние навигации для сайта ? подскажите )

31.12.2008

free-css.com 😀