|
Ну никак не получается вставить лого по центру!
|
|
| [1] libero23 [28.02.2012, 18:57] |
Прошу помочь выровнить лого по центру...Я пытаюсь разобраться,как это сделать,уже неделю точно,взорвал уже все форумы,куча мануала прочитано,перепробовано много подсказок и ни каких изменений...В общем вот ссылка на сайт http://33cheap.at.ua/ ... Вот скрины Опера и IE . то,что выделено синим,надо впендюрить туда,где выделено зелёным,т.е. по центру.... .. Вот что ещё происходит при сужении браузеров IE и Opera Как я понял в Firefox всё нормально,т.к. отправлял ссылку тем,у кого лиса установлена,все сказали,что всё стоит ровно,Но а под остальные броузеры,как сделать ?
Файл лого http://33cheap.at.ua/logo.png ... Помогите пожалуйста конкретным ответом,т.к. намёки,примеры меня не спасут...Я не тупо обратился сделать за меня работу,хотел сначала сам разобраться,но после недельной борьбы,понял,что не получится у меня походу,т.к. не знаю куда лезть,а все дают разные советы и я запутался уже....уже руки отпусткаются,но хочется сайт доделать,а из-за этого лого работа стоит...
|
|
| [2] likbezz [29.02.2012, 00:15] |
libero23, Quote (libero23) В общем вот ссылка на сайт http://33cheap.at.ua/ ... Вот скрины Опера и IE . то,что выделено синим,надо впендюрить туда,где выделено зелёным,т.е. по центру....
На текущий момент я не вижу того что выделено на скриншотах синим.
...
Quote (libero23) Вот что ещё происходит при сужении браузеров IE и Opera
Это нормальное поведение картинки если она не влезает в родительский блок - и это во всех обозревателях будет так.
... |
|
| [3] libero23 [29.02.2012, 03:21] |
Quote (likbezz) На текущий момент я не вижу того что выделено на скриншотах синим.
Извени,восстановил стандартный шаблон... Теперь,как и на скриншотах...
Сообщение отредактировал libero23 - Среда, 29.02.2012, 03:22 |
|
| [4] likbezz [29.02.2012, 03:35] |
Quote (libero23) Теперь,как и на скриншотах...
Ну и нормально я вижу, а... вижу.
Пропишите вот так:
Code <div id="h3"> <div id="h4"> </div> <div id="mlogo"> </div> <div class="clear"></div> </div>
и уберите фиксированную ширину:
Code #logo {
background:transparent url(/logo.png) no-repeat center center;
height: 77px;
min-width:950px;
}
...
Позиционировать изображение - право/лево можно отступом для блока «logo».
Типа:
Code #logo {
background:transparent url(/logo.png) no-repeat center center;
height: 77px;
min-width:950px;
margin-left:70px;
}
... |
|
| [5] libero23 [29.02.2012, 04:27] |
Спасибо большое за подсказку,но есть одно *НО*...В опере всё встало замечательно,но вот в ИЕ всё-равно смещено влево...
Сообщение отредактировал libero23 - Среда, 29.02.2012, 04:29 |
|
| [6] likbezz [29.02.2012, 04:34] |
libero23, Quote (libero23) В опере всё встало замечательно,но вот в ИЕ всё-равно смещено влево...
ИЕ, надо полагать, v7 или ниже ...
Code * html #logo{position:relative;right:-70px;}
Или вот так:
Code * html #h4{margin-left:-200px}
Второе даже предпочтительнее ...
... |
|
| [7] libero23 [29.02.2012, 05:02] |
Quote (likbezz) html #logo{position:relative;right:-70px;}
Т.е. так чтоли ? div#logo {background:transparent url(/logo.png) no-repeat center center; height: 77px;position:relative;right:-70px; min-width:950px;margin-right 20px;}Добавлено (29.02.2012, 05:02)
---------------------------------------------
Если так,то теперь опера с ИЕ поменялись местами... |
|
| [8] likbezz [29.02.2012, 05:09] |
libero23, Quote (libero23) Т.е. так чтоли ? div#logo {background:transparent url(/logo.png) no-repeat center center; height: 77px;position:relative;right:-70px; min-width:950px;margin-right 20px;}
Нет, не так.
Просто вот так:
Code * html #h4{margin-left:-200px}
Именно так, как и написано, со звёздочками, и с новой строки. Не нужно ничего объединять, это отдельное правило.
... |
|
| [9] libero23 [29.02.2012, 13:45] |
|
Спасибо огромное,всё получилось...А можно ещё вопрос? Для чего служит эта звёздочка перед html?? |
|
| [10] likbezz [29.02.2012, 13:48] |
libero23, Quote (libero23) Для чего служит эта звёздочка перед html??
Это хак для ИЕ - так написанное правило видит, читает и исполняет только ИЕ v7
... |
|
| [11] libero23 [29.02.2012, 14:05] |
|
понял,спасибо... |
|