Здравствуйте.
В процессе постройки дизайна обнаружилась такая проблема:
Хотелось бы узнать, можно ли как-то передвинуть границы форума, без обрезания задника/сделать отступ от них больше?
Ссылка на тестовик прилагается.
Спасибо заранее 
Отступ от границ форума.
Сообщений 1 страница 10 из 11
Поделиться126.08.13 01:34
- Бестелесный дух прошлого
- Уважение: +0
Поделиться226.08.13 08:43
- Бестелесный дух прошлого
- Уважение: +252
Рью
Можно.
замените это
Код:
/* A5.1 */
#pun {
margin: 67px auto auto auto;
width : 880px;
padding: 0px 0px 0px 0px;
border: none;
border-top: none;
float: center;
}
/* A5.2 */
.punbb {
float: left;
width: 100%;
height: auto;
}На это:
Код:
/* A5.1 */
#pun {
margin: 67px auto auto auto;
width : 880px;
border: none;
border-top: none;
float: center;
padding: 0;
}
/* A5.2 */
.punbb {
float: none;
height: auto;
position: relative;
width: 820px;
padding-left: 30px;
padding-right: 30px;
}Потом замените код шапки на такой:
Код:
/* шапка */
#pun-title table {background-image : url("http://s5.uploads.ru/vYphW.png"); width:882px; height: 531px; margin: 0 30px 0 -30px;}Поделиться326.08.13 20:47
- Бестелесный дух прошлого
- Уважение: +0
Danessa
Спасибо)
Поделиться426.08.13 21:02
- Бестелесный дух прошлого
- Уважение: +0
Только у меня теперь шапка полностью не отображается, хотя исходник достаточного размера. 
Поделиться526.08.13 22:41
- Бестелесный дух прошлого
- Уважение: +252
Рью
замените полность все это:
Код:
/* D1.1 */
#pun-title TD.title-logo-tdr {
border: none;
vertical-align: top;
padding-top: 2px;
position: absolute;
top: 0;
}
/* D1.2 */
#pun-title h1 {
display : block;
height: 512px;
margin-bottom: -1px;
}
/* D1.3 */
#pun-title .container {
border-style: none ;
}
/* D1.4 */
#pun-title h1 span {
display: none;
}
#pun-title TABLE {
border: none;
}
#pun-title TD.title-logo-tdl {
border: none;
}На это:
Код:
/* D1.1 */
#pun-title TD.title-logo-tdr {
border: none;
vertical-align: top;
padding-top: 2px;
position: absolute;
top: 0;
}
/* D1.2 */
#pun-title h1 {
display : block;
height: 512px;
margin-bottom: -1px;
}
/* D1.3 */
#pun-title .container {
border-style: none ;
}
/* D1.4 */
#pun-title h1 span {
display: none;
}
#pun-title TD.title-logo-tdl {
border: none;
}Отредактировано Danessa (26.08.13 22:42)
Поделиться626.08.13 22:50
- Жерар Депардье
- Уважение: +3482
- Достижения/подарки: cake 4 emoji_events 4
- Наградные баллы: 122
Рью Замените код во втором Окне, замечу что Полотно картинки с драконом должна быть шириной не менее 818px (cейчас она меньше
/* шапка */
#pun-title table {background-image: url("http://s4.uploads.ru/YkGP7.png"); width:882px!important; height: 531px; margin: 0 35px 0 -35px;}
Поправил
Отредактировано Deff (27.08.13 00:18)
Поделиться726.08.13 23:22
- Бестелесный дух прошлого
- Уважение: +0
Danessa
Deff
Ширину картинки изменила, коды поставила. Не помогло.
Поделиться827.08.13 00:15
- Жерар Депардье
- Уважение: +3482
- Достижения/подарки: cake 4 emoji_events 4
- Наградные баллы: 122
Рью
Блин - вот ваша картинка => http://s4.uploads.ru/YkGP7.png
Измерьте в ФШ размер Полотна картинки с драконом (не бордюра
Код поправил
Отредактировано Deff (27.08.13 00:30)
Поделиться927.08.13 00:38
- Бестелесный дух прошлого
- Уважение: +0
Deff написал(а):
Полотна картинки с драконом (не бордюра
Хм. Я, конечно не отрицаю что мои навыки фотошопа оставляют желать лучшего, но все же он, как и браузер утверждает, что полотно шириной 822 пикселей. Вы сами сказали, что оно должно быть больше 818.
Поделиться1027.08.13 00:59
- Жерар Депардье
- Уважение: +3482
- Достижения/подарки: cake 4 emoji_events 4
- Наградные баллы: 122
