С наступающим Новым годом! Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.50/4: Рейтинг темы: голосов - 4, средняя оценка - 4.50
SSHKOLNIK
1 / 1 / 0
Регистрация: 22.04.2015
Сообщений: 26
1

Выравнивание блоков

29.10.2015, 15:56. Просмотров 810. Ответов 1
Метки нет (Все метки)

Привет! Не могу выровнять блок с картинкой и блок с текстом при уменьшении окна браузера.
Зелёный - картинка.
Серый - текст.
Помогите пожалуйста
0
Миниатюры
Выравнивание блоков   Выравнивание блоков  
Лучшие ответы (1)
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
29.10.2015, 15:56
Ответы с готовыми решениями:

Выравнивание блоков
Есть сайт на вордпрессе. Почему-то блоки отображаются странно. Вот так...

Выравнивание блоков
Привет, никак не могу сообразить в чем дело, почему футер не хочет прижиматься...

Выравнивание блоков
В чем разница, при выравнивании блоков через display: inline-block; или...

Выравнивание блоков по ширине
люди помогите мне с такой проблемой не работает свойство text-align:justify;...

Выравнивание блоков div
Помогите пожалуйста выровнить блоки див, чтобы они были такого вида ...

1
Hadoukenlol
5 / 5 / 1
Регистрация: 03.07.2014
Сообщений: 75
29.10.2015, 16:13 2
Лучший ответ Сообщение было отмечено SSHKOLNIK как решение

Решение

SSHKOLNIK, http://jsfiddle.net/hmnbcx0z/
HTML5
1
2
<img src="http://vsyo-tut.ru/images/stories/4hdf.jpg">
<p>Каждый веб-разработчик знает, что такое текст-«рыба». Текст этот, несмотря на название, не имеет никакого отношения к обитателям водоемов. Используется он веб-дизайнерами для вставки на интернет-страницы и демонстрации внешнего вида контента, просмотра шрифтов, абзацев, отступов и т.д. Так как цель применения такого текста исключительно демонстрационная, то и смысловую нагрузку ему нести совсем необязательно. Более того, нечитабельность текста сыграет на руку при оценке качества восприятия макета.</p>
CSS
1
2
3
4
5
p{width:450px;}
img, p{display:inline-block}
@media screen and (max-width:480px){
    img,p{display:block}    
}
1
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
29.10.2015, 16:13

Не правельное выравнивание блоков в IE
Слетает блок в IE вниз, структура во вложениях Стили: #accessibility {...

Выравнивание блоков в header'e
Здравствуйте. Вопрос по CSS. Как в хедере вставить ещё 2 блока (...

Правильное выравнивание блоков
Здравствуйте! Начал верстать свой первый сайт, и сразу же столкнулся с вот...


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

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

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