Графика/Дизайн | <td> блок ссылкой
Besthakker 
Bananas
Macmep_leto,
JMCode <style>
.header {
display: table;
width: 100%;
}
.header > div {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.header > div > a {
border: solid 1px black;
display: block;
margin: 0 10px;
}
.header > div > a:hover {
background-color: rgba(0, 0, 0, 0.3);
}
</style>
<div class="header">
<div>
<a href="/">Вася пупкин</a>
</div>
<div>
<a href="/">Вася пупкин</a>
</div>
</div>
.header {
display: table;
width: 100%;
}
.header > div {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.header > div > a {
border: solid 1px black;
display: block;
margin: 0 10px;
}
.header > div > a:hover {
background-color: rgba(0, 0, 0, 0.3);
}
</style>
<div class="header">
<div>
<a href="/">Вася пупкин</a>
</div>
<div>
<a href="/">Вася пупкин</a>
</div>
</div>
NAGIBATOR, у меня верстка шаблона то есть все можно вней строить кубик до кубика =)
Так лучше!
<style>
.header {
display: table;
width: 100%;
}
.header > div {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.header > div > a {
border: solid 1px black;
display: block;
margin: 0 10px;
padding: 5px;
}
.header > div > a:hover {
background-color: rgba(0, 0, 0, 0.3);
}
</style>
<div class="header">
<div>
<a href="/">Вася пупкин</a>
</div>
<div>
<a href="/">Вася пупкин</a>
</div>
</div>
.header {
display: table;
width: 100%;
}
.header > div {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.header > div > a {
border: solid 1px black;
display: block;
margin: 0 10px;
padding: 5px;
}
.header > div > a:hover {
background-color: rgba(0, 0, 0, 0.3);
}
</style>
<div class="header">
<div>
<a href="/">Вася пупкин</a>
</div>
<div>
<a href="/">Вася пупкин</a>
</div>
</div>
А это плитка
что дает ровно например для картинка 4 ряд и так далее если меньше экрана то лишь 1 параметр сменить размер ширину и лучше станет =)
/*
* Плитка (YES)
*/
#tile {
display: block;
width: 100%;
overflow: hidden;
}
#tile > .item {
float: left;
display: inline-block;
width: 25%;
}
* Плитка (YES)
*/
#tile {
display: block;
width: 100%;
overflow: hidden;
}
#tile > .item {
float: left;
display: inline-block;
width: 25%;
}
что дает ровно например для картинка 4 ряд и так далее если меньше экрана то лишь 1 параметр сменить размер ширину и лучше станет =)
Macmep_leto, ну что сделал?
Saw
Rabbyte, он так и останет прежным
Rabbyte, так как у a стандартный такой парметр
262110938 (30.09.2015 в 23:26)
Macmep_leto, ну что сделал?
Macmep_leto, ну что сделал?
Сейчас тестону)
262110938, О, всё ровно, благодарствую :)