Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Привинтить CSS к линку. Не пойму как. / 21 сообщений из 21, страница 1 из 1
08.05.2007, 15:33
    #34513067
WEB_bobby
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Привинтить CSS к линку. Не пойму как.
Есть на странице
Код: plaintext
<a id ="music" href ="music.html"></a>
как привинтить к этому линку следующий css?


Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
 
 
  a{text-decoration: none;} 
  
  a:link {color: #8754AB;}
  a:visited{color: #8754AB;}
  a:hover{color: #A171E4;}
  
  font: 25px Century Gothic;
  margin-right:165px;
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.05.2007, 16:06
    #34513241
SkyLight
SkyLight
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Привинтить CSS к линку. Не пойму как.
прописать это в css-файле. Вот только font: 25px "Century Gothic"; margin-right:165px; надо написать внутри правила для самой ссылки. Да, и Century Gothic, как видишь, в кавычках, патамушта два слова.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.05.2007, 16:34
    #34513342
PhoenixNET
PhoenixNET
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Привинтить CSS к линку. Не пойму как.
Если у тебя есть какое-то правило для всех ссылок на странице, например:
Код: plaintext
1.
2.
3.
4.
a, a:visited {
color:green;
background-color:transparent;
}
а ты хочешь для каких-то отдельный ссылок написать отдельный класс, например:
Код: plaintext
1.
2.
3.
4.
5.
6.
.mylink {
color:red;
background-color:transparent;
}

<a class="mylink" href="#">Жми на меня!</a>
то такой варинат не будет работать в IE. Решить можно, если положить твои нужные линки в отдельный блок и работать через него:
Код: plaintext
1.
2.
3.
4.
5.
6.
.mylink a, .mylink a:visited {
color:yellow;
background-color:transparent;
}

<div class="mylink"><a href="#">Жми на меня!</a></div>
Хотя может и есть более правильный способ ;)

--
$50 + $100 бесплатно для игры на PartyPoker.com
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.05.2007, 17:03
    #34513455
WEB_bobby
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Привинтить CSS к линку. Не пойму как.
В том то и дело что уже прописаны параметры для ссылок и для этой надо оригинальные....
Без всяких там дивов и т.д.... Как можно проще...
А можно как нибудь так? Подправьте ахинею плисс.

Код: plaintext
1.
<a href = "musicFiles/MUSIC.html" style =" text-decoration: none; linkcolor: #8754AB; 
visitedcolor: #8754AB; hovercolor: #A171E4; font-size: 25px;font-family: 'Century Gothic'; margin-right:165px;">
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.05.2007, 17:12
    #34513501
SkyLight
SkyLight
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Привинтить CSS к линку. Не пойму как.
Блин, ну вот нет, чтоб поглубже поковырять то, что дали. Пишем в стилях (либо во внешнем файле, либо в HEAD):
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
a{
   text-decoration: none;
   color: #8754AB;
   font: 25px 'Century Gothic';
   margin-right:165px;
}
a:hover{
   color: #A171E4;
}
И теперь все ссылки на странице будут наследовать эти стили.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.05.2007, 17:14
    #34513506
WEB_bobby
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Привинтить CSS к линку. Не пойму как.
Так мне ж не на все надо ! а на одну.На все уже прописано :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.05.2007, 17:19
    #34513522
SkyLight
SkyLight
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Привинтить CSS к линку. Не пойму как.
Ну вот и напиши в стилях не "а", а "#music". Блин, ну RTFM бы для начала. Сам бы и разобрался.
Вот тут смотри: http://www.w3schools.com/css/tryit.asp?filename=trycss_link2
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.05.2007, 17:22
    #34513537
PhoenixNET
PhoenixNET
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Привинтить CSS к линку. Не пойму как.
WEB_bobbyВ том то и дело что уже прописаны параметры для ссылок и для этой надо оригинальные....
Без всяких там дивов и т.д.... Как можно проще...
А можно как нибудь так? Подправьте ахинею плисс.

Код: plaintext
1.
<a href = "musicFiles/MUSIC.html" style =" text-decoration: none; linkcolor: #8754AB; 
visitedcolor: #8754AB; hovercolor: #A171E4; font-size: 25px;font-family: 'Century Gothic'; margin-right:165px;">

То, что ты пишешь в style или передаёшь через class/id - те же яйца, только сбоку.
Как заставить IE хавать этот класс - не знаю, ослик страдает наследованием в разные стороны, так что гугли. Нагуглишь - пиши сюда, самому интересно ;)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.05.2007, 17:24
    #34513545
PhoenixNET
PhoenixNET
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Привинтить CSS к линку. Не пойму как.
SkyLightНу вот и напиши в стилях не "а", а "#music". Блин, ну RTFM бы для начала. Сам бы и разобрался.
Через id и вправду IE работает. А как быть с классом (группой ссылок)? ;)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.05.2007, 17:27
    #34513553
PhoenixNET
PhoenixNET
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Привинтить CSS к линку. Не пойму как.
Единственный здравый вариант, который пришёл в голову - это не передавать глобальные стили для ссылок, а сделать два или более классов и для каждого вида ссылок использовать свой класс. Хотя хотелось бы что-то менее геморройное %)

--
$50 + $100 бесплатно для игры на PartyPoker.com
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.05.2007, 17:47
    #34513612
WEB_bobby
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Привинтить CSS к линку. Не пойму как.
Кстати в тему вопрос - а почему при нажатии на ссылку вокруг онного текста(из которого ссылка состоит) появляется рамочка из точек?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.05.2007, 17:48
    #34513617
SkyLight
SkyLight
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Привинтить CSS к линку. Не пойму как.
А как быть с классом (группой ссылок)?
Смотри ссылку. Повторяю: http://www.w3schools.com/css/tryit.asp?filename=trycss_link2

ЗЫ. Да и по самому этому сайту пройтись не помешает. Посмотреть, поучиться...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.05.2007, 17:50
    #34513624
WEB_bobby
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Привинтить CSS к линку. Не пойму как.
PhoenixNETЕсли у тебя есть какое-то правило для всех ссылок на странице, например:
Код: plaintext
1.
2.
3.
4.
a, a:visited {
color:green;
background-color:transparent;
}
а ты хочешь для каких-то отдельный ссылок написать отдельный класс, например:
Код: plaintext
1.
2.
3.
4.
5.
6.
.mylink {
color:red;
background-color:transparent;
}

<a class="mylink" href="#">Жми на меня!</a>
то такой варинат не будет работать в IE. Решить можно, если положить твои нужные линки в отдельный блок и работать через него:
Код: plaintext
1.
2.
3.
4.
5.
6.
.mylink a, .mylink a:visited {
color:yellow;
background-color:transparent;
}

<div class="mylink"><a href="#">Жми на меня!</a></div>
Хотя может и есть более правильный способ ;)

--
$50 + $100 бесплатно для игры на PartyPoker.com

А зачем в блок класть? Если прям так то не сработает что ли?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.05.2007, 17:52
    #34513632
WEB_bobby
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Привинтить CSS к линку. Не пойму как.
Все. Вьехал в тему.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.05.2007, 18:51
    #34513782
WEB_bobby
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Привинтить CSS к линку. Не пойму как.
Сделать так что при наведении на одну ссылку менялся цвет другой. Написал вот так не работает. В принципе понимаю почему.

Код: plaintext
1.
<a id ="musicId1" class ="forMusic" href = "musicFiles/MUSIC.html" target="_blank" onMouseOver ="document.getElementById('musicId2').style.color ='#F7B7F3'" onMouseOut ="document.getElementById('musicId2').style.color ='#E2B9F7'" > SSS </a> 
	         <a id ="musicId2" class ="forMusic2" href = "musicFiles/MUSIC.html" target="_blank"  onMouseOver ="document.getElementById('musicId1').style.color ='#F7B7F3'" onMouseOut ="document.getElementById('musicId1').style.color ='#E2B9F7'"> SSS...</a>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.05.2007, 14:55
    #34514606
WEB_bobby
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Привинтить CSS к линку. Не пойму как.
Как осуществить задумку?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.05.2007, 15:17
    #34514623
PhoenixNET
PhoenixNET
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Привинтить CSS к линку. Не пойму как.
SkyLight А как быть с классом (группой ссылок)?
Смотри ссылку. Повторяю: http://www.w3schools.com/css/tryit.asp?filename=trycss_link2

ЗЫ. Да и по самому этому сайту пройтись не помешает. Посмотреть, поучиться...
И? Я пользуюсь этим сайтом уже года 2 и всем его привожу в пример, зачем же это повторять для меня? ;)
Ты не разобрался в вопросе.
То, что ты дал ссылку - никак не относится к вопросу.
Повторю для тех, кто в такой день находится в боевом транспорте ;)
Если задан общий стиль для ссылок и ты через класс (не через id) передаёшь другие параметры для какой-то группы ссылок, то в IE правила этого класса работать не будут. Та ссыла, что ты дал - там нет общего класса для всех ссылок.
Более детально туд .
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.05.2007, 18:05
    #34514790
mrJust
mrJust
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Привинтить CSS к линку. Не пойму как.
PhoenixNETЕсли задан общий стиль для ссылок и ты через класс (не через id) передаёшь другие параметры для какой-то группы ссылок, то в IE правила этого класса работать не будутда ты гонишь :)
Пробуй так:
Код: plaintext
1.
2.
3.
4.
<style>
a.greenLinks{color:green}
a.greenLinks:hover{color:red}
</style>
<a class="greenLinks" href="#">tram-pam-pam</a>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.05.2007, 18:23
    #34514800
PhoenixNET
PhoenixNET
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Привинтить CSS к линку. Не пойму как.
mrJust
да ты гонишь :)

Дык обоснуй ;)
mrJust
Пробуй так:
Код: plaintext
1.
2.
3.
4.
<style>
a.greenLinks{color:green}
a.greenLinks:hover{color:red}
</style>
<a class="greenLinks" href="#">tram-pam-pam</a>

Ну, а если есть
Код: plaintext
1.
a, a:visited {color:blue}
то в IE твоя ссылка будет просто голубой.
Короче нифига вы не обоснуи ;)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.05.2007, 11:04
    #34515500
SkyLight
SkyLight
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Привинтить CSS к линку. Не пойму как.
PhoenixNETНу, а если есть

Код: plaintext
a, a:visited {color:blue}

то в IE твоя ссылка будет просто голубой.
Короче нифига вы не обоснуи ;)
Хм, может в шестом IE так и было, не скажу (не помню), но в семерке всё нормально.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.05.2007, 11:50
    #34515693
PhoenixNET
PhoenixNET
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Привинтить CSS к линку. Не пойму как.
SkyLightХм, может в шестом IE так и было, не скажу (не помню), но в семерке всё нормально.
7-ка - это уже совсем другой браузер, но 6-ка всё-таки всё ещё популярнее других версий IE.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Привинтить CSS к линку. Не пойму как. / 21 сообщений из 21, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 253ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1458302]:
 0ms
get settings:
 9ms
get forum list:
 13ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 147ms
get topic data:
 11ms
get forum data:
 2ms
get page messages:
 52ms
get tp. blocked users:
 2ms
others: 11ms
total:  253ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]