• Страница 1 из 1
  • 1
Ребят помогите срочно

SHTbIK
Пользователи
Сообщений 11
+
0
-
Ваши награды 0
Вообщем опишу свою проблему от не знания блоков и многих понятий в css ребят помогите вот сайт
на нем как вы увидите уехал слайдер,меню,кнопки переключения слайдера и соответственно контент прикрепляю к данной теме css помогите выровнить ппц как нужно надеюсь на ваше понимание желательно нужно чтобы контент был под картинкой с права а меню и слайдер с кнопками переключения были слева но не в притык к краю если кто может помочь помогите....
Код

@font-face {
font-family:'CuprumReg';
src:url('/.s/t/1111/fonts/cuprum-regular.eot');
src:url('/.s/t/1111/fonts/cuprum-regular.eot?#iefix') format('embedded-opentype'),
url('/.s/t/1111/fonts/cuprum-regular.woff') format('woff'),
url('/.s/t/1111/fonts/cuprum-regular.ttf') format('truetype'),
url('/.s/t/1111/fonts/cuprum-regular.svg#cuprum-regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:'CuprumBold';
src:url('/.s/t/1111/fonts/cuprum-bold.eot');
src:url('/.s/t/1111/fonts/cuprum-bold.eot?#iefix') format('embedded-opentype'),
url('/.s/t/1111/fonts/cuprum-bold.woff') format('woff'),
url('/.s/t/1111/fonts/cuprum-bold.ttf') format('truetype'),
url('/.s/t/1111/fonts/cuprum-bold.svg#cuprum-bold') format('svg');
font-weight: normal;
font-style: normal;
}
body {background:#273135 url(/fon_kopirovat.jpg);margin:0;padding:0;font-size:13px;font-family:Tahoma,Geneva,sans-serif;color:#6d7274;}
img,form {border:0;margin:0;}
a,input {outline:none;}
a {color:#0a8fcc;text-decoration:none;}
a:hover {text-decoration:underline;}
h1,h2, h3, h4, h5, h6 {font-weight:normal;margin:5px 0;padding:0;}
h1 {font-size:26px;}
h2 {font-size:21px;}
h3 {font-size:19px;}
h4 {font-size:17px;}
h5 {font-size:15px;}
h6 {font-size:13px;}
ul {list-style:square;}
hr {border:none;border-bottom:1px solid #8e989b;margin:15px 0;}
.clr {clear:both;}
iframe, object, embed {max-width: 100%;}
.wrapper {margin:0 auto;}
#header {background:#273135 url(/fon_kopirovat.jpg);}
#head-top {background:#637075;padding:17px;color:#f2f2f2;font-size:12px;text-transform:uppercase;margin:0 0 60px;font-family:'CuprumReg';}
.head-l,.part-l {float:left;}
.head-r,.part-r {float:right;}
#head-top a {color:#f2f2f2;}
#head-top a.rss-lnk {color:#ff8a00;}
#head-top a:hover {color:#0a8fcc;text-decoration:none;}
#catmenu {height:70px;background:#637075;overflow:hidden;}
#catmenu .nav-head,#catmenu ul li em {display:none;}
#catmenu ul,#catmenu li {margin:0;padding:0;list-style:none;}
#catmenu li {float:left;}
#catmenu li.item-parent {position:relative;}
#catmenu li a {position:relative;display:block;height:70px;line-height:70px;float:left;color:#414a4e;font-size:14px;text-transform:uppercase;text-align:center;font-family:'CuprumBold';}
#catmenu li a span {display:inline-block;padding:0 10px;line-height:120%;vertical-align:middle;}
#catmenu li a:hover {text-decoration:none;}
#catmenu li a:hover:before,#catmenu li a.current-item:before {content:"";position:absolute;height:5px;width:100%;top:-5px;left:0;background:#0a8fcc;}
#catmenu li.item-0 > a {background:#6f7c81;}
#catmenu li.item-1 > a {background:#7d8b91;}
#catmenu li.item-2 > a {background:#8c9ca2;}
#catmenu li.item-3 > a {background:#9eafb6;}
#catmenu li.item-4 > a {background:#b3c3c9;}
#catmenu li.item-5 > a {background:#c6d7dd;}
#catmenu li.item-6 > a {background:#daeaf0;}
#catmenu ul ul {display:none;position:relative;width:500px;top:70px;z-index:200;-moz-box-shadow:0 3px 5px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,.2);box-shadow:0 3px 5px 0 rgba(0,0,0,.2);}
#catmenu li li {float:none;}
#catmenu li li a {height:auto;line-height:normal;float:none;padding:8px 10px 8px 0;text-align:left;font-size:12px;color:#273135;border-top:1px solid #dde0e1;background:#fff;}
#catmenu li li a:hover {background:#0a8fcc;color:#f2f2f2;}
#catmenu li li:first-child a {border:none;}
#catmenu li li a:before {display:none;}
#catmenu li li.item-parent > a:before {content:"";display:block;width:0;position:absolute;height:0;border-left:4px solid #0a8fcc;border-top:4px solid transparent;top:11px;left:auto;right:16px;border-bottom:4px solid transparent;}
#catmenu li li.item-parent > a:hover:before {border-left-color:#fff;}
#catmenu ul ul ul {left:190px;top:1px;z-index:20;}

#site-logo {height:70px;line-height:70px;overflow:hidden;padding:0 0 0 60px;background:url(/.s/t/1111/logo.png) repeat-y;}
.site-l {display:inline-block;line-height:120%;vertical-align:middle;}
.site-n,.site-n a {display:inline-block;color:#f2f2f2;font-size:24px;line-height:120%;text-transform:uppercase;text-decoration:none;font-family:'CuprumBold';}
.site-d {display:inline-block;color:#0a8fcc;font-size:14px;text-transform:uppercase;padding:5px 0 0;font-family:'CuprumReg';}
#slider {overflow:hidden;position:relatihttp://dmtppbal2015.3dn.ru/.s/img/ma/1px.gifve;}
.slide-i {overflow:hidden;position:relative;}
.slide-i img {display:block;}
.slide-t {position:absolute;top:0;right:0;font-size:30px;text-transform:uppercase;color:#2d383e;border-top:1px solid #2d383d;width:40%;text-align:right;font-family:'CuprumBold';}
.slide-d {margin:40px 0 0;position:relative;overflow:hidden;border-top:1px solid #f2f2f2;}
.slide-st {padding:36px 0 0;color:#f8f9f9;text-transform:uppercase;font-size:18px;font-family:'CuprumReg';}
.slide-tx {padding:30px 0 0;color:#dedede;font-size:14px;}
.read-m {display:block;position:absolute;bottom:40px;color:#f2f2f2;text-transform:uppercase;font-size:14px;background:#0a8fcc;font-family:'CuprumReg';}
.read-m:hover {text-decoration:none;background:#929b9e;}
.flex-control-nav,.flex-control-nav li {padding:0;margin:0;list-style:none;}
.flex-control-nav {position:absolute;bottom:40px;z-index:100;}
.flex-control-nav li {float:left;padding:0 0 0 10px;}
.flex-control-nav a {display:block;width:17px;height:17px;background:#273135;text-indent:100%;white-space:nowrap;overflow:hidden;cursor:pointer;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;}
.flex-control-nav a:hover {background:#929b9e;}
a.flex-active,a.flex-active:hover {background:#0a8fcc;}
#content {background:#ecedee;padding:50px 0;}
#content fieldset {border:1px solid #8e989b;padding:20px;margin: 0 0 20px;}
#casing label {color:#777!important;}
.eBlock {margin:0 0 30px 0;padding:0;border-spacing:0;table-layout: fixed;}
.eBlock td {padding:0!important;}
.eTitle {padding:0 0 20px!important;margin:0 0 14px;font-size:20px;text-transform:uppercase;border-bottom:1px solid #8e989b;color:#273135;font-family:'CuprumReg';}
.eTitle a {color:#273135;text-decoration:none;}
.eTitle div[style^="float:right"] a {font-size: inherit;}
.eDetails,.eDetails1,.eDetails2{clear:both;font-size:12px;padding:10px!important;color:#f2f2f2;background:#8d979b;margin:10px 0 0;}
.eDetails a,.eDetails1 a,.eDetails2 a {color:#f2f2f2;}
.eDetails a:hover,.eDetails1 a:hover,.eDetails2 a:hover {color:#273135;text-decoration:none;}
.e-category,.e-comments {background:url(/.s/t/1111/details.png) 0 -500px no-repeat;padding:0 0 0 20px;margin:0 10px 0 0;display:inline-block;height:15px;line-height:15px;}
.e-category:hover a,.e-comments:hover a {color:#273135;text-decoration:underline;}
.e-category:hover a:hover,.e-comments:hover a:hover {text-decoration:none;}
.e-category:hover,.e-comments:hover {background-position:-300px -500px;}
.e-reads,.e-loads,.e-author,.e-date,.e-rating,.e-add,.e-tags {background:url(/.s/t/1111/details.png) 0 0 no-repeat;padding:0 0 0 20px;margin:0 10px 0 0;display:inline-block;height:15px;line-height:15px;}
.e-reads:hover,.e-loads:hover,.e-author:hover,.e-date:hover,.e-rating:hover,.e-add:hover,.e-tags:hover {color:#273135;}
.e-reads:hover a,.e-loads:hover a,.e-author:hover a,.e-date:hover a,.e-rating:hover a,.e-add:hover a,.e-tags:hover a {color:#273135;text-decoration:underline;}
.e-reads:hover a:hover,.e-loads:hover a:hover,.e-author:hover a:hover,.e-date:hover a:hover,.e-rating:hover a:hover,.e-add:hover a:hover,.e-tags:hover a:hover {text-decoration:none;}
.e-reads {background-position:0 0;}
.e-reads:hover {background-position:-300px 0;}
.e-loads {background-position:0 -400px;padding:0 0 0 14px;}
.e-loads:hover {background-position:-300px -400px;}
.e-author {background-position:0 -100px;padding:0 0 0 16px;}
.e-author:hover {background-position:-300px -100px;}
.e-date {background-position:0 -300px;padding:0 0 0 20px;}
.e-date:hover {background-position:-300px -300px;}
.e-comments {background-position:0 -200px;}
.e-comments:hover {background-position:-300px -200px;}
.e-rating {background-position:0 -600px;padding:0 0 0 20px;}
.e-rating:hover {background-position:-300px -600px;}
.e-add {background-position:0 -700px;padding:0 0 0 20px;}
.e-add:hover {background-position:-300px -700px;}
.e-tags {background-position:0 -800px;padding:0 0 0 20px;}
.e-tags:hover {background-position:-300px -800px;}
.eBlock .eDetails,.eBlock .eDetails1,.eDetails2 {padding:10px!important;margin:10px 0 0!important;}
.eBlock td.eDetails,.eBlock td.eDetails1,.eBlock td.eDetails2 {padding:10px!important;border-bottom:1px solid #f2f2f2;}
.eBlock td.eMessage,.eBlock td.eText {padding:10px 0 20px!important;}
.ed-sep,.ed-title {display:none;}
.eMessage,.eText {margin:0;padding:10px 0!important;line-height:150%;text-align:justify!important;}
.eMessage img,.eText img {float:left;margin:5px 20px 5px 0!important;border:5px solid #fff!important;max-width: 100%;}
.eMessage p,.eText p{margin:0;padding:0 0 5px 0;}
.eMessage,.eText,.cMessage {word-wrap: break-word;}
.eBlock td.eMessage,.eBlock td.eMessage.eText {padding:0 0 10px!important;}
.entryReadAll {display:none;}
.pagesBlockuz1 b,.pagesBlockuz2 b,#pagesBlock1 b,#pagesBlock2 b,.plist b, .pagesBlockuz1 a,.pagesBlockuz2 a,#pagesBlock1 a,#pagesBlock2 a,.plist a {display: inline-block;}
.pagesBlockuz1 b,.pagesBlockuz2 b,#pagesBlock1 b,#pagesBlock2 b,.plist b {padding:4px 7px;font-weight:normal;color:#f2f2f2;font-size:11px;background:#0a8fcc;font-family:'CuprumReg';}
.pagesBlockuz1 a,.pagesBlockuz2 a,#pagesBlock1 a,#pagesBlock2 a,.plist a {padding:4px 7px;font-size:11px;text-decoration:none;color:#f2f2f2;background:#8d979b;font-family:'CuprumReg';}
.pagesBlockuz1 a:hover,.pagesBlockuz2 a:hover,#pagesBlock1 a:hover,#pagesBlock2 a:hover,.plist a:hover {text-decoration:underline;}

.cBlock1,.cBlock2 {background:#fff;border-bottom:1px solid #cdd0d4;}
#content .cBlock1,#content .cBlock2,.commTable{background:none;padding:20px 0 0;margin:15px 0 0;border-top:1px solid #cdd0d4;border-bottom:none;}
.commTable {border-top-width:3px;border-color:#0a8fcc;}
.cMessage {font-size:12px;line-height:130%;}
.cTop {padding:0 0 15px 0;font-size:14px;text-transform:uppercase;font-family:'CuprumReg';}
.cTop * {font-weight:normal;}
.cAnswer {padding:5px 0 0 15px;font-style:italic;color:#273135;font-size:11px;}
.commTd1 {padding:5px 2px;width:140px;}
input.commFl,textarea.commFl,.prosFl,.consFl,#mchatNmF {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing: border-box;}
input.codeButtons {min-width:30px;}
.securityCode {}
.eAttach {margin:10px 0; font-size:11px;color:#666;padding:0 0 0 15px;background:url(/.s/t/1111/attach.gif) 0 0 no-repeat;}
.eRating {font-size:8pt;}
.manTdError,.commError {color:#ff0000;}
.commReg {padding: 10px 0;text-align:center;}
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}
.replaceTable {font-size:12px;padding:10px;border:none;color:#f2f2f2;background:#273135;}
.legendTd {font-size:8pt;}
.outputPM {border:1px dashed #ddd;margin:4px 0 4px 30px;}
.inputPM {border:1px dashed #ddd;margin:4px 0;}
.uTable {padding:0;background:#273135;}
.uTable td {padding:3px 10px;background:#f2f2f2;}
.uTable td.uTopTd {background:#8d979b;color:#3c424c;}
.eAttach .entryAttachSize {padding-left:4px;}
.manTable {text-align:left;}
.manTable .manTd1 {font-size:12px;line-height:14px;}
#casing.popuptable {margin:0;padding:0;background:#ecedee;border:1px solid #eee;color:#555;}
.popuptitle {font-size:20px;border-bottom:4px solid #273135;background:#0a8fcc;padding:10px;text-align:center;color:#fff;text-transform:uppercase;font-family:'CuprumReg';}
.popupbody {padding:20px;font-size:12px;color:#555;}
.popupbody * {font-size:12px!important;}
.popuptable table {text-align:left;color:#555;}

.archiveEntryTitle ul {margin:2px 0;list-style:circle;}
.archiveEntryTitle .archiveEntryTime {display:inline-block;padding:3px 5px;font-size:11px;color:#fff;background:#5f676a;}
.archiveEntryTitle .archiveEntryTitleLink {font-size:14px;text-decoration:none;color:#666;}
.archiveEntryTitle .archiveEntryTitleLink:hover {text-decoration:underline;}
.archiveEntryTitle .archiveEntryComms {font-size:11px;color:#999;}

.user_avatar img {border:5px solid #fff;width:100px;}
.cMessage .user_avatar img {border:3px solid #fff;width:50px;margin:0 10px 5px 0;}

.sidebox {margin:40px 0 0;}
.sidetitle {padding:8px 10px;font-size:16px;color:#f2f2f2;text-transform:uppercase;background:#929b9e;font-family:'CuprumReg';}
.sidebox .inner {padding:20px;background:#e9eaeb;}
.sidebox ul,.sidebox .catsTable {margin:0;padding:0;list-style:none;position:relative;margin:-20px;}
.sidebox .catsTable,.sidebox .catsTable * {display:block;width:auto!important;}
.sidebox li {list-style:none;padding:0;}
.sidebox li a,.sidebox .catsTable td a {display:block;color:#273135;padding:7px 0 7px 23px;text-decoration:none;font-size:12px;text-transform:uppercase;position:relative;}
.sidebox li a:before,.sidebox .catsTable td a:before {content:"";width:3px;height:3px;background:#273135;position:absolute;top:13px;left:10px;}
.sidebox li a:hover,.sidebox .catsTable td a:hover {color:#f2f2f2;background:#0a8fcc;}
.sidebox li a:hover:before,.sidebox .catsTable td a:hover:before {background:#f2f2f2;}
.sidebox li.item-parent {position:relative;}
.sidebox li.item-parent > a {padding-right:36px;}
.sidebox li.item-parent em {position:absolute;top:4px;right:0;width:24px;height:24px;line-height:24px;font-style:normal;font-size:14px;text-align:center;z-index:10;cursor:pointer;}
.sidebox li.item-parent em.hover {color:#fff;opacity:.6;-moz-opacity:.6;filter:alpha(opacity=60);border-left:1px solid #fff;border-left:1px solid rgba(255,255,255,.6);}
.sidebox li.item-parent em:hover {color:#0a8fcc;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);border-left:none;}
.sidebox .catNumData {display:none!important;}
.sidebox .calTable{width:100%;}
.calTable {font-size:12px;}
.calTable td {text-align:center;padding:7px 2px;}
.calTable td a {text-decoration:underline;}
.calTable td a:hover {text-decoration:none;}
.calMonth,.calWday,.calWdaySe,.calWdaySu {font-size:13px;font-weight:bold;}
.calTable td.calMonth a {text-decoration:none;}
.calTable td.calMonth a:hover {text-decoration:underline;}
.calTable .calMday {color:#aaa;}
.calTable .calMdayA,.calTable .calMdayIsA {color:#f2f2f2;background:#0a8fcc;}
.calTable .calMdayIsA a {color:#f2f2f2;}
.sidebox ul ul { display:none;margin:10px 20px 0;padding:10px 0 0;border-top:1px solid #cdd0d4;}
.sidebox ul ul ul {margin:10px 0 0 20px;}
.sidebox iframe {border:1px solid #cdd0d4;}
.sidebox .answer {padding:5px 0 0 0;}
.sidebox input.mchat {max-width:97%;}
.sidebox textarea.mchat {max-width:92%;}
.sidebox .loginField {max-width:97%;}
.schQuery,.schBtn {display:inline;padding:0 2px;}
.sidebox ul.rate-list {margin:0;}
#shop-basket ul li a {padding:0;margin:0;}
#shop-basket ul li a:before {display:none;}

#bottom {padding:40px 0 0;}
#bot-w {background:#e2e5e6;border-top:4px solid #252f32;}
.bot-i {float:left;}
.bot-t {font-size:16px;text-transform:uppercase;color:#273135;padding:0 0 30px;font-family:'CuprumReg';}
.bot-i ul {margin:0;padding:0 0 0 15px;}
.bot-i li {margin:0;padding:3px 0;}
.bot-i li a {color:#273135;}
.bot-i hr {border-color:#8e989b;}
.cont-l {color:#0a8fcc;display:block;padding:3px 0 3px 20px;background:url(/.s/t/1111/contacts.png) 3px 4px no-repeat;}
.mail-l {background-position:0 -93px;}

.foot-i {padding:40px 17px;color:#8e979b;font-size:10px;text-transform:uppercase;}

.forum-box {padding:40px 0 0;}
.gTable {background:#273135;}
.gTableTop {color:#f2f2f2;font-family:'CuprumReg';text-transform:uppercase;padding:10px 20px;font-size:14px;}
.gTableTop a {color:#f2f2f2!important}
.gTableSubTop,.postTdTop {color:#3c424c;padding:3px 5px;font-size:12px;background:#8d979b;}
.gTableSubTop a,.gTableSubTop a:hover,.postTdTop a,.postTdTop a:hover {color:#3c424c!important}
.gTableSubTop b {font-weight:normal;}
.gTableBody,.gTableBody1,.gTableBottom,.gTableError,.forumNameTd,.forumLastPostTd,.threadNametd,.threadAuthTd,.threadLastPostTd,.threadsType ,.postPoll,.newThreadBlock,.newPollBlock,.newThreadBlock,.newPollBlock,.gTableRight,.postTdInfo,.codeMessage,.quoteMessage,.forumIcoTd,.foru mThreadTd,.forumPostTd,.gTableLeft,.threadIcoTd,.threadPostTd,.threadViewTd,.postBottom {padding:7px;background:#dee1e2;}
.forumNameTd,.forumLastPostTd,.threadNametd,.threadAuthTd,.postTdInfo,.gTableBody1,.posttdMessage {background:#f2f2f2;}
.postBottom {padding:3px 7px;}
a.forum,a.threadLink {padding:0 0 0 11px;background:url(/.s/t/1111/12.gif) 0 center no-repeat;font-size:14px;color:#3c424c;font-family:'CuprumReg';}
a.forumLastPostLink {color:#666!important;}
.gTableLeft {font-weight:bold}
.gTableError {color:#FF0000}
.forumLastPostTd,.forumArchive {font-size:8pt}
a.catLink {text-decoration:none}
a.catLink:hover {text-decoration:underline}
.lastPostGuest,.lastPostUser,.threadAuthor {font-weight:bold}
.archivedForum{font-size:8pt;color:#FF0000!important;font-weight:bold}
.forumDescr {font-size:8pt}
div.forumModer {color:#8e989b;font-size:8pt}
.forumViewed {font-size:9px}
.forumBarKw {font-weight:normal}
a.forumBarA {text-decoration:none;color:#777!important}
a.forumBarA:hover {text-decoration:none}
.fastLoginForm {font-size:8pt}
.switch,.pagesInfo {padding:2px 5px;font-weight:normal;font-size:11px;color:#f2f2f2;background:#929b9e;}
.switchActive {padding:2px 6px;font-weight:normal;color:#f2f2f2;background:#0a8fcc;}
a.switchDigit,a.switchBack,a.switchNext {text-decoration:none;color:#f2f2f2!important;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline}
.threadLastPostTd {font-size:8pt}
.threadDescr {color:#888;font-size:8pt}
.threadNoticeLink {font-weight:bold}
.threadsType {height:20px;font-weight:bold;font-size:8pt}
.threadsDetails {height:20px;background:#8d979b;color:#3c424c;font-size:12px;padding:3px 10px;}
.forumOnlineBar {height:20px}
a.threadPinnedLink {font-weight:bold;color:#f63333!important}
a.threadFrmLink {color:#555!important}
.postpSwithces {font-size:8pt}
.thDescr {font-weight:normal}
.threadFrmBlock {font-size:8pt;text-align:right}
.forumNamesBar {font-size:11px;padding:3px 0}
.forumModerBlock {padding:3px 0}
.postPoll {text-align:center}
.postUser {font-weight:bold}
.postRankName {margin-top:5px}
.postRankIco {margin-bottom:5px;margin-bottom:5px}
.reputation {margin-top:5px}
.signatureHr {margin-top:20px}
.postTdInfo {padding:10px;text-align:center}
.posttdMessage {line-height:18px;padding:10px}
.pollQuestion {text-align:center;font-weight:bold}  
.pollButtons,.pollTotal {text-align:center}
.pollSubmitBut,.pollreSultsBut {width:140px;font-size:8pt}
.pollSubmit {font-weight:bold}
.pollEnd {text-align:center;height:30px}
.codeMessage,.quoteMessage,.uSpoilerText {font-size:11px;padding:10px;background:#fff;border:1px solid #dee1e2!important;color:#888;}
.signatureView {display:block;font-size:8pt;line-height:14px;padding:0 0 0 10px;border-left:3px solid #ddd}  
.edited {padding-top:30px;font-size:8pt;text-align:right;color:gray}
.editedBy {font-weight:bold;font-size:8pt}
.statusBlock {padding-top:3px}
.statusOnline {color:#0f0}
.statusOffline {color:#f00}
.newThreadItem {padding:0 0 8px;background:url(/.s/t/1111/12.gif) no-repeat 0 4px}
.newPollItem {padding:0 0 8px;background:url(/.s/t/1111/12.gif) no-repeat 0 4px}
.pollHelp {font-weight:normal;font-size:8pt;padding-top:3px}
.smilesPart {padding-top:5px;text-align:center}
.userAvatar {border:3px solid #dee1e2;}
.pollButtons button {margin:0 10px 0 0!important}
.postBottom .goOnTop {display:none!important}
.postIpLink {text-decoration:none;}
.thread_subscribe {text-decoration:none;}
.thread_subscribe:hover {text-decoration:underline;}
.postip,.postip a {font-size:11px;color:#999;}
.UhideBlockL {background:#dee1e2;border:1px solid #d0d1d2;padding:10px;color:#d0d1d2;}
.UhideBlockL a {color:#999;}

#casing input[type='text'],#casing input[type='password'],#casing textarea,#casing input[type='file'],#casing select,#bottom input[type='text'],#bottom input[type='password'],#bottom textarea,#bottom input[type='file'],#bottom select {font-size:11px;color:#8e989b;background:#f2f2f2;border:1px solid #bdc3c5;outline:none;vertical-align:middle;}
#casing input[type='text'],#casing input[type='password'],#casing textarea,#casing input[type='file'],#bottom input[type='text'],#bottom input[type='password'],#bottom textarea,#bottom input[type='file'] {padding:5px 3px;}
#casing input[type='file'].uplFileFl {margin: 0; padding: 3px;}
#casing input[type='text'],#casing input[type='password'],#casing textarea,#casing input[type='file'],#bottom input[type='text'],#bottom input[type='password'],#bottom textarea,#bottom input[type='file'] {-webkit-appearance:none;}
#casing input[type='text']:focus,#casing input[type='password']:focus,#casing textarea:focus,#casing input[type='file']:focus,#casing select:focus,#bottom input[type='text']:focus,#bottom input[type='password']:focus,#bottom textarea:focus,#bottom input[type='file']:focus,#bottom select:focus {border:1px solid #8d979b; box-shadow:inset 0 1px 2px 0 #ddd;}
#casing input[type='submit'],#casing input[type='reset'],#casing input[type='button'],#casing button,#bottom input[type='submit'],#bottom input[type='reset'],#bottom input[type='button'],#bottom button,.ph-but {font-size:12px!important;color:#fff;padding:6px 10px;margin:0 0 1px;border:none;background:#0a8fcc;text-transform:uppercase;font-weight:normal!important;cursor:pointer;font-family:'CuprumReg';vertical-align:middle;}
#casing input[type='submit']:hover,#casing input[type='reset']:hover,#casing input[type='button']:hover,#casing button:hover,#bottom input[type='submit']:hover,#bottom input[type='reset']:hover,#bottom input[type='button']:hover,#bottom button:hover,.ph-but:hover {background:#252f32;}
#iplus input {width: auto !important;}
#thread_search_field {width: 155px !important;margin-right: 4px !important;}

#doSmbBt,.u-combobut {display:none;}
#casing .u-comboeditcell,#casing .u-combo {border:0!important;background:none!important;}
#casing .u-combolist {padding:5px 3px;background:#f2f2f2;border:1px solid #bdc3c5;font-size:12px!important;color:#999!important;}
#content .xw-tl,#content .xw-bl,#content .u-menuvsep {display:none;}
#content .xw-ml,#content .xw-mr {margin:0;padding:0;background:none;}
#content .xw-mc {background:#f2f2f2;border:1px solid #bdc3c5;margin:0;font-size:12px!important;color:#999!important;}
#uNetRegF table {text-align:left;}
#uNetRegF table table {clear:both;}
#uNetRegF table table td {padding:5px 0 0 0;}
.sidebox .gTable {background:none;}
.sidebox .gTableTop,.sidebox .gTableSubTop,.sidebox .forumNameTd {border:none;background:none;color:#273135;text-transform:none;height:auto;line-height:normal;overflow:visible;font-size:13px!important;font-family:Tahoma,Geneva,sans-serif;}
.sidebox .gTable ul {padding:0 0 0 20px;}
.sidebox .forumDescr {display:none;}
.sidebox .gTableTop,.sidebox .gTableSubTop {display:block;padding:7px 20px!important;color:#273135;text-decoration:none;text-transform:uppercase;position:relative;}
.sidebox .gTableTop:before,.sidebox .gTableSubTop:before {content:'';width:5px;height:5px;padding:0;margin:0;display:list-item;list-style:square;position:absolute;left:20px;top:9px;font-size:9px}
.sidebox .gTableTop:hover,.sidebox .gTableSubTop:hover {color:#f2f2f2;background:#0a8fcc;}

/***** Standard 1200px *****/
.wrapper {width:1170px;}
.part-l,.slide-i img {width:766px;}
.part-r {width:404px;}
.part-i {padding:0 45px;}
#slider,.slide-i {height:392px;}
.slide-i img {min-height:392px;}
.slide-t {padding:28px 45px 0;}
.slide-d {height:351px;}
.read-m {left:45px;padding:16px 45px;}
.flex-control-nav {right:444px;}
#content .calTable td {padding:12px;}
.eMessage img,.eText img {width:210px;}
#bot-w {padding:40px 45px;}
.bot-i {width:220px;padding:0 25px;}

@media only screen and (min-width:1200px) {
  #casing .part-l.content-wide {float: none;width:1170px;}
}

/***** Standard 960px *****/
@media only screen and (min-width:960px) and (max-width:1200px) {
.wrapper {width:980px;}
.part-l,.slide-i img {width:660px;}
.part-r {width:320px;}
.part-i {padding:0 25px;}
#slider,.slide-i {height:362px;}
.slide-i img {min-height:362px;}
.slide-t {padding:28px 25px 0;}
.slide-d {height:321px;}
.read-m {left:25px;padding:16px 25px;}
.flex-control-nav {right:345px;}
#content .calTable td {padding:10px;}
.eMessage img,.eText img {width:200px;}
#bot-w {padding:40px 25px;}
.bot-i {width:202px;padding:0 15px;}
#catmenu li a,.site-d {font-size:12px;}
.site-n,.site-n a {font-size:20px;}
}

@media only screen and (max-width: 960px) {  
.navbar-share {display: none;}
}

/***** iPad Smaller than 959px *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {  
.wrapper,#sidebar,.part-l,.slide-i img {width:768px;}
.part-l,.part-r {float:none;width:768px;}
#head-top {margin:0 0 20px;}
#header .part-i {padding:0;}
#catmenu {margin:25px 0 0;}
#casing .part-r .part-i {padding:0;}
.sidebox {float:left;width:354px;padding:0 15px;}
#slider .part-r,.flex-control-nav {display:none;}
.slide-t {font-size:20px;}
#catmenu li a {font-size:11px;}
#bot-w {padding:40px 0 0;}
.bot-i {width:334px;padding:0 25px 40px;}
}
/***** iPhone (portrait) *****/
@media only screen and (max-width: 767px) {
.wrapper,.part-r,.part-l,#catmenu.nav-mobi {width:300px;}
.part-r,.part-l {float:none;width:300px;}
body,#header,#content {background:#fff;}
.part-i {padding:0;}
#head-top {margin:0 0 20px;background:#273135;}
#head-top .head-l,#slider {display:none;}
#head-top .head-r {float:none;text-align:center;}
#site-logo {margin:0 0 20px;background-image:url(/.s/t/1111/logo-d.png);}
.site-n,.site-n a {font-size:16px;}
.site-d {font-size:10px;}

#catmenu.nav-mobi {width:300px;height:auto;margin:0 auto;background:#273135;border-top:3px solid #0a8fcc;}
#catmenu.nav-mobi .nav-head {display:block;cursor:pointer;text-transform:uppercase;font-size:18px;text-align:left;width:280px;margin:0 auto 3px;padding:0 10px;line-height:42px;color:#fff;}
.nav-head a {color:#fff;text-decoration:none; }
.nav-head div.icon {float:right;width:25px;margin:14px 0 0;}
.nav-head div.icon span {display:block;background:#fff;height:2px;margin:0 0 2px;}
.nav-head:hover a,.nav-head.active a {color:#fff;}
.nav-head:hover div.icon span,.nav-head.active div.icon span {background:#fff;}

#catmenu li a:before, #catmenu li a.current-item:before {display:none;}

#catmenu.nav-mobi ul {display:none;padding:0;position:relative;border:none;float:none;margin:0 0 3px;width:auto;height:auto;overflow:visible;background:none;}
#catmenu.nav-mobi ul ul {background:#fff;padding:0;top:0;left:0;z-index:999;width:auto;margin:0!important;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
#catmenu.nav-mobi ul ul ul {margin:0!important;border:none;}
#catmenu.nav-mobi ul li {text-align:left;height:auto;float:none;position:relative;padding:0;text-transform:uppercase;border:none!important;}
#catmenu.nav-mobi ul li.item-parent {position:relative!important;}
#catmenu.nav-mobi ul li li {padding:0;}
#catmenu.nav-mobi ul li.over {z-index:998;}
#catmenu.nav-mobi ul li a {font-size:11px;display:block;color:#fff;height:auto;width:auto!important;line-height:normal;text-decoration:none;float:none;padding:0!important;border-top:1px solid #fff;background:#273135;}
#catmenu.nav-mobi ul li.over > a {background:#637075;color:#fff;}
#catmenu.nav-mobi ul li.over > em {color:#fff;}
#catmenu.nav-mobi li.item-parent a:before {display:none;}
#catmenu.nav-mobi ul li li a {font-size:10px;color:#273135;background:#dee1e2;border-color:#cdd0d4;}
#catmenu.nav-mobi ul li li li a {background:#f0f2f3;}
#catmenu.nav-mobi ul li a:hover {text-decoration:none;}
#catmenu.nav-mobi ul li a span {text-align:left;display:block;white-space:nowrap;cursor:pointer;padding:0 10px;line-height:30px;height:30px;}
#catmenu.nav-mobi ul li ul a span {white-space:normal;}
#catmenu.nav-mobi ul li em {position:absolute;display:block;border-left:1px solid #fff;color:#fff;top:1px;right:0;width:30px;line-height:30px;height:30px;text-align:center;font-style:normal;font-size:13px;font-weight:bold;}
#catmenu.nav-mobi ul li em:hover {cursor:pointer;color:#fff!important;background:#0a8fcc;}
#catmenu.nav-mobi ul li li em {border-color:#cdd0d4;color:#637075;}
#catmenu.nav-mobi ul>li>a:hover>span,
#catmenu.nav-mobi ul>li.over>a>span,
#catmenu.nav-mobi ul>li.active>a>span{border:none;}
.slide-t {font-size:16px;padding:28px 25px 0;top:20px;}
#sidebar {border-top:5px solid #0a8fcc;padding:20px 0 0;}
.sidebox {margin:15px 0 0;padding:0 0 15px;border-bottom:5px solid #0a8fcc;}
.sidetitle {background:#637075;margin:0 0 5px;}
.sidebox .inner {border:1px solid #dee1e2;background:#fff;}
#bottom {padding:0;}
#bot-w {padding:15px 0 0;border:none;background:#fff;}
.bot-i {width:auto;float:none;padding:3px 0 0;}
.bot-t {background:#637075;padding:10px;margin:0;color:#f2f2f2;position:relative;}
.bot-i .inner {padding:20px;background:#dee1e2;}
.bot-t em {display:block;position:absolute;right:10px;top:10px;padding:0;background:#fff;color:#637075;width:16px;height:16px;line-height:16px;font-size:12px;font-style:normal;text-align:center;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;}
#content {padding:0 0 40px;}
.eBlock {border:1px solid #dee1e2;background:#fff;padding:10px;display:block;margin:0 0 5px; box-sizing:border-box;}
.eTitle {border-color:#dee1e2;font-size:14px;}
.eBlock .eDetails,.eBlock .eDetails1,.eDetails2 {color:#273135;font-size:11px;position:relative;padding:10px!important;margin:0 -10px -10px!important;background:#dee1e2;}
.eBlock .eDetails div,.eBlock .eDetails1 div,.eDetails2 div,.e-category,.e-comments {display:none;}
.e-comments {background-position:-300px -500px;}
.e-reads {color:#273135;background-position:-300px 0;}
.e-loads {color:#273135;background-position:-300px -400px;}
.e-author {color:#273135;background-position:-300px -100px;}
.e-date {color:#273135;background-position:-300px -300px;}
.e-comments {background-position:-300px -200px;}
.eDetails a,.eDetails1 a,.eDetails2 a {color:#273135;}
.eMessage img,.eText img {float:none;width:100%;margin:0 0 10px!important;border:none!important;}
.foot-i {text-align:center;font-size:9px;}
.manTable td {display:block;width:100%;}
.manTable td input,.manTable td textarea {max-width:97%;}
#uNetRegF tr td:first-child {max-width:20% !important; white-space:normal !important; font-size:9px;}
#uNetRegF #fAvatar,#uNetRegF #fAvatarU {display:block;margin:0 0 3px;}
#uNetRegF #fAvatarU + input {position:relative; margin:0 0 0 -10px;}
.uNetDescr {font-size:9px;}
#fTerms+label {font-size:9px!important;}
#fTerms~div {font-size:9px;padding:10px 0 0;}
.copy {font-size:9px;}
.calendarsTable,.calendarsTable > tbody,.calendarsTable > tbody > tr,.calendarsTable > tbody > tr > td {display:block;width:100%;}
#content .calTable {width:100%;margin:0 0 20px;}
#content .calMonth {text-align:left;text-transform:uppercase;}
.forum-box .gTableSubTop,.forum-box .forumIcoTd,.forum-box .forumThreadTd,.forum-box .forumPostTd,.forum-box .forumLastPostTd,.forum-box .threadIcoTd,.forum-box .threadPostTd,.forum-box .threadViewTd,.forum-box .threadAuthTd,.forum-box .threadLastPostTd,.forum-box .legendTable,.forum-box .fFastSearchTd,.forum-box .fFastNavTd,.forum-box .funcBlock,.forum-box .userRights,.forum-box .forumNamesBar{display:none;}
.forum-box .gTableTop {padding:10px;}
.forum-box .postTable,.forum-box .postTable tbody,.forum-box .postTable tr,.forum-box .postTable td {display:block;width:auto!important;}
.forum-box td.postBottom,.forum-box td.postTdInfo {display:none;}
.forum-box .postTdTop {text-align:left;font-size:9px;position:relative;}
.forum-box .postTdTop + .postTdTop:before {content:'';width:0;height:0;border-top:7px solid #8d979b;border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;bottom:-7px;left:40px;}
.fNavLink {font-size:9px;position:relative;margin:0 -3px;}
.codeButtons,.smilesPart {display:none;}
#message {max-width:97%;}
.postUser {font-size:14px;}
#frM53 .gTableLeft,#frM53 .gTableRight {display:block;width:auto!important}
.uTable tr td:first-child,.uTable tr td:first-child + td + td ~ td {display:none;}
.opt_vals td {display:table-cell!important;}
.opt_items {max-width:97%;}
#puzadpn {display:none;}
#uEntriesList .uEntryWrap {margin:0 5px 10px;width:auto!important;}
}
/***** iPhone (landscape) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.wrapper,.part-r,.part-l,#catmenu.nav-mobi,.slide-i img {width:456px;}
#slider {display:block;margin:0 0 3px;}
#catmenu.nav-mobi .nav-head {width:436px;}
#slider .part-r,.flex-control-nav {display:none;}
#slider,.slide-i {height:262px;}
.slide-i img {min-height:262px;}
.e-comments {display:inline-block;}
.site-n,.site-n a {font-size:20px;}
.site-d {font-size:14px;}
.eBlock {margin:0 0 10px;}
#sidebar {padding:20px 0 0;}
.sidebox {margin:20px 0 0;padding:0 0 20px;}
#bot-w {padding:20px 0 0;}
}
#header .part-r {background:#273135 url(/fon_kopirovat.jpg);}
.entTd .eDetails {margin:0 0 40px;}
.opt_vals .gTableSubTop {padding-left:0;background:none;}
#content form[action$="search/"] table {width:100%;}
#content form[action$="search/"] table td {white-space:normal!important;}
#content form[action$="search/"] table td+td {width:30%;}
#content .queryField {width:70%!important;}
#slideshowBlock7 {margin:0 0 20px;}
подпись: Жизнь - это очередь за смертью. SHTbIK
«Пред. тема След. тема»

BLAzER
Друзья
Сообщений 2339
+
+13398
-
Ваши награды 48
Не понял всей сути проблемы, но попробуй так
Найди это
Код
.part-l, .slide-i img {width: 766px;}
.head-l, .part-l {float: left;}

Замени на
Код
.part-l, .slide-i img {width: 766px; margin: 0 auto;}
.head-l, .part-l {/* float: left; */}
подпись: BLAzER

SHTbIK
Пользователи
Сообщений 11
+
0
-
Ваши награды 0
Вадь нужно что кнопки меню и слайдер остались с левого краю но не в притык а вот описание ушло в право под картинку что в правом углу что не закрывать на фоне маску с картинкой.... реально ?

Добавлено (05.12.2014, 16:19)
---------------------------------------------
вот скрин вроде понятней что хочу....
подпись: Жизнь - это очередь за смертью. SHTbIK

Вовчик
Администратор
Сообщений 8683
+
+2371
-
Ваши награды 316
SHTbIK, я так понял проблема решена...

но на будущее, если хочешь сделать что-нибудь по центру, делай так
справа
Цитата
width: 1000px; --- ширина блока, ставишь какая тебе нужна
height: auto; --- высота блока, растягивается автоматически
margin: 0px auto; --- отступы у блока, сверху и снизу 0px, а слева и справа автоматически, из-за этого блок будет по центру...
подпись: Если я помог тебе, помоги и ты мне Мой WMR --> R250600748056
p.s. это лучшее выражение благодарности))
Вовчик

SHTbIK
Пользователи
Сообщений 11
+
0
-
Ваши награды 0
Цитата ;]undefined[/quote
ДА на половину решили я же говорю нужно чтоб эти блоки меню и слайдер были слева а новость так сказать была с права .... вот скрин может будет поможет чем...
подпись: Жизнь - это очередь за смертью. SHTbIK

Вовчик
Администратор
Сообщений 8683
+
+2371
-
Ваши награды 316
SHTbIK, редактируй

margin: 0px auto; --- отступы у блока, сверху и снизу 0px, а слева и справа автоматически, из-за этого блок будет по центру...

margin: 0 400px 0 100px;
подпись: Если я помог тебе, помоги и ты мне Мой WMR --> R250600748056
p.s. это лучшее выражение благодарности))
Вовчик

SHTbIK
Пользователи
Сообщений 11
+
0
-
Ваши награды 0
Цитата ;]undefined[/quote

все ровно не получается просто блок вверх вниз гуляет а сдвигаться не сдвигается....
подпись: Жизнь - это очередь за смертью. SHTbIK

Вовчик
Администратор
Сообщений 8683
+
+2371
-
Ваши награды 316
SHTbIK, я тебе уже дал код margin: 0 400px 0 100px;, применяй его к нужным css кодам... или padding: 0 400px 0 100px; применяй...
подпись: Если я помог тебе, помоги и ты мне Мой WMR --> R250600748056
p.s. это лучшее выражение благодарности))
Вовчик

SHTbIK
Пользователи
Сообщений 11
+
0
-
Ваши награды 0
Цитата ;]undefined[/quote

спасямба Вовчик) 50р на твой кошелек ушло))))
подпись: Жизнь - это очередь за смертью. SHTbIK
  • Страница 1 из 1
  • 1
Поиск:
Топ пользователей: