Jump to content
  • 0
Sign in to follow this  
Сергеев

как закрепить объект по центру?

Question

Добрый день,

есть логотип, и некоторые объекты, которые хотелось поставить  и закрепить четко по центру страницы в браузере — это возможно? 

Share this post


Link to post

Recommended Posts

  • 0

Добрый день,

есть логотип, и некоторые объекты, которые хотелось поставить  и закрепить четко по центру страницы в браузере — это возможно? 

Если вы имеете ввиду фиксацию при прокрутке, то да, это возможно. Нужно учесть, что на планшетах и смартфонах это может отображаться не корректно. По-этому, лучше под них сделать свои версии сайта.

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
  • 0

Если вы имеете ввиду фиксацию при прокрутке, то да, это возможно. Нужно учесть, что на планшетах и смартфонах это может отображаться не корректно. По-этому, лучше под них сделать свои версии сайта.

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

вот я так уже пробовал, но при просмотре - лого находится не в центре страницы 

Размещенное изображение

Размещенное изображение

Share this post


Link to post
  • 0
Guest Vadim   
Guest Vadim

при разных разрешениях будет разный отступ сверху, центрирование по вертикали, юзайте css

.ваш-блок {position:absolute;top:42%;}

Share this post


Link to post
  • 0

при разных разрешениях будет разный отступ сверху, центрирование по вертикали, юзайте css

.ваш-блок {position:absolute;top:42%;}

что я делаю не так? 

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post
  • 0

Можно сделать картинкой то то нужно, и посетить эту картинку в полноэкранное слайд-шоу. Тогда центр картинки всегда будет по центру окна браузера, все зависимости от ширины и главное, высоты.

Share this post


Link to post
  • 0
Guest Vadim   
Guest Vadim

вставьте код в хедер

<style type="text/css"> #u108 {   position: absolute;/* position: fixed; */   top: 50%;   left: 50%;   margin-top: -50px;   m0argin-left: -54px;}</style>

и проверьте блок называется .logo или нет, и впишите правильное имя.

PS Для администрации: почему то форум обрезает часть кода, вот этот код m0argin-left: -54px; при вставке он обрезает, добавил 0 чтоб не обрезало.

Share this post


Link to post
  • 0

и проверьте блок называется .logo или нет, и впишите правильное имя.

Vadim имел ввиду, что нужно, при просмотре страницы в браузере, открыть исходный код и посмотреть, какой "ID" присвоен картинке и вписать этот ID в код в header

Вставлять произвольный html-блок с прописанным в нем стилем в страницу не надо.

Share this post


Link to post
  • 0
Guest Vadim   
Guest Vadim

Да, я имел введу что это базовые знания html и css

если до них еще не доросли нужно расти, это как с первоклассником толку ему презерватив давать, разве что шарики будет надувать.

Share this post


Link to post
  • 0

Да, я имел введу что это базовые знания html и css

если до них еще не доросли нужно расти, это как с первоклассником толку ему презерватив давать, разве что шарики будет надувать.

Vadim, ну хоть какая то новая тема у вас кроме онанизма!)  Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке./default_biggrin.png" alt=":D">

Share this post


Link to post
  • 0
grayrustle    4
В 09.04.2014 в 19:36, Евгений Зубов сказал:

Vadim, ну хоть какая то новая тема у вас кроме онанизма!)  Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке./uploads/default_biggrin.png" />

Продублируйте ссылку. Эта не работает.

Share this post


Link to post
  • 0
grayrustle    4
В 06.01.2015 в 21:36, Евгений Зубов сказал:

Теперь есть виджет более менее подходящий под решение этой проблемы, вот перевел и залил:

Продублируйте ссылку. Эта не работает.

Share this post


Link to post
Sign in to follow this  

×
×
  • Create New...