Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/4: Рейтинг темы: голосов - 4, средняя оценка - 5.00
zme9
94 / 67 / 23
Регистрация: 22.09.2013
Сообщений: 622
1

Выравнивание относительно картинки

27.02.2014, 16:40. Просмотров 769. Ответов 1
Метки нет (Все метки)

Приветствую всех.
Есть картинка :
css
CSS
1
2
3
4
5
6
7
8
9
10
11
12
.cntbtn{
    width: 742px;
    padding-top: 16px;
}
.half{
    float: left;
    width: 28%;
    margin: 0px 0;
    margin-right: 5%; 
    background: url(../images/cont-btn.png) no-repeat;
    height: 163px;
}
html
HTML5
1
2
3
4
5
<div class="cntbtn">
   <div class="cont-btn half"></div>
   <div class="cont-btn half"></div>
   <div class="cont-btn half last"></div>
</div>
и есть текст :
HTML5
1
2
3
<p class="btn-bottom-text">
                    Полуприцеп-контейнеровоз<br/> низкорамный
                </p>
CSS
1
2
3
4
5
.btn-bottom-text{
   text-decoration: underline;
   font-size: 12px;
   font-weight: bold;
}
Нужно выровнять текст под картинкой. Всё бы ничего , если бы картинка была одна. Но она идёт в 3 блока. То есть 3 картинки . На 2 скриншоте видно что есть , но нужно то что на 1 скриншоте. Помогите кто чем сможет
0
Миниатюры
Выравнивание относительно картинки   Выравнивание относительно картинки  
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
27.02.2014, 16:40
Ответы с готовыми решениями:

Выравнивание текста посередине относительно картинки
&lt;li&gt; &lt;div class=&quot;image&quot;&gt; &lt;img src=&quot;3.png&quot;&gt; &lt;/div&gt; &lt;div...

Выравнивание картинки относительно текста, CSS
Добрый день, очень хочется получить помощь в простом вопросе, но перепробовал...

Выравнивание относительно кнопки
Подскажите, как средствами css выровнять текст над кнопкой относительно кнопки?

Выравнивание изображения относительно текста
Добрый день. Не получается выровнять изображение (иконку) относительно...

Выравнивание таблицы относительно рисунка
Здрасти, как сделать чтобы таблица оказалась справа от рисунка?

1
dolte
Человек
324 / 198 / 63
Регистрация: 04.02.2013
Сообщений: 1,192
27.02.2014, 16:57 2
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<style>
.window{
width:700px;
margin: 0 auto;
}
.block{
width:150px;
height:180px;
display:inline-block;
margin:10px;
}
.img{
width:150px;
height:120px;
background:blue;
}
.text{
margin-top:10px;
}
</style>
 
<div class="window">
<div class="block">
<div class="img"></div>
<div class="text">Текст Текст Текст Текст</div>
</div>
 
<div class="block">
<div class="img"></div>
<div class="text">Текст Текст Текст Текст Текст</div>
</div>
 
<div class="block">
<div class="img"></div>
<div class="text">Текст Текст Текст Текст Текст Текст</div>
</div>
 
</div>
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
27.02.2014, 16:57

Выравнивание центрального блока относительно крайних
Есть 3 блока. Все разной фиксированной ширины. Крайние выравнены по...

Выравнивание текста относительно изображения img в ul
Здравствуйте, дорогие форумчане. Нужен ваш совет: как в коде &lt;div...

Выравнивание двух строк относительно img
Привет всем молодчикам! Можно ли кошерно выровнять две разрозненные строки...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru