Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 09.01.2013, 23:37   #1
ололошенько
Заблокирован
 
Регистрация: 10.08.2010
Сообщений: 566
По умолчанию расположение обьекта по центру в CSS

уже задолбался искать ответы...все пробую да невыходит.

нужно расположить картинку(шапку сайта)ровно по центру и в самом верху.

вот способ действующий что бы картинка было ровно вверху:
Код HTML:
.logo
{
   position:absolute;
   top:0;
}
а вот способ что бы она была ровно по центру:
Код HTML:
.logo
{
   text-position:center;
}
но вот тут картинка хоть и по центру но у неё отступ от верха почемуто гдето 5px,но вместе они не работают блин((((всякие margin и display нечем не помогли...

как мне разместить картинку что бы она была и по центру и в самом верху?

З.Ы. коды из отдельного файла style.css
ололошенько вне форума Ответить с цитированием
Старый 09.01.2013, 23:58   #2
MyLastHit
Очень суровый
Участник клуба
 
Аватар для MyLastHit
 
Регистрация: 17.12.2009
Сообщений: 1,988
По умолчанию

Цитата:
text-position:center;
Щито?О_о
Код:
 .logo
{
   position:absolute;
   top:0;
   left:50%;
   margin-left: (минус половина длины картинки)
}
Или сделать адекватную блочную верстку и использовать:
Код:
.logo
{
   position:absolute;
   top:0;
   margin: 0 auto;
}
Ненавижу быть как все, но люблю, чтобы все были как я.

Последний раз редактировалось MyLastHit; 10.01.2013 в 00:01.
MyLastHit вне форума Ответить с цитированием
Старый 10.01.2013, 00:01   #3
Лубышев
Участник клуба
 
Аватар для Лубышев
 
Регистрация: 23.07.2007
Сообщений: 1,054
По умолчанию

Код:
*{margin:0px; padding:0px;}
это избавит тебя от отступов сверху
Код:
.logo{margin:auto;}
а это отцентрирует твой logo - если конечно это блочный элемент с заданной шириной. если же нет то допиши еще
Код:
display:block;
width:1010px;
Писано по д'Эльфийски
Лубышев вне форума Ответить с цитированием
Старый 10.01.2013, 00:23   #4
ололошенько
Заблокирован
 
Регистрация: 10.08.2010
Сообщений: 566
По умолчанию

MyLastHit помогло,спасибо!!!я до этого и пробовал подобное но -значение не додумался поставить.

а text-position это старый метод какойто но относительно неплохой))
ололошенько вне форума Ответить с цитированием
Старый 10.01.2013, 08:23   #5
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Цитата:
Сообщение от ололошенько Посмотреть сообщение
а text-position это старый метод какойто но относительно неплохой))
Может он и неплохой, но нет такого метода.
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 10.01.2013, 10:46   #6
ололошенько
Заблокирован
 
Регистрация: 10.08.2010
Сообщений: 566
По умолчанию

но работает же...

легко выравнивает по центру,3 слова и все
ололошенько вне форума Ответить с цитированием
Старый 10.01.2013, 13:57   #7
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Цитата:
Сообщение от ололошенько Посмотреть сообщение
но работает же...

легко выравнивает по центру,3 слова и все
Не знаю, в какой параллельной вселенной у вас работает свойство text-position, в моей вселенной его не существует и оно не работает.
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 10.01.2013, 22:38   #8
ололошенько
Заблокирован
 
Регистрация: 10.08.2010
Сообщений: 566
По умолчанию

text-position в ксс прописываешь и центр выбираешь,работает,попробуйте убрать все лишнее что в блоке с ним находится.
ололошенько вне форума Ответить с цитированием
Старый 11.01.2013, 09:33   #9
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Цитата:
попробуйте убрать все лишнее что в блоке с ним находится.
Зачем?
1. Свойства text-position нет ни на W3C, ни в одном из известных мне справочников.
2. Я знаю 4 тривиальных, валидных способа разместить контент по центру...
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 11.01.2013, 10:14   #10
ололошенько
Заблокирован
 
Регистрация: 10.08.2010
Сообщений: 566
По умолчанию

ну я за эти дним освоил только вот такой способ:

размещение обьекта шириной 1000
position:absolute;
left:50%;
margin-left:-500;

раскажите как можно ещё осуществить подобное,буду признателен.
ололошенько вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
CSS меню по центру opa__ HTML и CSS 14 18.03.2012 18:27
Как выровнять изображение в CSS по центру? VasyOK{!} HTML и CSS 8 02.03.2012 14:34
Расположение обьекта jetei Gamedev - cоздание игр: Unity, OpenGL, DirectX 3 15.12.2011 20:21
расположение объекта по центру формы skalt12 Общие вопросы Delphi 3 11.05.2010 19:43
Выравнивание фона по центру CSS Spacewalker HTML и CSS 1 17.04.2010 11:57