Не могу выровнить лого !

@libero23 · Регистрация: 22.02.2012

Студворк — интернет-сервис помощи студентам

Помогите пожалуйста,это второй мой сайт и никак не могу разобраться,перечитал много мануала и не могу найти выход...3-ое суток уже сижу над этим вопросом.В общем вотhttp://33cheap.at.ua/ ссылка на сайт ,там лого с брендами,нужно чтобы оно было точно посередине розового фона,как это сделать и чтобы при сужении браузера ничего не смещалось? Желательно готовый код,а то я ещё столько же просижу и не пойму и можете посмотреть правельно ли сделано лого с пумой справа ? Заранее благодарен..

@Герц · 22.02.2012, 17:35

CSS
1
2
3
4
5
6
div#logo {
height: 61px;
background: url('/logo.png') no-repeat #EC008C;
width: 895px;
margin: auto;
}

@tgarl · 22.02.2012, 17:53

я бы добавил в div#logo только margin-top:-8px;

общая высота 77, текущаяя 61: 77-61=16/2=8 сследовательно нужно только поднять на 8px ввверх

@Герц · 22.02.2012, 17:56

Ему нужно по ширине выровнять, а не по высоте ;-)

@tgarl · 22.02.2012, 18:02

тода сори, за невнимательность, но margin:0 auto; тогда должен быть))

@Герц · 22.02.2012, 18:05

Вовсе нет, проверь наличие разницы между двумя вариантами. Результат абсолютно одинаков, так как никакого лишнего марджина браузер не добавляет и не добавляет по вертикали в данном случае.

@libero23 · 23.02.2012, 20:37 **[ТС]**

Сообщение от Герц

CSS
1
2
3
4
5
6
div#logo {
height: 61px;
background: url('/logo.png') no-repeat #EC008C;
width: 895px;
margin: auto;
}

Огромное спасибо....всё получилось )))

Добавлено через 18 часов 17 минут
Герц, Посмотри пожалуйста...Сначала всё было нормально,я переделал сам лого немного и опять сместилось...в чём проблема ??

@Герц · 23.02.2012, 20:54

В width нужно писать ширину твоей картинки.
Еще у тебя

CSS
1
2
3
div#h3 {
padding-left: 10px;
}

смещение дает, убери этот padding-left.

@libero23 · 23.02.2012, 21:05 **[ТС]**

Сообщение от Герц

В width нужно писать ширину твоей картинки.
Еще у тебя

CSS
1
2
3
div#h3 {
padding-left: 10px;
}

смещение дает, убери этот padding-left.

не помогает

@Герц · 23.02.2012, 21:07

У меня все ровно на твоем сайте ) Ты не загрузил изменения?

@libero23 · 23.02.2012, 21:15 **[ТС]**

Сообщение от Герц

У меня все ровно на твоем сайте ) Ты не загрузил изменения?

Загрузил и обновил...хммм... глюк какой-то

В опере и в IE одинаково и никаких изменений...

@Герц · 23.02.2012, 21:24

В опере и ие могут быть свои стандартные паддинги, марджины и т.п.
В таком случае нужно пользоваться reset стилем и задавать все вручную.

@libero23 · 23.02.2012, 21:56 **[ТС]**

Сообщение от Герц

В опере и ие могут быть свои стандартные паддинги, марджины и т.п.
В таком случае нужно пользоваться reset стилем и задавать все вручную.

Ппц,это я точно не смогу...может есть решение проблемы ещё каким-то способом ??

@Герц · 23.02.2012, 22:07

Я вижу что это случается лишь при снижении размеров окна браузера.
Можно пересмотреть дизайн, задав фиксированную ширину всем контейнерам, тогда даже при уменьшении размеров окна браузера они не будут деформироваться.

@libero23 · 24.02.2012, 03:43 **[ТС]**

Вот,что мне ответили на юкозе.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Документ без названия</title> 
</head> 
<body style="margin:0;padding:0;vertical-align:top;"> 
<div style="background:url([url]http://33cheap.at.ua/.s/t/926/3.gif[/url]) no-repeat left bottom; overflow:hidden;"> 
<div style="float:right;height:164px;text-align:right;clear:both;background:url([url]http://33cheap.at.ua/h4.png[/url]) no-repeat left bottom;"> 
<img src="http://33cheap.at.ua/h2.png" width="200" height="87" border="0" alt="" /> 
</div> 
 
</div> 
</body> 
</html>

libero23, libero23,
Quote (libero23)
извените пожалуйста,вы меня не поняли,мне надо лого,которое посередине (logo.png),где надписи со значками брендов....

Оно сделано абсолютно точно также. Просто картинка фоном по центру.

Добавлено через 1 минуту
Это как так?? Картинка фоном по центру ?

Добавлено через 4 часа 6 минут
ААААА!!! просто жесть...блин,я уже готов заплатить,если кто-то поможет мне...я просто не знаю что делать...
попробовал вот этот вариант,на пустой странице нормально,а на сайте,вроде по серёдке,но раздваивается...

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <style type="text/css">
 #logo {margin-top: 200px;width: 850px;padding: 27px;background: url('http://33cheap.at.ua/logo.png');text-align: left;}
 </style>
 </head>
 <body>
 <div align="center">
 <div id="logo">
 </div>
 </div>
 </body>
</html>

@lehajordan · 24.02.2012, 11:09

Сообщение от Герц

задав фиксированную ширину всем контейнерам, тогда даже при уменьшении размеров окна браузера они не будут деформироваться

т.е. указать размер в процентах ?

@Герц · 24.02.2012, 12:00

Можно и в процентах, но min-width и max-width тогда задать стоит.
Я бы в пикселях указал, многие сайты разверстаны под сетку, пытаться угнаться за одинаковым изображением на любых разрешениях ниже эталонного бессмысленно, все равно не получится, если есть картинки, длинные тексты и прочие элементы.
Попробуй окно с его сайтом ужать до размера в 100 пикселей, получишь нечитаемую кашу.

libero23,
поясни почетче, что именно тебе нужно сейчас сделать, снабди скриншотом.

@libero23 · 24.02.2012, 14:14 **[ТС]**

libero23,
поясни почетче, что именно тебе нужно сейчас сделать, снабди скриншотом.[/QUOTE]

на самом деле,всё тоже самое,что я пытаюсь сделать уже 5 дней и 5 ночей...ну да ладно,это так в прикол.... вот скрины с Opera и IE...

Вот то,что выделено синим,надо впендюрить туда,где выделено зелёным,т.е. по центру...Как я понял в Firefox всё нормально,т.к. отправлял ссылку тем,у кого лиса установлена,все сказали,что ровно стоит всё...Но а под остальные броузеры,как сделать ?
Вот к стати,что ещё происходит при сужении броузера Opera,IE

@Герц · 24.02.2012, 23:29

А у меня все ок в опере 11, с ие что делать не знаю, без исходника экспериментировать неудобно, средств отладки нет.

Новые блоги и статьи Все статьи Все блоги /
Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	[В процессе разработки] SDL3 для Web (WebAssembly): Сборка библиотек SDL3 и Box2D из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия SDL 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual. . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»

@libero23 0 / 0 / 0 Регистрация: 22.02.2012 Сообщений: 7

	Не могу выровнить лого ! 22.02.2012, 17:32. Показов 2518. Ответов 18 Метки нет (Все метки) Помогите пожалуйста,это второй мой сайт и никак не могу разобраться,перечитал много мануала и не могу найти выход...3-ое суток уже сижу над этим вопросом.В общем вотhttp://33cheap.at.ua/ ссылка на сайт ,там лого с брендами,нужно чтобы оно было точно посередине розового фона,как это сделать и чтобы при сужении браузера ничего не смещалось? Желательно готовый код,а то я ещё столько же просижу и не пойму и можете посмотреть правельно ли сделано лого с пумой справа ? Заранее благодарен.. 0

@tgarl 467 / 431 / 117 Регистрация: 15.02.2012 Сообщений: 1,951
	22.02.2012, 17:53
	я бы добавил в div#logo только margin-top:-8px; общая высота 77, текущаяя 61: 77-61=16/2=8 сследовательно нужно только поднять на 8px ввверх 1

@Герц 545 / 344 / 12 Регистрация: 05.11.2010 Сообщений: 1,076 Записей в блоге: 1
	22.02.2012, 17:56
	Ему нужно по ширине выровнять, а не по высоте ;-) 1

@tgarl 467 / 431 / 117 Регистрация: 15.02.2012 Сообщений: 1,951
	22.02.2012, 18:02
	тода сори, за невнимательность, но margin:0 auto; тогда должен быть)) 1

@Герц 545 / 344 / 12 Регистрация: 05.11.2010 Сообщений: 1,076 Записей в блоге: 1
	22.02.2012, 18:05
	Вовсе нет, проверь наличие разницы между двумя вариантами. Результат абсолютно одинаков, так как никакого лишнего марджина браузер не добавляет и не добавляет по вертикали в данном случае. 1

@Герц 545 / 344 / 12 Регистрация: 05.11.2010 Сообщений: 1,076 Записей в блоге: 1
	23.02.2012, 21:07
	У меня все ровно на твоем сайте ) Ты не загрузил изменения? 1

@Герц 545 / 344 / 12 Регистрация: 05.11.2010 Сообщений: 1,076 Записей в блоге: 1
	23.02.2012, 21:24
	В опере и ие могут быть свои стандартные паддинги, марджины и т.п. В таком случае нужно пользоваться reset стилем и задавать все вручную. 1

@Герц 545 / 344 / 12 Регистрация: 05.11.2010 Сообщений: 1,076 Записей в блоге: 1
	23.02.2012, 22:07
	Я вижу что это случается лишь при снижении размеров окна браузера. Можно пересмотреть дизайн, задав фиксированную ширину всем контейнерам, тогда даже при уменьшении размеров окна браузера они не будут деформироваться. 1

@Герц 545 / 344 / 12 Регистрация: 05.11.2010 Сообщений: 1,076 Записей в блоге: 1
	24.02.2012, 12:00
	Можно и в процентах, но min-width и max-width тогда задать стоит. Я бы в пикселях указал, многие сайты разверстаны под сетку, пытаться угнаться за одинаковым изображением на любых разрешениях ниже эталонного бессмысленно, все равно не получится, если есть картинки, длинные тексты и прочие элементы. Попробуй окно с его сайтом ужать до размера в 100 пикселей, получишь нечитаемую кашу. libero23, поясни почетче, что именно тебе нужно сейчас сделать, снабди скриншотом. 1

@libero23 0 / 0 / 0 Регистрация: 22.02.2012 Сообщений: 7
	24.02.2012, 14:14 [ТС]
	libero23, поясни почетче, что именно тебе нужно сейчас сделать, снабди скриншотом.[/QUOTE] на самом деле,всё тоже самое,что я пытаюсь сделать уже 5 дней и 5 ночей...ну да ладно,это так в прикол.... вот скрины с Opera и IE... Вот то,что выделено синим,надо впендюрить туда,где выделено зелёным,т.е. по центру...Как я понял в Firefox всё нормально,т.к. отправлял ссылку тем,у кого лиса установлена,все сказали,что ровно стоит всё...Но а под остальные броузеры,как сделать ? Вот к стати,что ещё происходит при сужении броузера Opera,IE 0

@Герц 545 / 344 / 12 Регистрация: 05.11.2010 Сообщений: 1,076 Записей в блоге: 1
	24.02.2012, 23:29
	А у меня все ок в опере 11, с ие что делать не знаю, без исходника экспериментировать неудобно, средств отладки нет. 0