Графика/Дизайн | <td> блок ссылкой
Morune 
Bananas
Всем привет Вот я немного заморочился над такой проблемкой, возможно ли весь <td> блок сделать ссылкой (т.е. ссылка не внутри блока, а чтобы весь блок был ссылкой)? js не помогает 
________
посл. ред. 30.09.2015 в 22:25; всего 1 раз(а); by Macmep_leto
________
посл. ред. 30.09.2015 в 22:25; всего 1 раз(а); by Macmep_leto
Делаешь ссылку блочным элементом и растягиваешь на всю высоту
Dark_AKC 
DeLi[KaT] Macmep_leto (30.09.2015 в 22:24)
Всем привет Вот я немного заморочился над такой проблемкой, возможно ли весь <td> блок сделать ссылкой (т.е. ссылка не внутри блока, а чтобы весь блок был ссылкой)? js не помогает
Всем привет Вот я немного заморочился над такой проблемкой, возможно ли весь <td> блок сделать ссылкой (т.е. ссылка не внутри блока, а чтобы весь блок был ссылкой)? js не помогает
можно, Welfix мне делал так
Делай и радуй!
JMCode <style>
.header {
width: 100%;
display: table;
height: 40px;
}
.header > a {
width: 25%;
display: table-cell;
}
.header > a:hover {
background-color: rgba(0, 0, 0, 0.3);
}
</style>
<div class="header">
<a href="/">Вася пупкин</a>
<a href="/">Вася пупкин</a>
<a href="/">Вася пупкин</a>
<a href="/">Вася пупкин</a>
</div>
.header {
width: 100%;
display: table;
height: 40px;
}
.header > a {
width: 25%;
display: table-cell;
}
.header > a:hover {
background-color: rgba(0, 0, 0, 0.3);
}
</style>
<div class="header">
<a href="/">Вася пупкин</a>
<a href="/">Вася пупкин</a>
<a href="/">Вася пупкин</a>
<a href="/">Вася пупкин</a>
</div>
DeLi[KaT] (30.09.2015 в 22:28)
Macmep_leto (30.09.2015 в 22:24)
Всем привет Вот я немного заморочился над такой проблемкой, возможно ли весь <td> блок сделать ссылкой (т.е. ссылка не внутри блока, а чтобы весь блок был ссылкой)? js не помогает
можно, Welfix мне делал так
Macmep_leto (30.09.2015 в 22:24)
Всем привет Вот я немного заморочился над такой проблемкой, возможно ли весь <td> блок сделать ссылкой (т.е. ссылка не внутри блока, а чтобы весь блок был ссылкой)? js не помогает
можно, Welfix мне делал так
Паделись
262110938 (30.09.2015 в 22:40)
Делай и радуй!
<style>
.header {
width: 100%;
display: table;
height: 40px;
}
.header > a {
width: 25%;
display: table-cell;
}
.header > a:hover {
background-color: rgba(0, 0, 0, 0.3);
}
</style>
<div class="header">
<a href="/">Вася пупкин</a>
<a href="/">Вася пупкин</a>
<a href="/">Вася пупкин</a>
<a href="/">Вася пупкин</a>
</div>
Делай и радуй!
<style>
.header {
width: 100%;
display: table;
height: 40px;
}
.header > a {
width: 25%;
display: table-cell;
}
.header > a:hover {
background-color: rgba(0, 0, 0, 0.3);
}
</style>
<div class="header">
<a href="/">Вася пупкин</a>
<a href="/">Вася пупкин</a>
<a href="/">Вася пупкин</a>
<a href="/">Вася пупкин</a>
</div>
Да ты гений!!!
Чтобы выровнять текст то middle и center помогут!
________
посл. ред. 30.09.2015 в 22:43; всего 1 раз(а); by 262110938
.header > a {
width: 25%;
display: table-cell;
vertical-align: middle;
text-align: center;
}
width: 25%;
display: table-cell;
vertical-align: middle;
text-align: center;
}
________
посл. ред. 30.09.2015 в 22:43; всего 1 раз(а); by 262110938
Dark_AKC (30.09.2015 в 22:27)
Делаешь ссылку блочным элементом и растягиваешь на всю высоту
Делаешь ссылку блочным элементом и растягиваешь на всю высоту
Т.е. так?
<td id="colonka1"><a href="/kolonka1" style="padding: 10px;">Колонка 1</a></td>
