| |
|
|
| | Как можно сделать так, чтобы <div class="row"> был прикреплен к нижней части родительского div, то есть всегда был внизу, колдовал с padding-bottom/margin-bottom (родителского элемента/ соседнего), но что-то не додумался. <div class="col-md-7"> наоборот хочу поднять к границе родительского div, то есть 0px в padding-top.
<div class="col-md-7">
<h2 class="featurette-heading">Title<span class="text-muted">text</span></h2>
<p class="lead">Text</p>
<div class="row">
<div class="col-sm-6 col-md-3">
<a href="#" class="thumbnail">
<img src="data">
</a>
</div>
<div class="col-sm-6 col-md-3">
<a href="#" class="thumbnail">
<img src="data">
</a>
</div>
<div class="col-sm-6 col-md-3">
<a href="#" class="thumbnail">
</a>
</div>
<div class="col-sm-6 col-md-3">
<a href="#" class="thumbnail">
<img src="data">
</a>
</div>
</div>
</div>
|
P.S. Пробовал задавать position: absolute, чтобы задать bottom, но стало только хуже. | |
| |
|
|
| |
|
|
| |
для: lgar
(30.08.2013 в 21:12)
| | | а где у вас тут родитель?
что-то не ясно звучит....
чтобы <div class="row"> был прикреплен к нижней части родительского div
в это же время он находится в <div class="col-md-7">
но далее написано <div class="col-md-7"> наоборот хочу поднять к границе родительского div, то есть 0px в padding-top.
так об чем то речь? | |
| |
|
|
| |
|
|
| |
для: moonfox
(03.09.2013 в 15:44)
| | | Перефразирую. Есть большой div, в нем 2 блока, левый и правый, в правом хочу сделать так, чтобы заголовок примыкал к самой границе вверху (элемент <h2>), внизу блока были картинки (<img>) - нижняя граница. | |
| |
|
|
| |
|
|
| |
для: lgar
(03.09.2013 в 19:03)
| | | типа того?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<style>
.left{
position:relative;
border:1px solid red;
padding:5px;
width:500px;
/*height:1000px;*/
}
.pix {
position:absolute;
bottom:5px;
left:0;
border:1px solid green;
overflow:hidden;
margin:0 5px;
}
.pix div {
width:100px;
height:100px;
float:left;
border:1px solid blue;
}
h2 {
margin:0;
}
.wrap {
margin-bottom:110px;
}
</style>
</head>
<body>
<div class="left">
<h2>Title</h2>
<div>
text text text<br />text text text<br />text text text<br />text text text<br />
text text text<br />text text text<br />text text text<br />text text text<br />
text text text<br />text text text<br />text text text<br />text text text<br />
text text text<br />
text text text<br />text text text<br />text text text<br />text text text<br />
text text text<br />text text text<br />text text text<br />text text text<br />
text text text<br />text text text<br />text text text<br />text text text<br />
text text text<br />
</div>
<div class="wrap"></div>
<div class="pix">
<div class="col-sm-6 col-md-3">
<a href="#" class="thumbnail">
<img src="data">
</a>
</div>
<div class="col-sm-6 col-md-3">
<a href="#" class="thumbnail">
<img src="data">
</a>
</div>
<div class="col-sm-6 col-md-3">
<a href="#" class="thumbnail">
</a>
</div>
<div class="col-sm-6 col-md-3">
<a href="#" class="thumbnail">
<img src="data">
</a>
</div>
</div>
</div>
</body>
</html>
|
да и то я чото не пойму, каким образом у вас див с картинками не находится внизу под текстом, ведь верхний див его опускает в самый низ.
мой пример что-то из серии высота определена фиксировано или 100%, а блок с картинками снизу независимо от количества текста.
и не суйте в h никаких больше тегов и у самого h не делайте никаких классов ибо как говорят))) это сводит на нет наличие данного тега | |
| |
|
|
| |
|
|
| |
для: moonfox
(03.09.2013 в 20:13)
| | | Спасибо, я уже тоже дошел до понимания http://htmlbook.ru/css/position, то есть задать родителя relative, дочерний элемент absolute. .wrap, что делает, я понял, что делает так, чтобы на text и синие колонки не наезжали, только не понял от чего до чего отсчитывается margin-bottom. Да, я изначально запутался в том плане, что хотел приравнять левую и правую колонку, а то у них конец разный.
и не суйте в h никаких больше тегов и у самого h не делайте никаких классов ибо как говорят))) это сводит на нет наличие данного тега
Кто говорит? Вон в bootstrap используют и нормально, если SEO-шники говорят, то мне все равно, не люблю я это шаманство. | |
| |
|
|
| |
|
|
| |
для: lgar
(03.09.2013 в 21:00)
| | | wrap имеет ровно такой отступ сколько высота дива с картинками.
а кто говорит про h - да, сеошники)))))))) я тогда просто не понимаю зачем вам этот тег если не в этих целях. | |
| |
|
|
