Как нормально от позиционировать объект ?

Учусь верстать.
Как нормально выставить блок с номерами телефонов ?
serega.edief.com
  • Вопрос задан
  • 2567 просмотров
Решения вопроса 1
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
История о том, что неправильно делает автор
У нас в ВУЗе учились иностранцы. Индусы, китайцы, тайванцы и т.д.
Был один индус, ленивый был, гулял, не учился. За него платили, так как индусы в отличии от тех же китайцев посылали своих детей из богатеньких, китайцы посылали умных. Когда приходило время сессии - он кое-как сдавал на трояки, чаще всего со взяткой, иногда помогали ему - не суть. Но была у нас преподавательница непрошибаемая, по сопромату. Так вот ее было так просто не обойти. Она не любила наглых, и индус, чтобы показать свою преданность дела хватал книгу и бежал к ней с вопросами. При это вопросы были абсолютно несвязные, типа - "а вот это что такое?", "а это что за цифра?". Вот Вы мне его напоминаете. Не обижайтесь, Вы молодец, что учитесь. И я не говорю, что Вы тоже ленивый и бухаете :) Просто у Вас вопросы именно такие же, абсолютно оторванные от реалий.
Первое, что Вы должны сделать - привести код того, что делаете. Кроме того - прежде чем размещать какой-то там блок - пройдите уроки по html/css, поймите основы. Вы сами поймете, как глупо звучит Ваш вопрос именно вот в таком виде.
На Ваш вопрос можно только предполагать, что не следует пользоваться position, что такие вещи решаются сеткой из div, float'ами, на худой конец таблицами.
Вам нужен другой подход, у Вас там и языковые иконки сделаны relativoм, и так далее.

upd: Горизонтальные скроллы появляются из-за того, что Ваш блок, который Вы релативом двигаете - сохраняет при этом ширину. Вы тут меня отправляли f12 использовать - вот используйте и посмотрите, как выглядит блок с теми же языками для браузера.
codepen.io/iiil/pen/fovJc
Вот один из вариантов того, как можно это сделать.
Отвечать на Ваши вопросы по пунктам не вижу смысла - почему - смотрите историю в спойлере.
Учите верстку, посмотрите серию уроков, чтобы у Вас была единая структура знаний.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
parmactep
@parmactep
поставьте его ПЕРЕД остальными элементами шапки. И задайте ему float:right
Тогда он не будет съезжать, и выпадать из блока.
joxi.ru/AMimUxjKTJAWH6DloTQ
Ответ написан
blasheevich
@blasheevich
В строке 28 напишите вместо left: 1250px
left:1100px. Всё остальное -беспочвенные фантазии праздных умов.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы