• Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Как сделать... Тема только по сайтам в системе uCoz » Ну никак не получается вставить лого по центру!
Ну никак не получается вставить лого по центру!
Дата: Вторник, 28.02.2012, 18:57 |
libero23
Сержант
Группа: Проверенные
Сообщений: 27
Награды: 0
Репутация: 0
Статус: Offline


Прошу помочь выровнить лого по центру...Я пытаюсь разобраться,как это сделать,уже неделю точно,взорвал уже все форумы,куча мануала прочитано,перепробовано много подсказок и ни каких изменений...В общем вот ссылка на сайт http://33cheap.at.ua/ ... Вот скрины Опера и IE . то,что выделено синим,надо впендюрить туда,где выделено зелёным,т.е. по центру.... .. Вот что ещё происходит при сужении браузеров IE и Opera Как я понял в Firefox всё нормально,т.к. отправлял ссылку тем,у кого лиса установлена,все сказали,что всё стоит ровно,Но а под остальные броузеры,как сделать ?
Файл лого http://33cheap.at.ua/logo.png ... Помогите пожалуйста конкретным ответом,т.к. намёки,примеры меня не спасут...Я не тупо обратился сделать за меня работу,хотел сначала сам разобраться,но после недельной борьбы,понял,что не получится у меня походу,т.к. не знаю куда лезть,а все дают разные советы и я запутался уже....уже руки отпусткаются,но хочется сайт доделать,а из-за этого лого работа стоит...

Прикрепления: 9090678.jpg (144.1 Kb)

 
Дата: Среда, 29.02.2012, 00:15 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


libero23,
Quote (libero23)
В общем вот ссылка на сайт http://33cheap.at.ua/ ... Вот скрины Опера и IE . то,что выделено синим,надо впендюрить туда,где выделено зелёным,т.е. по центру....

На текущий момент я не вижу того что выделено на скриншотах синим.
...
Quote (libero23)
Вот что ещё происходит при сужении браузеров IE и Opera

Это нормальное поведение картинки если она не влезает в родительский блок - и это во всех обозревателях будет так.
...


 
Дата: Среда, 29.02.2012, 03:21 |
libero23
Сержант
Группа: Проверенные
Сообщений: 27
Награды: 0
Репутация: 0
Статус: Offline


Quote (likbezz)
На текущий момент я не вижу того что выделено на скриншотах синим.

Извени,восстановил стандартный шаблон... Теперь,как и на скриншотах...


Сообщение отредактировал libero23 - Среда, 29.02.2012, 03:22
 
Дата: Среда, 29.02.2012, 03:35 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


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;
}

...


 
Дата: Среда, 29.02.2012, 04:27 |
libero23
Сержант
Группа: Проверенные
Сообщений: 27
Награды: 0
Репутация: 0
Статус: Offline


Спасибо большое за подсказку,но есть одно *НО*...В опере всё встало замечательно,но вот в ИЕ всё-равно смещено влево...
Прикрепления: 9702924.jpg (107.4 Kb) · 6475201.jpg (148.9 Kb)

Сообщение отредактировал libero23 - Среда, 29.02.2012, 04:29
 
Дата: Среда, 29.02.2012, 04:34 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


libero23,
Quote (libero23)
В опере всё встало замечательно,но вот в ИЕ всё-равно смещено влево...

ИЕ, надо полагать, v7 или ниже ...
Code
* html #logo{position:relative;right:-70px;}

Или вот так:
Code
* html #h4{margin-left:-200px}

Второе даже предпочтительнее ...
...


 
Дата: Среда, 29.02.2012, 05:02 |
libero23
Сержант
Группа: Проверенные
Сообщений: 27
Награды: 0
Репутация: 0
Статус: Offline


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)
---------------------------------------------
Если так,то теперь опера с ИЕ поменялись местами...

 
Дата: Среда, 29.02.2012, 05:09 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


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}

Именно так, как и написано, со звёздочками, и с новой строки. Не нужно ничего объединять, это отдельное правило.
...


 
Дата: Среда, 29.02.2012, 13:45 |
libero23
Сержант
Группа: Проверенные
Сообщений: 27
Награды: 0
Репутация: 0
Статус: Offline


Спасибо огромное,всё получилось...А можно ещё вопрос? Для чего служит эта звёздочка перед html??

 
Дата: Среда, 29.02.2012, 13:48 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


libero23,
Quote (libero23)
Для чего служит эта звёздочка перед html??

Это хак для ИЕ - так написанное правило видит, читает и исполняет только ИЕ v7
...


 
Дата: Среда, 29.02.2012, 14:05 |
libero23
Сержант
Группа: Проверенные
Сообщений: 27
Награды: 0
Репутация: 0
Статус: Offline


понял,спасибо...

 
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Как сделать... Тема только по сайтам в системе uCoz » Ну никак не получается вставить лого по центру!
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия