Дизайн сдвигается в сторону
Сообщений 1 страница 6 из 6
Поделиться1Сб, 1 Окт 2016 22:27:36
- Заслуженный
- Зарегистрирован: Вс, 17 Апр 2016
- Сообщений: 122
- Уважение: +28
- Позитив: +31
- Последний визит:
Пт, 4 Окт 2024 20:49:00
Поделиться2Сб, 1 Окт 2016 22:42:32
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51450
- Уважение: +15412
- Позитив: +12013
- Последний визит:
Вчера 23:44:29
Maman Brigitte
Замените пункт A5.1 в Первом Окне на такой:
/* A5.1 */
#pun {
height: auto;
margin: 0 auto;
width: 1350px;
position: relative;
}
Нет такого правила float: top center; => Cправочник => http://htmlbook.ru/css/float
Поделиться3Сб, 1 Окт 2016 22:52:06
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51450
- Уважение: +15412
- Позитив: +12013
- Последний визит:
Вчера 23:44:29
Вот эту картинку стоит обрезать по ширине http://s0.uploads.ru/5qzyP.png до границ самого широкого элемента, чтобы на мелких экранах Шапка центрировалось
И тогда сократить красное
/* A5.1 */
#pun {
height: auto;
margin: 0 auto;
width: 1350px;
position: relative;
}
До размеров ширины этой картинки
Поделиться4Сб, 1 Окт 2016 22:54:19
- Заслуженный
- Зарегистрирован: Вс, 17 Апр 2016
- Сообщений: 122
- Уважение: +28
- Позитив: +31
- Последний визит:
Пт, 4 Окт 2024 20:49:00
Deff
Теперь форум на большом экране хорошо отображается, но стрелки слишком сдвинулись на фон таблицы. Выглядит теперь так:
Их можно сдвинуть чуть правее, и как?
Поделиться5Сб, 1 Окт 2016 23:04:46
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51450
- Уважение: +15412
- Позитив: +12013
- Последний визит:
Вчера 23:44:29
Maman Brigitte Замените код кнопок
<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="http://s1.uploads.ru/eRDkt.png" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="http://s6.uploads.ru/lQyVa.png" border="0" /></div>
<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
left:50%; /*указываем положение, если слева - left*/
margin-left:600px;
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:.7; /*прозрачность*/
margin-bottom:40px; /*отступ снизу (можно не указывать)*/
width:41px; /*ширина кнопки*/
height:61px; /*высота кнопки*/
}
.go-up {
bottom:110px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:31px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>
<!--кнопки вверх вниз-->
Красное регулируем
Поделиться6Сб, 1 Окт 2016 23:11:10
- Заслуженный
- Зарегистрирован: Вс, 17 Апр 2016
- Сообщений: 122
- Уважение: +28
- Позитив: +31
- Последний визит:
Пт, 4 Окт 2024 20:49:00
Deff
Все, теперь все заработало! Огромное вам спасибо, вы очень сильно помогли 