Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
Другие темы раздела
HTML, CSS Может ли margin иметь минусовое значение? Допустим мне надо поднять круг на пересечении центра длины прямоугольника, я могу задать margin отрицательное значение? https://www.cyberforum.ru/ html/ thread2173438.html HTML, CSS При размещение div ниже header весь сайт съезжает
При попытке разместить div ниже header используя margin съезжает не только div относительно верха, но и весь сайт. Как это решить? <!DOCTYPE html> <html> <head> <title>First WebPage</title> <link rel="stylesheet" href="main.css"> </head> <body> <div id="header">
HTML, CSS Разместить иконки Iconmoon Привет, есть макет, и на одном блоке у меня должны быть помещены иконки, в Iconmoon я их выбрала и скачала, но не пойму почему они не отображаются? <section id="skills"> <div class="container"> <div class="title_works"> <h1><span>Team</span> Chinen & Skills</h1> <div class="titles_first"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, eveniet.... https://www.cyberforum.ru/ html/ thread2173404.html HTML, CSS Как отцентрировать блоки "DIV", когда ни соскакивают вниз Добрый день. Есть задача разместить два или три блока по ширине так, чтобы они равномерно были распределены по горизонтали и занимали центральное положение. Но когда размер экрана уменьшается, например на смартфоне, то правые должны соскочить вниз и: - вся эта пирамида снова должна быть по центру; - по возможности - ширина каждого из них должна быть максимально большой в пределах экрана. ... https://www.cyberforum.ru/ html/ thread2173358.html
HTML, CSS Вместить блоки в ряд
Есть ти блока с заданной шириной и высотой, но из-за ширины они не помещаются в ряд, как это исправить? <section id="skills"> <div class="container"> <div class="title_works"> <h1><span>Team</span> Chinen & Skills</h1> <div class="titles_first"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, eveniet. </div> </div>
HTML, CSS Разметка блоков Привет, подскажите пожалуйста, как правильно сделать разметку текстового блока и блока с часами? <section id="services"> <div class="container"> <div class="title_works"> <h1><span>Services</span> We Provide</h1> <div class="titles_first"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, eveniet. </div> </div> https://www.cyberforum.ru/ html/ thread2173068.html
HTML, CSS Не изменяется высота объекта https://www.cyberforum.ru/ html/ thread2172833.html
<html> <head></head> <style> #player_bets { border: 2px solid rgb(255, 216, 0); display: inline; z-index: 1002; height: 55px; width: 230px; position: absolute;
Margin-top HTML, CSS
Здраствуйте . Я начинающий в веб-программировании , и вот у меня проблема с CSS . block2 { width: 300px; height: 100px; border: 3px solid #999999; border-radius: 10px; margin-left: 550px ; margin-top: 200px } Когда я прописываю margin-top , то у меня не только элемент сдивагается вниз , но и вся страница . Что нужно прописать , что бы двигался только элемент?...
HTML, CSS Не работает z-index https://www.cyberforum.ru/ html/ thread2172363.html
Два элемента. У одного свойства position: absolute; right: 0; top: 0; имеет z-index:1000 и закрывает собой элемент с z-index:2000 В чем дело?
HTML, CSS Css grid https://www.cyberforum.ru/ html/ thread2172239.html
подскажите как в сss grid реализовать пропорциональное уменьшение блоков <div class="wrapper"> <div class="one"> <div class="box-caption">1 <a href=""><h2>1</h2></a> <a class="btn btn-default" href="">Подробнее</a> </div> </div>
Как создать превью-ячейки под товары HTML, CSS
Привет всем! Я новичок в ХТМЛ и ЦСС....пока до конца не разобрался.... пробую писать сайт... Пока есть одна страница..... Покритикуйте меня, но так, чтобы я дальше захотел этим заниматься... Помогите пжл отредактировать её, чтобы вышло что-то похожее на такой. И объясните мне пжл, как создавать превъю-"ячейки" под товары в ХТМЛ. Так же как здесь.
HTML, CSS Закрашивание круга при наведение на другой круг https://www.cyberforum.ru/ html/ thread2172159.html
Есть два круга: один закрашен,другой нет. Если наведу курсор на второй круг,то первый перестанет быть закрашенным, а второй покрасится. Если отвести курсор,то первый круг снова закрашен, а второй нет. Помогите реализовать в html с css.
33 / 31 / 18
Регистрация: 05.07.2014
Сообщений: 230
13.01.2018, 16:39 0

Разместить блоки справа от картинки - HTML, CSS - Ответ 12027775

13.01.2018, 16:39. Показов 9545. Ответов 5
Метки (Все метки)

Ответ

Как-то так
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
#template {
            border-radius: 5px;
            border: 1px solid #E8E8E9;
            box-sizing: border-box;
            padding: 8px;
        }
 
        #picture {
            width: 300px;
            height: 300px;
            float: left;
        }
        #picture img{
            max-width: 100%;
        }
 
        #header {
            background-color: #59D1F6;
        }
 
        #description-2 {
            border-radius: 5px;
            border: 1px solid #E8E8E9;
            box-sizing: border-box;
            padding: 8px;
        }
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="template">
    <div id="picture">
        <img src="http://infocom.uz/wp-content/uploads/gov_27_05_2016_1.jpg">
    </div>
    <div id="header">
        Цена: 157800 KZT Артикул: <b>01</b>
    </div>
    <div id="description">
        Описание:
        <div id="description-2">
            Описание заказа
        </div>
    </div>
</div>


Вернуться к обсуждению:
Разместить блоки справа от картинки HTML, CSS
0
Заказать работу у эксперта
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
13.01.2018, 16:39
Готовые ответы и решения:

Разместить картинки друг под другом, справа у каждой картинки текстовая информация
Добрый день, уважаемые специалисты. Очень нужен Ваш совет (поиском пользовалась - не нашла в чем...

Разместить текст с контактами справа по центру от картинки в хедере
Здравствуйте. Помогите разобраться новичку. Нужно разместить текст с контактами справа по центру...

Содержимое блока разместить справа
http://divanchik72.ru/ Блок меню (div class=menu) не могу сделать, что бы содержимое блока...

Разместить форму слева, картинку справа
Есть форма связи и картинка, нужно расположить их горизонтально. Картинка, если заключить все это...

5
13.01.2018, 16:39
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
13.01.2018, 16:39
Помогаю со студенческими работами здесь

Как разместить в блоке изображение справа
Здравствуйте. Как в div разместить img справа? Прижать к правой стороне? Я додумалась до 2х...

Разместить изображения слева и справа от текста
Создал backgroung на текст, увеличил его , пишу теперь в нём текст) Хотел загрузить слева и...

Разместить блоки через список
Привет, у меня есть такой вот вариант расстановки блоков как на картинке, но можно это сделать...

Как разместить текст и кнопки справа от таблицы
Когда в css пишу float: right; кнопки не работают.

0
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru