Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
WWW-WWW
0 / 0 / 0
Регистрация: 27.10.2016
Сообщений: 2
1

Разная шапка сайта при разном разрешении экрана

27.10.2016, 12:25. Просмотров 283. Ответов 2
Метки нет (Все метки)

Здравствуйте.

tehreg.ru

Как можно реализовать - Разная шапка сайта при разном разрешении экрана

Дело в том, что на мобильных устройствах шапка сайта смещается, и получается непоймичто...

Вложения
1 - Хочется, чтобы было так. Слева и справа - рисунки. Посередине - текст. При разрешении 1024*600 и больше - это выглядит нормально.
3 - При разрешении 360*640 - это выглядит отвратительно. Хочется это исправить.
2 - Как вариант решения - Можно убрать правый рисунок - При разрешении менее 1024*600

Как вариант вижу (возможно, из-за недостатка опыта) - убрать правый рисунок при разрешении МЕНЕЕ 1024*600, а если разрешение 1024*600 и больше, - выводить правый рисунок. Возможно ли это? И как реализовать? Можете код написать?

Код предполагался такой


HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<body topmargin="0" bottommargin="0">
 
<img src="IMG/Sert-600x400s.JPG" align="left" border="0" width="240" height="156" topmargin="0" bottommargin="0">
 
<img src="IMG/Gerb.JPG" align="right" border="0" width="240" height="156" topmargin="0" bottommargin="0">
 
<table cellspacing="0" cellpadding="0" align="left">
<tr>
<td><img src="IMG/ISO.JPG" align="left" border="0" width="80" height="80">
</td>
<td><img src="IMG/EAC.JPG" align="left" border="0" width="80" height="80">
</td>
<td></td>
</tr>
<tr>
<td><img src="IMG/PCT.JPG" align="left" border="0" width="80" height="78">
</td>
<td><img src="IMG/PCT-dobr.JPG" align="left" border="0" width="80" height="78">
</td>
<td></td>
</tr>
</table>
 
.
<center>
<p><i><strong><h2>TehReg.RU
<br>Технический регламент РФ</h2></strong>
<br><b>Подтверждение соответствия продукции</b></i>
</center>

Вложение 3 - вот что получается при маленьком разрешении.
Сделал левую часть одним рисунком - при маленьком разрешении выглядит лучше.


HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<body topmargin="0" bottommargin="0">
 
<img src="IMG/TehReg.JPG" align="left" border="0" width="400" height="156" topmargin="0" bottommargin="0">
 
<img src="IMG/Gerb.JPG" align="right" border="0" width="240" height="156" topmargin="0" bottommargin="0">
 
.
<center>
<p><i><strong><h2>TehReg.RU
<br>Технический регламент РФ</h2></strong>
<br><b>Подтверждение соответствия продукции</b></i>
</center>

Хочется чтобы справа был рисунок, хотя бы при разрешении 1024*600 и больше, а при меньшем - убирать.

Заранее ОГРОМНОЕ спасибо за помощь.
0
Миниатюры
Разная шапка сайта при разном разрешении экрана   Разная шапка сайта при разном разрешении экрана   Разная шапка сайта при разном разрешении экрана  

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
27.10.2016, 12:25
Ответы с готовыми решениями:

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

Блок не меняет размеры при разном разрешении экрана
Добрый день, как то уже обращался с похожей проблемой. Есть сайт...

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

При разном разрешении текст отображается по-разному
на мониторах 1024х768, 1366х768 все выглядит красиво и ровно. А на мониторе...

При разном разрешении появляется горизонтальная прокрутка
Народ помогите пожалуйста разобраться. У меня При маленьком разрешении...

2
cardo
20 / 18 / 5
Регистрация: 15.12.2015
Сообщений: 172
27.10.2016, 13:26 2
Вам таблицу для начала оптимизировать нужно
0
WWW-WWW
0 / 0 / 0
Регистрация: 27.10.2016
Сообщений: 2
28.10.2016, 09:57  [ТС] 3
Я так понимаю, невозможно?

Если кто сталкивался - помогите, плз, код корректно поправить.
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
28.10.2016, 09:57

div, изменение размера при масштабируемости браузера + разные размеры при разном разрешении
есть див, у него стиль background-image:url(head.jpg);...

Блок (float) к блоку. Одинаковый сайт при разном разрешении
Здравствуйте. Вот мой сайт http://bitloor.url.ph/ Дело вот в чем. При разных...

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


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru