Изменение цвета ссылок в css

[Valerievna]

Подскажите пожалуйста, как можно изменить цвет ссылок в следующем css:

.pasya_1424_td_text { width: 100px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;}

Это код рекламы, весь текст идет как ссылка, и получается синего цвета, тк у меня ссылки заданы синие. А я бы хотела, чтобы текс был черным. Как это можно сделать, не в ущерб остальным ссылкам на странице?

 

[tigra60]

если <div class="pasya_1424_td_text> <a href= ...

.pasya_1424_td_text a, .pasya_1424_td_text a:link, .pasya_1424_td_text a:visited {
    color:#000;
}

или, если <a class="pasya_1424_td_text" href= ...

.pasya_1424_td_text:link, .pasya_1424_td_text:visited {
    color:#000;
}

Удачи!

 

[Valerievna]

<div id="pasya_1424">

Вот так

 

[tigra60]

Если

<div id="pasya_1424">

то стиль

.pasya_1424_td_text { width: 100px; ...

не для этого дива - там id, а здесь класс.
Может быть, в этом и проблема?
Скиньте весь проблемный кусок.
Удачи!

 

[Valerievna]

<style>
.pasya_1424_td_head { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;}
.pasya_1424_td_text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;}
</style>

Значит ширина неправильно, да. Я просто в css не сильна .Но почему то ширина работает, когда я ее поставила, размер уменьшился.

 

[tigra60]

А при чем тут ширина?
Валерьевна! Я сейчас завою, как Настя Каменских!!!
Прикрепите, пожалуйста файл(ы)со всем кодом Вашей рекламы - и HTML и CSS.
Чую, там есть чему подивиться :tongue:

 

[Valerievna]

Вот код рекламы

<div id="pasya_1424"><a href="http://www.passion.ru" target="_blank">Женский журнал</a></div>

А еще можно вопрос, очень важно, а как сделать, чтобы это все было не больше 160 px в ширину? Так можно? Пожалуйста скажите.

 

[gor]

Ссылка:

#pasya_1424 a:link{color:#000}<!--цвет ссылки-->
 #pasya_1424 a:visited{color:#333}<!--цвет посещеной ссылки-->
 #pasya_1424 a:hover{color:#f00}<!--цвет ссылки при навидении курсора-->

Ширина дива:

#pasya_1424{max-width:160px;}

или

#pasya_1424{width:160px;overflow:hidden}

 

[tigra60]

Я так понял, что Вам прислали вот такую вот рекламную ссылку?

<style>
.pasya_1424_td_head { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;}
.pasya_1424_td_text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;}
</style>
<div id="pasya_1424"><a href="http://www.passion.ru" target="_blank">Женский журнал</a></div>

Получив такой код, можно почувствовать себя Поплавским, которому доставили телеграмму: "Меня только что зарезало трамваем на патриарших похороны пятницу приезжай=Берлиоз".
Наверно, просто кусочек из своего сайта выдрали и Вам отправили. :wacko:
ЗЫ. Гвозди бы делать из этих людей... (В.Маяковский)
ЗЗЫ. Кстати, там исходник главной страницы в том же духе.
Я плакаль :blink: :unsure:

 

[Valerievna]

Я так понял, что Вам прислали вот такую вот рекламную ссылку?

Да, в личном кабинете такое выдают. Это вставьте между хеад, это в боди. Ну во первых не между хеад, а в файл css, а во вторых можно было бы для такого крупного сайта и разработать автоматическую подгонку блоков, как у всех нормальных людей.
У них вообще сайт ненормальный какой-то, вот представьте, заходишь в личный кабинет, вводишь этот пароль размером с простыню, переходишь внутри по ссылке, и все вырубается,- Авторизируйтесь, вы не авторизированы. И так все время. А рекламу выдает у них администратор ВРУЧНУЮ! Изменения вносишь в тематику, ждешь пока админ проверит, сутки, только потом они становятся активными. И главное, реклама по первому каналу ихняя идет, получается вроде как не простые ребята... а нормально не могут наладить автоматизацию. Вот на Гугле все идеально, никаких претензий вообще, сразу видно, профессионалы делали.
У них только пиарщики нормальные, реклама мне очень нравится, в отличии от Гугла, и по оплате все намного проще.
Посмотрим, как они еще выплаты делать будут, надеюсь не промахнутся.

Всем спасибо огромное! Теперь все работает как надо.
gor, а ширина почемуто не масштабирует блок до 160-ти, а режет его. Пришлось поставить 180, что очень не удобно, тк у меня колонки по 160.

 

[tigra60]

ширина почемуто не масштабирует блок до 160-ти, а режет его.

Так ширина изменяет масштаб только у рисунков.
А как это "счастье", вообще, выглядит? Я что-то на сайте Вашем его не нашел.

 

[tigra60]

А что же Вы, девушка, не сказали сразу, что там еще javascript имеется :angry: ?
Теперь понятно, как это все работает:
Скрипт изменяет содержимое блока с id="pasya1424" - то есть, вставляет в него таблицу с рисунками и ссылками.
Файл со скриптом у них на сайте и они сами его содержимое могут менять.
А если скрипт не сработает, то будет просто ссылочка на их сайт.
Теперь, что можно сделать со стилем рекламного блока в картинках:


И еще можно всяко много сделать - CSS - это сила!!!
Удачи!

 

[trueW3C]

Dreamweaver 8 кака. javascript не влияет на цвета...

<div class="rec-block">
<!-- Код рекламы -->
</div>

.rec-block a { color: #333 }

 

[Valerievna]

там еще javascript имеется

А почему он внизу страницы должен быть? Обычно же он на том месте, где реклама находится.

 

[tigra60]

Обычно же он на том месте, где реклама находится.

Нет, этот скрипт изменяет div, который к моменту загрузки скрипта уже должен быть загружен и внесен в дерево элементов DOM, поэтому скрипт и размещен в самом конце страницы. Еще правильнее было бы запустить этот скрипт по событию onload тега body:

<body onload="func()">

Это событие возникает, когда страница полностью загружена.
Тогда эту функцию можно описать в любом месте, предпочтительно в заголовке, там, где стили описываем:

<script type="text/javascript">
function func ()
{
//..здесь ссылка на внешний файл со скриптом
}
</script>

Но это не нам менять.
Структура жестко задана, но стилями можно легко управлять через id блока с рекламой.
Удачи!

 

[Valerievna]

Собрала себе из всех советов вот такой css:

#pasya_1424 a:link{color:#3366ff}
 #pasya_1424 a:visited{color:#99f}
 #pasya_1424 a:hover{color:#000}
#pasya_1424 {
border:solid 0px;
width:156px;
font-famili:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
}
#pasya_1424 img
{
width:50px; height:50px;
}

Вроде все работает так как надо. Спасибо всем большее!

 

[tigra60]

border:solid 0px

Если рамка не нужна, пишем:

border:none

Тогда и ширину можно сделать 160рх.
Настоятельно рекомендую изучить блоковую модель CSS:
http://www.zvirec.com/css_book.php?id=10
Удачи!

 

[Valerievna]

tigra, спасибо большое за ссылку, отличный сайт.