CSS и бакграунд

12
A
На сайте с 10.05.2007
Offline
67
839

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

A.prodaga {

font-family:century gothic;

text-decoration:none;

color:#6394ab;

font-size:14;

background-color: #fzfdff;

background:url(images/prodaga.png);

}

A.prodaga:hover {

background:url(images/prodaga2.png);

}

Рейтинг сайтов о природе (http://aqua-plant.com.ua/top)
[Удален]
#1

Добавьте ссылки display: block;

Geers
На сайте с 12.04.2011
Offline
487
#2
alexpnet:
можно ли залить всю ячейку?

Можно, если применить к ячейке class.

Например так:

<td class="links"><a href="/"></td>

В css это будет выглядеть так:

.links a {

background:url(images/prodaga.png);

}

.links a:hover {

background:url(images/prodaga2.png);

}

O
На сайте с 29.05.2008
Offline
195
#3

a {width: ширина заливки; height: высота заливки} (лучше задайте класс).

Geers, что Вы за бред несете? Зачем еще допотопные таблицы каждой ссылке добавлять?

IW
На сайте с 10.05.2011
Offline
5
#4

alexpnet,

.prodaga a{
font-family:century gothic;
text-decoration:none;
color:#6394ab;
font-size:14;
background-color: #fzfdff;
background:url(images/prodaga.png);
}

.prodaga a:hover {
background:url(images/prodaga2.png);
}

Так тоже безрезультатно?

Geers
На сайте с 12.04.2011
Offline
487
#5
ortegas:
a {width: ширина заливки; height: высота заливки} (лучше задайте класс).

Geers, что Вы за бред несете? Зачем еще допотопные таблицы каждой ссылке добавлять?

Ну так речь идет именно о таблице, если бы небыло речь о таблицах, то я бы не писал. А так можно применить ваш метод, ну или padding.

Да и можно не к каждой таблице задавать class, а например задать общий ID для сайта или таблицы в которой находятся ссылки.

IT-Web, а какая разница? это одно и то же.

Geers добавил 15.05.2011 в 00:31

ortegas:
a {width: ширина заливки; height: высота заливки} (лучше задайте класс).

Geers, что Вы за бред несете? Зачем еще допотопные таблицы каждой ссылке добавлять?

Да и ваш метод без класса будет применяться ко всем ссылкам на сайте, а ТС попросил именно про ссылку в ячейке. Поэтому надо класс указать для ячейки или для всей таблицы в которой находятся ссылки, и для которых надо применить бакроунд.

Да и дело вообще не в таблице, а в css, если бы у ТС была бы DIV-ная верстка, это это выглядело бы так:

<div class="links"><a href="/"></div>

.links a {

padding-top: 10px;

padding-bottom: 10px;

padding-left: 20px;

padding-right: 20px;

background-image:url(images/prodaga.png) repeat-x center top #fzfdff;

}

.links a:hover {

padding-top: 10px;

padding-bottom: 10px;

padding-left: 20px;

padding-right: 20px;

background-image:url(images/prodaga.png) repeat-x center top #fzfdff;

}

Ну или применить width и height вместо padding.

knuckr
На сайте с 17.03.2011
Offline
39
#6

да в общем то самый первый ответ и был ответом на вопрос ТС, ТС предоставил свой код ксс, а вы начали выдумывать, еще и спор развели

дисплей блок + паддинг, если нужно, и все будит так как надо

O
На сайте с 29.05.2008
Offline
195
#7

padding лучше.

Geers:
Ну так речь идет именно о таблице,

А если <a class="class" href.. ;).

Geers
На сайте с 12.04.2011
Offline
487
#8
ortegas:
padding лучше.


А если <a class="class" href.. ;).

Я тоже стараюсь всегда padding использовать)

knuckr
На сайте с 17.03.2011
Offline
39
#9

паддинг не растянет по ширине на всю

Geers
На сайте с 12.04.2011
Offline
487
#10
knuckr:
паддинг не растянет по ширине на всю

По ширине на всю чего? ссылки или ячейки? если применить class для таблицы/ячейки, растянется все, например так:

padding: 100%;

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий