Помощник
|
На сайте есть лишняя область, которая не нужна! Как её убрать? |
Pavll
|
Сообщение
#1
|
||
|
|
||
|
|||
Webmaster_hb |
9.3.2019, 15:21;
Ответить: Webmaster_hb
Сообщение
#2
|
|
[CSS]
@charset "windows-1251"; /* CSS Document */ body { font-family: 'Palatino Linotype', serif; padding: 0px 30px; } h1 { margin-bottom: 0px; } p { margin-top: 0px; } fieldset { margin-bottom: 15px; padding: 10px; } legend { padding: 0px 3px; font-weight: bold; font-variant: small-caps; } label { width: 110px; display: inline-block; vertical-align: top; margin: 6px; } em { font-weight: bold; font-style: normal; color: #f00; } input:focus { background: #eaeaea; } input, textarea { width: 249px; } textarea { height: 100px; } select { width: 254px; } input[type=checkbox] { width: 10px; } input[type=submit] { width: 170px; padding: 10px; } body, p, div{ padding: 0px; margin:0px; line-height: 1.2; color: #333333 !important; font-family: Arial, Helvetica, sans-serif !important; } #maincontent{ height: 1550px; background-color:#ecede7; } .menu{ margin-left:250px; margin-top:10px; } .men1{ margin-top:10px; } #sp1{ width:241px; height:48px; background-image: url(img/menuhover2.jpg); background-position:0px 498px; display:inline-block; } #sp2{ width:241px; height:48px; background-image: url(img/menu2.jpg); background-position:0px 450px; display:inline-block; } #sp2:hover{ width:241px; height:48px; background-image: url(img/menuhover2.jpg); background-position:0px 450px; } #sp3{ width:241px; height:48px; background-image: url(img/menu2.jpg); background-position:0px 402px; display:inline-block; } #sp3:hover{ width:241px; height:48px; background-image: url(img/menuhover2.jpg); background-position:0px 402px; } #sp4{ width:241px; height:47px; background-image: url(img/menu2.jpg); background-position:0px 355px; display:inline-block; } #sp4:hover{ width:241px; height:47px; background-image: url(img/menuhover2.jpg); background-position:0px 355px; } #sp5{ width:241px; height:48px; background-image: url(img/menu2.jpg); background-position:0px 307px; display:inline-block; } #sp5:hover{ width:241px; height:48px; background-image: url(img/menuhover2.jpg); background-position:0px 307px; } #sp6{ width:241px; height:48px; background-image: url(img/menu2.jpg); background-position:0px 259px; display:inline-block; } #sp6:hover{ width:241px; height:48px; background-image: url(img/menuhover2.jpg); background-position:0px 259px; } #sp7{ width:241px; height:67px; background-image: url(img/menu2.jpg); background-position:0px 211px; display:inline-block; } #sp7:hover{ width:241px; height:67px; background-image: url(img/menuhover2.jpg); background-position:0px 211px; } #sp8{ width:241px; height:48px; background-image: url(img/menu2.jpg); background-position:0px 143px; display:inline-block; } #sp8:hover{ width:241px; height:48px; background-image: url(img/menuhover2.jpg); background-position:0px 143px; } #sp9{ width:241px; height:48px; background-image: url(img/menu2.jpg); background-position:0px 95px; display:inline-block; } #sp9:hover{ width:241px; height:48px; background-image: url(img/menuhover2.jpg); background-position:0px 95px; } #sp10{ width:241px; height:48px; background-image: url(img/menu2.jpg); background-position:0px 50px; display:inline-block; } #sp10:hover{ width:241px; height:48px; background-image: url(img/menuhover2.jpg); background-position:0px 50px; } .podmenu{ margin-left:250px; padding:10px 0px 0px 0px; } .podmenu1{ margin-bottom:10px; } .reklama{ margin-left:250px; padding:10px 0px 0px 0px; } .img1{ margin-left:750px; margin-top:-1110px; } .img2{ background-image:url(img/modul.jpg); width:670px; height:140px; margin-left:500px; margin-top: 10px; font-size:12px; } .img3{ margin-left:500px; margin-top:5px; } .img4{ float:left; margin-left:840px; margin-top:-355px; } .img5{ margin-left:500px; margin-top:5px; } .ssilka{ font-size:18px; margin-left:200px; padding-top:30px; } .nizfon{ padding-top:25px; height:210px; width: 1920px; background-image:url(img/nizfon.jpg); border-top: 2px solid #9BC550; background: #3C3E37; color: #ACADAB !important; } .block-type-siteinfo { margin-left:5px; display:inline-block; font-size: 0.8em; color: #9BC550 !important; } .footer { margin-left:250px; margin-top:10px; display:inline-block; background: #3C3E37; color: #ACADAB !important; } .block-text { margin-left: 250px; margin-top: -25px; padding: 0; border: 0; outline: 0; font-size: 90%; vertical-align: baseline; background: transparent; color: #ACADAB !important; } .footer2{ padding-top:0px; margin-left: 275px; margin-top:0px; color: #ACADAB !important; } .footer3{ position: absolute; height:auto; width:auto; padding-top:0px; margin-left:-375px; margin-top:10px; color: #ACADAB !important; } .imgsoc{ margin-left: 0px; margin-top: 10px; } .imgsoc2{ margin-left: 65px; margin-top: -65px; } .imgsoc3{ margin-left: 130px; margin-top: -65px; } .imgsoc4{ margin-left: 195px; margin-top: -65px; } .imgsoc5{ margin-left: 260px; margin-top: -65px; } .accenter{ font-size: 1.25em; font-weight: normal; color: #FFF !important; } .block-text2{ margin-top:-140px; } .gallery-collection-type-pix .gallery-collection-item-img { width: 154px; display: block; } .block-type-counters { padding: 10px 0 0; } .block-type-counters { } .block { } HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, A, ABBR, ACRONYM, BIG, FONT, IMG, SMALL, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, TBODY, TFOOT, THEAD, TR { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } .cleared::after, .block-content::after, .block-type-catalogitem::after { content: ''; display: block; clear: both; } элемент { } HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, A, ABBR, ACRONYM, BIG, FONT, IMG, SMALL, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, TBODY, TFOOT, THEAD, TR { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } .block-text { } HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, A, ABBR, ACRONYM, BIG, FONT, IMG, SMALL, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, TBODY, TFOOT, THEAD, TR { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } .block-type-counters-counter { display: inline-block; max-width: 88px; max-height: 150px; overflow: hidden; } HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, A, ABBR, ACRONYM, BIG, FONT, IMG, SMALL, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, TBODY, TFOOT, THEAD, TR { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } #footer A { color: #9BC550 !important; } a, .pseudo-link { color: #990000 !important; } A { color: #00659B; } HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, A, ABBR, ACRONYM, BIG, FONT, IMG, SMALL, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, TBODY, TFOOT, THEAD, TR { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } .block-type-counters-counter IMG, .block-text .block-type-counters-counter IMG { float: none; border: none; margin: 0; } .block-text IMG { margin-right: 10px; } .block-text IMG { max-width: 100%; } .block-text IMG { border: 1px solid #DCDCDC; margin: 0 16px 10px 0; } HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, A, ABBR, ACRONYM, BIG, FONT, IMG, SMALL, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, TBODY, TFOOT, THEAD, TR { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } .block-type-counters-counter { display: inline-block; max-width: 88px; max-height: 150px; overflow: hidden; } HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, A, ABBR, ACRONYM, BIG, FONT, IMG, SMALL, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, TBODY, TFOOT, THEAD, TR { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } #footer A { color: #9BC550 !important; } a, .pseudo-link { color: #990000 !important; } A { color: #00659B; } HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, A, ABBR, ACRONYM, BIG, FONT, IMG, SMALL, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, TBODY, TFOOT, THEAD, TR { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } .setup-bottom-panel { position: fixed; z-index: 999; width: 1210px; bottom: 0; height: 25px; font-family: PT Sans, Arial, Tahoma, sans-serif; background-image: linear-gradient(-180deg, rgba(77,77,77,0.69) 4%, rgba(45,45,45,0.69) 99%); box-shadow: 0px -2px 20px 0px rgba(0,0,0,0.40); margin-left:0px; } .setup-bottom-panel--txt, .setup-bottom-panel--txt:hover { color: #fff !important; } .setup-bottom-panel--txt { display: inline-block; font-size: 12px; color: #ffffff; text-align: right; line-height: 25px; position: absolute; bottom: 0px; left: 250px; text-decoration: none; } .setup-bottom-panel--button, .setup-bottom-panel--button:hover { color: #000 !important; } .setup-bottom-panel--button { display: inline-block; background-image: linear-gradient(0deg, #faa946 0%, #fac346 97%); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.30), inset 1px 2px 1px 0px rgba(255,255,255,0.30); width: 195px; height: 25px; font-size: 14px; color: #000; line-height: 25px; text-shadow: 0px 1px 0px rgba(255,255,255,0.35); text-align: center; text-decoration: none; margin-left:700px; } .setup-bottom-panel--logo { content: ' '; display: inline-block; height: 40px; width: 55px; background-image: url(img/imgcontent/imgstr6/bukvau.png); background-repeat: no-repeat; background-size: 56px; position: absolute; bottom: 0px; right: 0px; } .textnov{ text-shadow: 0 -1px rgba(0,0,0,0.4); color: #FFF !important; font-size: 1.15em; font-weight: bold; position: absolute; margin-top: 10px; margin-left: 20px; } .textnov2{ text-shadow: 0 -1px rgba(0,0,0,0.4); color: #FFF !important; font-size: 1.15em; font-weight: bold; position: absolute; margin-top: 10px; margin-left: 20px; } .cleared::after, .block-content::after, .block-type-catalogitem::after { content: ''; display: block; clear: both; } .block-feed-view-variant-imglarge .feed-items { padding-left: 0; margin-right: -20px; text-align: center; } .block-type-feedimg .feed-items { padding: 1em 0 0; padding-left: 0px; line-height: 1.3; } OL, UL { list-style: none; width:300px; } HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, A, ABBR, ACRONYM, BIG, FONT, IMG, SMALL, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, TBODY, TFOOT, THEAD, TR { margin: 0; margin-right: 0px; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } .block-type-feedimg .feed-items LI, .block-feed-view-variant-imglarge .feed-items LI.feed-item-1, .block-feed-view-variant-imgsmall .feed-items LI.feed-item-1 { margin-right: 20px; } .block-feed-view-variant-imglarge .feed-items LI.feed-item-1 { margin: 0 10px -1px 0; } .block-feed-view-variant-imglarge .feed-items LI { width: 300px; max-height: 300px; margin-right: 0; } .block-type-feedimg .feed-items LI { float: left; margin: 0 6px 20px 0; margin-right: 6px; width: 140px; min-height: 80px; overflow: hidden; vertical-align: top; display: inline-block; text-align: left; } HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, A, ABBR, ACRONYM, BIG, FONT, IMG, SMALL, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, TBODY, TFOOT, THEAD, TR { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } .block-type-feedimg .feed-items A { text-decoration: none; } a, .pseudo-link { color: #990000 !important; } A { color: #00659B; } HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, A, ABBR, ACRONYM, BIG, FONT, IMG, SMALL, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, TBODY, TFOOT, THEAD, TR { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } .block-feed-view-variant-imglarge .feed-items A SPAN { height: 1.2em; } .block-type-feedimg .feed-items A SPAN { display: block; overflow: hidden; margin: 0 0 4px; text-decoration: underline; } HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, A, ABBR, ACRONYM, BIG, FONT, IMG, SMALL, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, TBODY, TFOOT, THEAD, TR { margin:0; padding:0; border: 0; outline: 0; vertical-align: baseline; background: transparent; line-height:1.5; } .iul{ margin-left:200px; padding-top:30px; } #podser{ line-height:1.1; } .schetchik{ margin-left:952px; margin-top:-10px; } .zvezda{ position:absolute; margin-left:250px; margin-top:-365px; } .feedback { } .feedback { } .modalbox { border-radius: 10px !important; /* Уголки */ background-color: #000066 !important; color: #ffffff !important; top: 300px; position: fixed; font: bold 16px/40px Arial, Helvetica, sans-serif; left: -75.5px; display: block; cursor: pointer; padding: 10px 11px; font-size: 1.2em; border: solid 1px #F9F9F9; width: 150px !important; text-decoration: none; text-align: center; margin:0 auto 20px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 100px 10px; border-radius: 0 0 10px 10px; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -ms-transform: rotate(-90deg); } /* Форма обратной связи */ #inline { display:none; margin-left: 30px; width: 700px; height:410px; margin: 0 auto; background: #fff; padding: 10px 20px; } .txt { display: inline-block; color: #676767; width: 190px; margin-bottom: 10px; border: 1px solid #ccc; padding: 5px 9px; font-size: 15px!important; line-height: 1.4em; } .txtarea { display: inline-block; color: #676767; width: 617px; margin-bottom: 10px; border: 1px solid #ccc; padding: 5px 9px; font-size: 15px!important; line-height: 1.4em; height: 80px; } .txt:focus, .txtarea:focus { border-style: solid; border-color: #bababa; color: #444; } input.error, textarea.error { border-color: #973d3d; border-style: solid; background: #f0bebe; color: #a35959; } input:focus, textarea:focus{ border-color: blue; border-style: solid; background: white; color: #a35959; } #send { color: #FFFFFF; display: block; cursor: pointer; padding: 5px 11px; font-size: 1.2em; border: solid 1px #F9F9F9; border-radius: 2px; background: #70C6B9; width: 210px; margin-bottom: 20px; } #send2 { color: #FFFFFF; display: block; cursor: pointer; padding: 5px 11px; font-size: 1.2em; border: solid 1px #F9F9F9; border-radius: 2px; background: #70C6B9; width: 210px; margin-bottom: 20px; margin-left:230px; margin-top:-53px; } #send:hover { background: #979797; } #send2:hover { background: #979797; } .galer{ width: 830px; height: 210px; margin-left:500px; margin-top:-1110px; } [/CSS] |
|
|
Webmaster_hb |
9.3.2019, 15:23;
Ответить: Webmaster_hb
Сообщение
#3
|
|
првоерил ваш HTML
шиирна получается те же 1920px как вы определили что размер больше чем указан ? ваш монитор точно 1920px ? ну и лучше задавать ширину в 100% но ограничивать например максимальную ширину |
|
|
Pavll
|
Сообщение
#4
|
|
как вы определили что размер больше чем указан ? ваш монитор точно 1920px ? Вы оказались правы! У меня экран был настроен на 125%, поэтому все свойства, которые я задавал, увеличивались на 25%. Спасибо! Только, хотелось бы, спросить - как сделать, чтобы горизонтальный бегунок внизу экрана появлялся, только при увеличении масштаба в браузере, начиная с 200%, не менее? |
|
|
Webmaster_hb |
9.3.2019, 23:49;
Ответить: Webmaster_hb
Сообщение
#5
|
|
|
как сделать, чтобы горизонтальный бегунок внизу экрана появлялся, только при увеличении масштаба в браузере, начиная с 200%, не менее? ответ уже был написан заранее ну и лучше задавать ширину в 100% но ограничивать например максимальную ширину
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Быстрый и качественный обмен на сайте Baksman.org Обмен Bitcoin, BTC-e, PM, Qiwi, Yandex money, Карты банк |
52 | Baksman | 33483 | Сегодня, 5:02 автор: Baksman |
|
Арбитражники, как ведете учет расходов и доходов? | 11 | Boymaster | 1746 | Вчера, 23:35 автор: Boymaster |
|
Боты могут делать пушподписки на моём сайте? | 0 | Megaspryt | 284 | Вчера, 23:29 автор: Megaspryt |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 29 | freeax | 4773 | Вчера, 1:19 автор: sergio11 |
|
CryptoCloud — прием USDT, BTC, ETH, LTC на любом сайте | 36 | CryptoCLoud | 10630 | 16.4.2024, 16:02 автор: CryptoCLoud |
Текстовая версия | Сейчас: 18.4.2024, 10:31 |