Aversia 3 Опубликовано 11 февраля, 2015 (изменено) Привет всем проблема в том что регистрация сьехала влево, тоесть все поля где вводить логин итд. Искал что нибудь к ксс но не могу найти какой тег отвичает пробывал добавить .reg не помогло. и да сьехали и статические странице тоже в лево их надо провее подскажите как быть stress web 13 с меня плюсик за хорошию информацию) сам css может будет легче понять * { margin: 0; padding: 0; } body { font-family:"Times New Roman", Times, serif; font-size: 12px; color:#fff; width: 100%; background:#150303; } a { color:#fff; outline: none; text-decoration: underline; } a:hover { text-decoration: none; } /* Begin of styles for the demonstration (you can remove them) */ a.expand { width: 150px; display: block; margin: 10px 0 0; } a.expand:hover { height: 500px; } /* End of of styles for the demonstration */ p { margin: 0 0 18px } img { border: none; } input { vertical-align: middle; background:#2f1b1c; color:#fff; border:1px solid #5f4648; } textarea { background:#2f1b1c; color:#fff; border:1px solid #5f4648; } select{ background:#2f1b1c; color:#fff; border:1px solid #5f4648; } #body_center{ background:url(../images/body_center.jpg) center repeat-y; } #body_top{ background:url(../images/body_top.jpg) center top no-repeat; } #body_bottom{ background:url(../images/body_bottom.jpg) center bottom no-repeat; } #wrapper { width: 1000px; margin: 0 auto; } /* Header -----------------------------------------------------------------------------*/ #header { height: 660px; } #header_top{ background:url(../images/header_top.jpg) no-repeat; height:360px; } #menu{ width:500px; margin: 0 auto; } #menu1 a{ background:url(../images/menu1.jpg) no-repeat; width:92px; height:65px; display:block; float:left; } #menu1 a:hover{ background:url(../images/menu1.jpg) left 65px; } #menu2 a{ background:url(../images/menu2.jpg) no-repeat; width:69px; height:65px; display:block; float:left; } #menu2 a:hover{ background:url(../images/menu2.jpg) left 65px; } #menu3 a{ background:url(../images/menu3.jpg) no-repeat; width:133px; height:65px; display:block; float:left; } #menu3 a:hover{ background:url(../images/menu3.jpg) left 65px; } #menu4 a{ background:url(../images/menu4.jpg) no-repeat; width:110px; height:65px; display:block; float:left; } #menu4 a:hover{ background:url(../images/menu4.jpg) left 65px; } #menu5 a{ background:url(../images/menu5.jpg) no-repeat; width:96px; height:65px; display:block; float:left; } #menu5 a:hover{ background:url(../images/menu5.jpg) left 65px; } #header_bottom{ background:url(../images/header_bottom.jpg) no-repeat; height:300px; } #radio{ position:absolute; font-size:10px; text-align:center; margin-top:179px; margin-left:96px; color:#afaeaf; } #radio a{ font-size:10px; color:#afaeaf; text-decoration:none; } #support{ position:absolute; font-size:10px; text-align:center; margin-left:844px; margin-top:-106px; color:#afaeaf; } #support a{ font-size:10px; color:#afaeaf; text-decoration:none; } /* Middle -----------------------------------------------------------------------------*/ #con{ background:url(../images/block_center.jpg) repeat-y; } #middle { position: relative; background:url(../images/block.jpg) no-repeat; min-height:806px; } #middle:after { content: ''; clear: both; display: table; } #container { width: 100%; float: left; overflow: hidden; margin-right: -100%; } #content { padding: 0 20px; } #klient{ height:119px; margin-top:8px; } #klient1{ background:url(../images/klient1.jpg) no-repeat; height:80px; width:97px; float:left; margin-left:35px; padding-top:39px; padding-left:84px; font-size:18px; line-height:12px; } #klient1 span{ font-size:8px; color:#a59f9f; } #klient1 a{ color:#a59f9f; text-decoration:none; } #klient2{ background:url(../images/klient2.jpg) no-repeat; height:80px; width:94px; float:left; font-size:18px; line-height:12px; padding-top:39px; padding-left:84px; } #klient2 span{ font-size:8px; color:#a59f9f; } #klient2 a{ color:#a59f9f; text-decoration:none; } #klient3{ background:url(../images/klient3.jpg) no-repeat; height:80px; width:101px; float:left; font-size:18px; line-height:12px; padding-top:39px; padding-left:84px; } #klient3 span{ font-size:8px; color:#a59f9f; } #klient3 a{ color:#a59f9f; text-decoration:none; } #news{ margin-left:40px; } .news{ min-height:176px; width:530px; padding-bottom:30px; } .news_img{ width:135px; float:left; height:170px; background:url(../images/news_img.png) left no-repeat; } .news_icon{ position:absolute; width:135px; float:left; height:170px; background:url(../images/news_img.png) left no-repeat; } .news_icon1{ position:absolute; width:135px; float:left; height:170px; background:url(../images/news_img1.png) left no-repeat; } .news_icon2{ position:absolute; width:135px; float:left; height:170px; background:url(../images/news_img2.png) left no-repeat; } .news_icon3{ position:absolute; width:135px; float:left; height:170px; background:url(../images/news_img3.png) left no-repeat; } .news_img1{ width:135px; float:left; height:170px; background:url(../images/news_img1.jpg) left no-repeat; } .news_img2{ width:135px; float:left; height:170px; background:url(../images/news_img2.jpg) left no-repeat; } .news_img3{ width:135px; float:left; height:170px; background:url(../images/news_img3.jpg) left no-repeat; } .news_img img{ margin-top:24px; margin-left:15px; } .news_img1 img{ margin-top:24px; margin-left:15px; } .news_img2 img{ margin-top:24px; margin-left:15px; } .news_img3 img{ margin-top:24px; margin-left:15px; } .news_title{ font-size:18px; padding-top:20px; } .news_title a{ font-size:18px; color:#fff; text-decoration:none; } .news_title a:hover{ text-decoration:underline; } .news_text{ color:#908d8a; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-top:15px; margin-left:135px; } .news_data{ color:#cac8c8; font-size:11px; padding-top:20px; margin-left:135px; } .news_data a{ color:#cac8c8; font-size:11px; text-decoration:none; } .news_data a:hover{ text-decoration:underline; } .news_data img{ padding-left:10px; padding-right:10px; margin-bottom:-2px; } #strelka{ margin-bottom:-5px; } .news1{ min-height:176px; background:url(../images/news_img1.jpg) left no-repeat; width:530px; } .news2{ min-height:176px; background:url(../images/news_img2.jpg) left no-repeat; width:530px; } .news3{ min-height:176px; background:url(../images/news_img3.jpg) left no-repeat; width:530px; } #page{ width:580px; margin-top:20px; } #archiv{ margin-left:500px; margin-bottom:14px; } #archiv a{ color:#cac8c8; font-size:12px; } #archiv img{ margin-bottom:-4px; margin-right:2px; } .nextprev{ margin-left:170px; margin-bottom:-14px; } .nextprev a{ font-size:12px; color:#cac8c8; text-decoration:none; padding:8px; } .nextprev a:hover{ color:#fff; background:#332322; padding:8px; border-radius:3px; } #thide_pprev{ float:left; } .thide_pprev{ padding-right:10px; } .navigation{ float:left; } .thide_pnext{ padding-left:10px; } .nextprev img{ margin-left:10px; margin-right:10px; } /* Sidebar Right -----------------------------------------------------------------------------*/ #sideRight { float: right; width: 322px; position: relative; } #status{ margin-top:21px; } .stat{ width:247px; margin-left:27px; margin-bottom:20px; } .progress_title{ padding-left:3px; padding-right:3px; font-size:16px; } #online{ float:right; color:#cac8c8; font-size:14px; } .progress_bar{ background:url(../images/progress_bar.png) no-repeat; height:16px; padding-top:6px; width:202px; padding-right:45px; } .progress{ background:url(../images/progress.png) repeat-x; height:10px; margin-left:23px; } .progress1{ background:url(../images/progress.png) repeat-x; height:10px; margin-left:23px; } .progress2{ background:url(../images/progress.png) repeat-x; height:10px; margin-left:23px; } #polez{ width:247px; margin-left:27px; } .polez{ font-size:14px; border-bottom:1px solid #3c2d2e; padding-bottom:8px; padding-top:4px; } .polez a{ text-decoration:none; color:#fff; } .polez img{ margin-bottom:-4px; margin-right:3px; } #write{ color:#b8b8b8; font-size:10px; float:right; margin-top:4px; } #write a{ color:#b8b8b8; font-size:10px; text-decoration:none; } #write a:hover{ text-decoration:underline; } #vk{ float:left; } #vk img{ margin-left:740px; margin-top:47px; } #group{ position:absolute; margin-top:74px; margin-left:810px; font-size:10px; } #footer_text{ font-size:10px; color:#6a6161; margin-left:67px; } #footer_text a{ color:#b9b9b9; text-decoration:none; } #footer_text img{ margin-left:5px; margin-bottom:-7px; } #schet{ padding-left:30px; } #site{ margin-left:280px; } /* Footer -----------------------------------------------------------------------------*/ #footer { height: 330px; background:url(../images/footer.jpg) no-repeat; } #status .server { width: 135px; height: 150px; padding-top: 60px; margin: 0 auto; position: relative; } .server_status { position: relative; } .server_status_value { overflow: hidden; position: absolute; z-index: 4; top: 7px; left: 60px; } .server_status_rate { overflow: hidden; position: absolute; z-index: 4; top: 10px; left: 15px; } .reg a{width: 185px; height: 35px; position: absolute; margin-left: 5px; -webkit-transform: rotate(-11deg); -moz-transform: rotate(-11deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -o-transform: rotate(-11deg);} Изменено 11 февраля, 2015 пользователем Aversia Поделиться сообщением Ссылка на сообщение Поделиться на другие сайты