Как сделать одинаковый отступ

MrViper · 13-11-2012, 21:10:04

Всем доброго времени суток. Меня мучает один вопрос. Установил лого, но оно нормально отображается только на мониторах моего разрешения 1680х1050 на экранах меньшего расширения лого уходит вправо а на больших влево. Как сделать чтобы лого отображалось везде одинаково. Может как-нибудь можно прописать для разных расширений экранов. Сайт my-avto.net http://my-avto.net/За ранее благодарен

Kylaksizov · 13-11-2012, 23:10:49

Поместите его в блок со всем контентом и всё будет чики пики.

MrViper · 14-11-2012, 15:18:05

Цитата: Kylaksizov от 13-11-2012, 23:10:49
Поместите его в блок со всем контентом и всё будет чики пики.

Да я бы с радостью, но блока в том месте нету, где я бы хотел его поместить...

webuser · 14-11-2012, 15:39:35

MrViper, тогда создайте блок. Писать под каждый размер экрана - не лучший способ.

MrViper · 14-11-2012, 17:29:26

Цитата: webuser от 14-11-2012, 15:39:35MrViper, тогда создайте блок. Писать под каждый размер экрана - не лучший способ.

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

Clever · 14-11-2012, 18:01:43

Да , накуролесили вы в коде неплохо.
Вопервых у вас есть контейнер
<div id="s5_logo_banner_wrap" style="width:925px">
Во вторых - почему логотип прописан в <head> ?
<a href="/index.php">
<img border="0" height="100" width="300" style="margin-left: 370px; border: 0pt none; vertical-align: baseline;" src="/templates/emma_smooth/images/s5_logo.png">
</a>
------------------------------------------------
Вот поэтому он и плавает , потому что находится потенциально в 100% зоне ширины .
Переместите его в контейнер , такие дела как логотип должны быть после <body> , в любом месте , в любом контейнере , но не между <head></head>

Добавлено: 14-11-2012, 18:08:00

=============================
Перенесите его после
<div id="s5_header_wrap" style="width:925px" class="active">
и уберите отступ у картинки
<a href="/index.php">
<img border="0" height="100" width="300" style="margin-left: 370px; border: 0pt none; vertical-align: baseline;" src="/templates/emma_smooth/images/s5_logo.png">
</a>

Хотя здесь весь код -шедевр , зачем вам два раза бордер 0 ?
в стилях достаточно один раз указать:
img{border:0}

И больше нигде не делать border 0 , тем более в html

Добавлено: 14-11-2012, 18:12:01

В итоге у меня уже лого в левом углу над слайдером , а у вас ?
Скрин прикрепляю

MrViper · 14-11-2012, 21:23:55

Посмотрите пожалуйста сейчас нормально лого стоит, если да то объясните если не сложно, почему он стоит именно там где мне нужно, хотя у меня отступа нету и в ксс кода тоже нету. Я понял что он не плавает сейчас, но без отступа он же должен быть просто слева или я что-то не понимаю.

diy05 · 14-11-2012, 21:39:54

MrViper, да, нормально
Стоит там где нужно, потому что указана ширина блока <div id="s5_header_wrap" style="width:925px" class="active">
а в стилях для него прописано расположение посередине окна браузера
#s5_header_wrap {
margin-left:auto;
margin-right:auto;
}

он и стоит просто слева, как вы сказали, только внутри блока

Clever · 14-11-2012, 22:02:47

Цитата: MrViper от 14-11-2012, 21:23:55
Посмотрите пожалуйста сейчас нормально лого стоит, если да то объясните если не сложно, почему он стоит именно там где мне нужно, хотя у меня отступа нету и в ксс кода тоже нету. Я понял что он не плавает сейчас, но без отступа он же должен быть просто слева или я что-то не понимаю.

Тот вариант что я вам посоветовал - вижу что применили , он ограничил пределы логотипа.
<div id="s5_header_wrap" style="width:925px" class="active">
В html существует правило верхнего левого угла. Все по умолчанию находится в top-left of parent - это значит левый верхний угол родительского контейнера. В вашем случае родитель
<div id="s5_header_wrap" style="width:925px" class="active"> , поэтому где бы он не находился , лого будет в левом верхнем углу , пока не примените к логотипу другие стили.
В стилях прописано
#s5_header_wrap {
margin-left: auto;
margin-right: auto;
}

Что заставляет контейнер быть по центру. Я дал для наглядности контейнеру backgкound:red; чтобы показать контейнер , тогда все поймете , так как он окрашен красным , смотрите скрин

MrViper · 14-11-2012, 22:04:52

Большое спасибо за объяснение, все понял. Тему можно закрывать)