Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Гоголь Моголь
0 / 0 / 0
Регистрация: 07.04.2016
Сообщений: 49
1

Нужно сделать так чтобы блок "text" был четко слева от блока "picture"

14.07.2016, 01:57. Просмотров 294. Ответов 1
Метки нет (Все метки)

не получается сделать так чтобы div text был четко слева от div picture. заранее спасибо!)
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
39
40
41
42
43
44
45
<div class="quatro">
            <div class="double">
            
                <div class="money">
                    <div class="picture">
                        <img src="images/head.png">
                    </div>
                  <div class="text">
                <h2>Низкие цены</h2>
                <p>Низкие цены в официальных компаниях не гарантируют качество! Но наши мастера не работают "на компанию", поэтому наши цены отражают реальную стоимость работ без наценок и накруток. Это то, за что нас любят и ценят</p>
                    </div>
                </div>
                <div class="time">
                    <div class="picture">
                        <img src="images/time.png">
                    </div>
                    <div class="text">
                    <h2>Быстро и в любое время</h2>
                    <p>В нашем сообществе более 200 мастеров, проживающих по всей территории СПб и области, поэтому мы можем гарантировать бесплатный выезд за 1 час и менее. Наш график - это круглосуточная работа</p>
             
                    </div>
                </div>
            </div>
            <div class="double">
                <div class="master">
                    <div class="picture">
                        <img src="images/master.png">
                    </div>
                    <div class="text">
                      <h2>Только профессионалы</h2>
                      <p>В нашем сообществе только квалифицированные специалисты. Опыт работы каждого из них не менее 5 лет. У мастеров имеются сертификаты работы с такими компаниями, как: Microsoft, Intel, Apple, Adobe, Samsung, Asus и другие</p>
                    </div>
</div>
                <div class="garant">
                    <div class="picture">
                        <img src="images/garant.png">
                    </div>
                    <div class="text">
                        <h2>Гарантия качества</h2>
                        <p>Хотя после наших работ не бывает гарантийных случаев, спокойствие наших клиентов важнее всего, поэтому мы оставляем официальный документ, включающий гарантию на все услуги до 1 года</p>
                    </div>
                </div>
            
            </div>
        </div>
CSS
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
    .quatro{
            margin:0 auto;
            height:400px;
            width:60%;
            }
            .double{
                float:left;
                width:100%;
                height:200px;}
            img{
                
                margin:10px;
                height:100px;
                width:100px;
                }
    .picture{       
        border-radius:40px;
        background-color:rgba(244,165,18,1.00);
        width:130px;
        height:130px;
        }
        .time , .garant , .master , .money{
            float:left;
            width:50%;
            height:100%;
            }
            .text{
                vertical-align:top;
                overflow:hidden;
                font-size:14px;
                height:50%px;
                width:280px;
                }
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
14.07.2016, 01:57
Ответы с готовыми решениями:

HTML!? Input Type = "text", как сделать чтобы у этого элемента не было границ, и шрифт был жирным???
&lt;INPUT type=&quot;text&quot; id=&quot;ztext&quot; style=&quot;border:none&quot; value=&quot;Солдат&quot;&gt; вот так без границ делаю,...

Нужно сделать кнопки "Вход", "Регистрация" - какой способ выбрать
Добрый день, нужно сделать кнопки &quot;Вход&quot;, &quot;Регистрация&quot; Не могу разобраться что выбрать и чем...

При просмотре не показывает поля "text" и кнопку "submit"
Дабы не создавать новых тем, продолжу здесь. При просмотре не показывает поля &quot;text&quot; и кнопку...

как сделать чтобы меню слева, при изменении экрана стояла как "приклеиная"?
Чтобы не смещалась? Вот код: &lt;div id=&quot;page&quot;&gt; &lt;aside id=&quot;sidebar&quot;&gt; &lt;nav&gt;&lt;a...

Нужно сделать "резиновый" блок для комментариев
Делаю блок для комментариев ( DLE ). Суть проста: 5 дивов • Шапка • Тело • • фото • • текст...

1
mrtoxas
Модератор
Эксперт HTML/CSS
2587 / 1915 / 1190
Регистрация: 12.07.2015
Сообщений: 5,130
Записей в блоге: 3
14.07.2016, 09:05 2
Задайте:
CSS
1
2
3
4
5
6
.picture {
  float: right;
}
.text { 
 width: 80px;
}
И у вас в 31 строке css ошибка
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
14.07.2016, 09:05

Как написать теги "<" и ">", чтобы они не превращались в код?
Все просто: у меня есть, к примеру, элемент &lt;p&gt;&lt;/p&gt;, я хочу, чтобы он содержал надпись...

выравнивание картинки по центру блока процентами "на глаз" можно ли так делать ?:)
Здравствуйте уважаемые формучане! Подскажите, пожалуйста, можно ли выравнивать картинки по центру...

<input type="submit" value="button" onClick="">
Если в HTML коде есть токой фрагмент &lt;input type=&quot;submit&quot; value=&quot;button&quot; onClick=&quot;&quot;&gt;, что можно...


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

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

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