Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Расположение элементов на странице относительно друг друга / 17 сообщений из 17, страница 1 из 1
05.09.2012, 17:13:46
    #37945199
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расположение элементов на странице относительно друг друга
Здравствуйте, на странице html расположено несколько элементов и подключен для стилей элемента свой файл css, он указывает как отображаться элемнту относительно страницы, как теперь уладить расположение элементов между собой, актуальна разница при промотре на мониторах разной диагонали
...
Рейтинг: 0 / 0
05.09.2012, 17:49:16
    #37945280
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расположение элементов на странице относительно друг друга
...
Рейтинг: 0 / 0
05.09.2012, 18:02:44
    #37945307
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расположение элементов на странице относительно друг друга
Antonariy, спасибо читаю
>Эта статья покажет вам как создавать кросс-браузерный адаптивный дизайн при помощи HTML5 и CSS3 media queries.
Всё въехать не могу если у меня ХР - можно отдыхать относительно HTML5 и CSS3?
...
Рейтинг: 0 / 0
05.09.2012, 18:28:24
    #37945355
Primus inter pares
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расположение элементов на странице относительно друг друга
катастрофаВсё въехать не могу если у меня ХР - можно отдыхать относительно HTML5 и CSS3?
Причем тут ОС, дело в браузере, вот посмотри что твой поддерживает.
...
Рейтинг: 0 / 0
06.09.2012, 11:18:47
    #37946166
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расположение элементов на странице относительно друг друга
что ж они такое не дают осуществить?

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
<script type="text/javascript">
//код ставить в body
if (screen.width<=1024) {<link href="style_script_css1024.css" type="text/css" rel="stylesheet">}
else {
if (screen.width<=1900) {<link href="style_script_css1900.css" type="text/css" rel="stylesheet">}
}
//
</script>



всё ж так элементарно.
Ладно залил на http://днсд.рф/
для начала бесит отсутствие карандаша по нажатию на который должна быть форма обратной связи, в мониторе 24" она есть, а у 19" нет и если на ленточке указать длинный текст, то в 19" он переносится на две строки и естественно таблица где советы опускается ниже
как это лечить?
...
Рейтинг: 0 / 0
06.09.2012, 11:43:07
    #37946227
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расположение элементов на странице относительно друг друга
Потому что нельзя вставлять вот так беспардонно html-разметку в js-код. Все равно что среди нотной записи вдруг пошли математические формулы.

А конкретно то, что хочешь ты, делается либо в одном css-файле:

Код: css
1.
2.
3.
4.
5.
6.
7.
@media  (max-width: 1024px) {
  /*содержимое style_script_css1024.css*/
}

@media  (max-width: 1900px) {
  /*содержимое style_script_css1900.css*/
}

но тогда ie8 и младше, а так же прочие старые браузеры останутся как бы вообще без стилей.

Или так:
Код: html
1.
2.
<link media="max-width: 1024px" href="style_script_css1024.css" type="text/css" rel="stylesheet">
<link media="max-width: 1900px" href="style_script_css1900.css" type="text/css" rel="stylesheet">

Тогда старые браузеры проигнорируют media и применят оба файла.
...
Рейтинг: 0 / 0
06.09.2012, 17:24:55
    #37947076
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расположение элементов на странице относительно друг друга
Antonariy, оказывается и у Вас всё ж так элементарно? когда знаешь
Ладно залил на http://днсд.рф/
для начала бесит отсутствие карандаша по нажатию на который должна быть форма обратной связи, в мониторе 24" она есть, а у 19" нет
не пойму за какую ниточку в css дёргать??, так как форма обратной связи должна быть если представить поле для морского боя то на клетке А8
и тогда сделаю два файла css
...
Рейтинг: 0 / 0
06.09.2012, 17:41:16
    #37947111
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расположение элементов на странице относительно друг друга
Есть карандаш.
...
Рейтинг: 0 / 0
06.09.2012, 19:22:11
    #37947266
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расположение элементов на странице относительно друг друга
Antonariy, есть предположение почему я на 19" с разрешением 1024 его не вижу?
...
Рейтинг: 0 / 0
06.09.2012, 19:31:15
    #37947282
Edd.Dragon
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расположение элементов на странице относительно друг друга
катастрофавсё ж так элементарно.
Код: javascript
1.
if (screen.width<=1024) {<link href="style_script_css1024.css" type="text/css" rel="stylesheet">}



Элементарнее некуда. Осталось всего-лишь выучить js и узнать, что такое DOM и как с ним работать из JS. Тогда сможете с помощью js подружать что угодно и когда угодно. И куда угодно.
...
Рейтинг: 0 / 0
06.09.2012, 19:54:04
    #37947313
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расположение элементов на странице относительно друг друга
Edd.Dragon, но я в файле Js в упор не вижу top, а в css вижу
??
...
Рейтинг: 0 / 0
06.09.2012, 19:56:49
    #37947316
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расположение элементов на странице относительно друг друга
и как бы в css я её не менял
Код: css
1.
2.
/*высота формы от верха страницы*/
	top:100px;


нету карандаша - мистика какая-то
...
Рейтинг: 0 / 0
06.09.2012, 21:56:45
    #37947415
Edd.Dragon
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расположение элементов на странице относительно друг друга
катастрофаEdd.Dragon, но я в файле Js в упор не вижу top, а в css вижу
??
В каком файле js что ты не видишь? Файлы js ты пишешь сам. Вот только ты рано за это дело взялся. Доучи учебники, блин! Тогда ты узнаешь, как с помощью js загрузить картинку, css или черта лысого (т.е. сделать то, что ты хотел, только ПРАВИЛЬНО).

Как еще понятнее объяснить?!
...
Рейтинг: 0 / 0
07.09.2012, 02:48:57
    #37947598
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расположение элементов на странице относительно друг друга
катастрофаAntonariy, есть предположение почему я на 19" с разрешением 1024 его не вижу?Потому что position:fixed и top:585px
...
Рейтинг: 0 / 0
07.09.2012, 05:43:30
    #37947640
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расположение элементов на странице относительно друг друга
Antonariy,
>Потому что position:fixed и top:585px
Здраво, но поубирал я position:fixed и какое только значение в top:не ставлю, всё мимо, какое надо поставить?
...
Рейтинг: 0 / 0
07.09.2012, 09:59:35
    #37947754
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расположение элементов на странице относительно друг друга
Никакое. Нужно в html кнопку расположить под формой.
...
Рейтинг: 0 / 0
07.09.2012, 11:35:38
    #37947932
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расположение элементов на странице относительно друг друга
Antonariy,
>Нужно в html кнопку расположить под формой
нужны пояснения в Вашем лексиконе
Форма - это то куда вносится сообщение
А кнопка что такое? - изображение карандаша?
и зачем оно мне нужно под формой?
красиво же форма, справа к ней избражение, нажал на него - форма вылазит - разве нет?
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Расположение элементов на странице относительно друг друга / 17 сообщений из 17, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]