Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
kefirka
0 / 0 / 0
Регистрация: 22.11.2015
Сообщений: 1
#1

Содержимое блока разместить справа

22.11.2015, 21:09. Просмотров 929. Ответов 4
Метки нет (Все метки)

http://divanchik72.ru/ Блок меню (div class=menu) не могу сделать, что бы содержимое блока находилось справа, на одном уровне с логотипом. Удается зафиксировать, но при добавлении нового пункта меню все съезжает.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
22.11.2015, 21:09
Ответы с готовыми решениями:

Разместить блоки справа от картинки
Доброго времени суток! https://jsfiddle.net/n3p1rqgq/ #template {...

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

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

Как разместить элементы справа, и чтобы они стояли ровно
Нужно их поместить справа и ровно

Как разместить текст и кнопки, справа от таблицы?) (Таблица находится по середине)
<html> <head> <style> </style> </head> <body> <center><table> <tr>...

4
o90990
8 / 8 / 7
Регистрация: 19.02.2012
Сообщений: 76
22.11.2015, 22:36 #2
я лично не совсем понял что вы хотите
0
mrBobrillo
49 / 42 / 25
Регистрация: 18.11.2015
Сообщений: 272
22.11.2015, 23:14 #3
Если я правильно понимаю, вы хотите, чтоб самый первый пункт меню всегда находился под логотипом?
Ох, ну первое, раз на то дело пошло, то блоку menu ширина не авто, а 800px. Но при этом ваши последние пункты меню начнут падать под первый пункт и дальше, т.е будет создаваться 2я строчка меню. Чтоб это смотрелось адекватно, вам следует добавить еще белый бордер снизу, иначе нижние пункты будут как бы сливаться с верхними.

Зачем вы абсолютировали список?

Убирайте маржин у блока меню и делайте ему просто float: right;
Убирайте ширину и высоту у ссылок в списке.
Ставьте этим ссылкам просто паддинг, чтоб символы не липли к краям блоков. (padding: 0.2rem 0.5rem

Дальше по мере поступления проблем, разберемся.
0
Fedor92
Человек из 90-х
Эксперт HTML/CSS
2631 / 2276 / 1016
Регистрация: 15.12.2012
Сообщений: 8,431
Записей в блоге: 1
22.11.2015, 23:47 #4
mrBobrillo, ТС хочет меню и логотип разместить на одном уровне в одном блоке... Только блок логотипа занимает 1100px - 100% ширины родителя, отсюда и абсолютное позиционирование меню... Блок логотипа надо поджать и выстроить в строку с меню...
0
mrBobrillo
49 / 42 / 25
Регистрация: 18.11.2015
Сообщений: 272
23.11.2015, 00:02 #5
Оу, если так, тогда это печаль беда с таким размером логотипа
Выстроить все в одну строку не проблема, боюсь что логотип повесится после этого

Добавлено через 7 минут
Тогда тут нужно блоку логотипа задавать
CSS
1
2
3
4
padding-top: 20px;
width: 30%;
float: left;
box-sizing: border-box;
Изображению логотипа для адекватного сжатия
CSS
1
2
3
display: inline-block;
max-width: 100%;
height: auto;
Блоку меню:

CSS
1
2
3
width: 70%;
float: right;
box-sizing: border-box;
Как выше было сказано, убираем у списка позиционирование + стили к ссылкам списка
0
23.11.2015, 00:02
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
23.11.2015, 00:02

Размещение контента справа и слева от блока
Доброго времени суток! Нужна помощь. Есть вот такая страничка: <!DOCTYPE...

Разместить круг по центру блока
Уже голову сломал! Нужно, что-бы круг был по центру блока <div...

Разместить два блока горизонтально
Добрый вечер. Есть два блока с сылками как на скрине. Подскажите, как...


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

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

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