Кто шарит в CSS, подскажите со стилями?

vanovoevoda

Сообщений: 147

Репутация: 6

Сообщение # 1 | 14:00:50 25 Мар 2016

есть стили категорий раздела.
по их настройкам кликабельная только ссылка (рис 1)

а мне надо чтобы по ссылке переходило не только при нажатии на саму ссылку, а и на всё после вокруг названия категории.(рис 2)

вопрос: что нужно дописать в стили, чтобы это осуществить?

вот стили:

.catsTable {border-spacing: 0 !important}
.catsTd {padding: 10px; background: #e1e1e1; border:2px solid #fff; font-size: 80%;}

.catName {}
.catNameActive {}
.catNumData {}
.catDescr {}
a.catName:link {color: #000;}
a.catName:visited { color: #000;}
a.catName:hover {color: #00448a;}
a.catName:active { color: #000;}
a.catNameActive:link {color: #000;}
a.catNameActive:visited {color: #000;}
a.catNameActive:hover {color: #00448a;}
a.catNameActive:active {color: #000;}

Прикрепления: 9962176.jpg (32.0 Kb) · 8864014.jpg (32.4 Kb)

Сообщение отредактировал vanovoevoda - Пятница, 25 Мар 2016, 14:16:19

SkyFfs

Сообщений: 143

Репутация: 98

Сообщение # 2 | 14:07:06 25 Мар 2016

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

Сообщение отредактировал SkyFfs - Пятница, 25 Мар 2016, 14:10:35

vanovoevoda

Сообщений: 147

Репутация: 6

Сообщение # 3 | 14:15:29 25 Мар 2016

SkyFfs, мне надо чтобы по ссылке переходило не только при нажатии на саму ссылку, а и на всё после вокруг названия категории.
код стоит стандартный $CATEGORIES$

SkyFfs

Сообщений: 143

Репутация: 98

Сообщение # 4 | 14:20:43 25 Мар 2016

vanovoevoda, адрес сайта дайте.

vanovoevoda

Сообщений: 147

Репутация: 6

Сообщение # 5 | 14:25:37 25 Мар 2016

SkyFfs, http://neanime123.ucoz.com/photo/ та вот хотя бы этот. там базовый шаб. мне надо понять как это работает. стили восстановил базовые.

SkyFfs

Сообщений: 143

Репутация: 98

Сообщение # 6 | 14:31:37 25 Мар 2016

vanovoevoda, я могу проще посоветовать. Если у вас категорий не много намечается, то можно вручную их каждую ссылку сделать, и в интернете кнопки покрасивше поискать, под дизайн, например http://dbmast.ru/nabor-stilej-css-dlya-sozdaniya-knopok. Ну и потом естественно их в алфавитной порядочке расставить.

Сообщение отредактировал SkyFfs - Пятница, 25 Мар 2016, 14:33:54

vanovoevoda

Сообщений: 147

Репутация: 6

Сообщение # 7 | 14:54:06 25 Мар 2016

SkyFfs, та это я знаю, что можно по отдельности сделать, но спасибо всё равно за ссылку. в том то и дело что категорий будет дофига) поэтому мне надо только через $CATEGORIES$

SkyFfs

Сообщений: 143

Репутация: 98

Сообщение # 8 | 14:57:27 25 Мар 2016

vanovoevoda, ну раз так, то вот там в помощь http://htmlbook.ru/faq/kak-sdelat-chtoby-sloy-tselikom-byl-ssylkoy К сожалению помочь я вам больше не смогу, т.к. я ограничен во времени.

Сообщение отредактировал SkyFfs - Пятница, 25 Мар 2016, 15:05:06

vanovoevoda

Сообщений: 147

Репутация: 6

Сообщение # 9 | 15:06:00 25 Мар 2016

SkyFfs, аааа точно. от я вася. надо было просто display:block; дописать.

.catsTable {border-spacing: 0 !important}
.catsTd {padding: 10px; background: #e1e1e1; border:2px solid #fff; font-size: 80%;}

.catName {}
.catNameActive {}
.catNumData {}
.catDescr {}
a.catName:link {color: #000;display: block;}
a.catName:visited { color: #000;display: block;}
a.catName:hover {color: #00448a;display: block;}
a.catName:active { color: #000;display: block;}
a.catNameActive:link {color: #000;display: block;}
a.catNameActive:visited {color: #000;display: block;}
a.catNameActive:hover {color: #00448a;display: block;}
a.catNameActive:active {color: #000;display: block;}

теперь спасибо за помощь)

Сообщение отредактировал vanovoevoda - Пятница, 25 Мар 2016, 15:07:12

Страница 1 из 1 1
Модератор форума: dotbot