Как подправить CSS
Страницы: 1
[ Закрыто ] Как подправить CSS
Вопрос следующий, с psd макета сделали нарезку, загрузили на сайт, все отцентрировали, но края графики не видны, а это очень важно, как в  CSS сделать видимость краев?
Вот файл стиля, движок Симпла. Картинок три штуки: низ, верх и центр

Код
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

html {
  background: url("../images/sand.jpg") repeat left top transparent;
}

body {    
  font: 400 13px/1.4  'Open Sans' , Arial, sans-serif;
  /*background: url("../images/water_textura.jpg") repeat left top transparent;*/
}

p {
  margin-bottom: 0.5em
}

a {
  text-decoration: underline;
  color: #E29025;
}

a:hover {
  text-decoration: none;
  color: #E29025;
  -moz-transition: color .3s 0s ease;
  -o-transition: color .3s 0s ease;
  -webkit-transition: color .3s 0s ease;
  transition: color .3s 0s ease;
}

h1 {
  font-size: 30px;
  margin-bottom: 10px;
  font-weight: normal;
  text-shadow: 0px 1px 0px #fff;   
  color: #0d0d0d;
}

h2,
#showcase_module .it_title { 
  font: 300 26px/32px 'Open Sans', Arial, Helvetica, sans-serif; 
  color:#0d0d0d; 
  letter-spacing:-1px; 
  margin-bottom:20px;
}

html body #showcase_module * strong {
  font-weight: 300 !important;
}

html body  #showcase_module .it_title {
  color: #0d0d0d !important;
  text-align: left !important;
  padding: 0 !important;
}
#showcase_module * .it_title {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif !important; 
  color:#0d0d0d !important;
  letter-spacing:-1px !important; 
  margin-bottom:20px !important;
  font-weight: 300!important;
  font-size: 26px!important;
}


h3 {
  font-size: 22px;
  margin-top: 0px;
  margin-bottom: 10px;
  font-weight: normal;
}

h4{ 
  color:#333; 
  font:16px/20px Arial, Helvetica, sans-serif;
}

e[type="button"] {
  cursor:hand;
  cursor:pointer;
}

#navigation {
  width: 998px;
  margin: 0 auto;
  position: relative;
}

#blog{
  list-style: none;
}

#currencies{
  margin-bottom:15px;
}

#currencies ul{
  margin-top: 10px;
}
#currencies ul li{
  font-size: 12px;
  display: inline;
  padding-right: 5px;
  list-style: none;
}

#currencies ul li a{
  white-space: nowrap;
  color: #505050;
}
#currencies ul li.selected a{
  text-decoration: none;
}

#cart_informer{
  padding: 10px 5px 10px 30px;
  color: #000000;
  float: right;
  background: url("../images/cart-sun.png") no-repeat left center transparent;
  line-height: 24px
}

#header-wrapper{
  width: 100%;
  margin: 0;
  padding: 0 0 5px 0;
  clear: both;
}

.header {
  margin:0px auto;
  width: 1000px;
  color: #fff;
}

.header a {
  color: #fff;
  text-decoration: underline;
}

#logo a {
  text-decoration: none;
  display: block;
}

#footer {
  margin:0px auto;
  width: 998px;
  clear: both;
  padding: 20px 0;
}

#account{
  text-align: right;
  font-size: 12px;
  margin: 12px 10px 10px 0px;
  margin-top: 12px;
  margin-right: 10px;
  text-align: right;
  color: #505050;
}
#account #login{
  padding-left: 7px;
}
#account #logout{
  padding-left: 7px;
}

.header {
  padding-top: 5px;
}

#logo {
  margin: 0 0px 0 0;
  text-align: right;
}

#logo img {
  padding-left: 20px;
}

.contacts {
  color: #FFF200;
  text-shadow: 0px 0px 2px #000;
  font-weight: 700;
}

#contact {
  text-align: left;
}

#contact #phone{
  font-size: 30px;
  line-height: 1.1;
  margin: 0;
}


.contacts p {
  margin: 0;
}

.top {
  /*  background: url("../images/bg-top_4.jpg") no-repeat center top transparent;*/
  background: url("../images/bg-top-old.jpg") no-repeat center top transparent;
}

.main-wrapper {
  background: url("../images/water_textura.jpg") repeat center top transparent;
  /*background: url("../images/bg-top_4.jpg") no-repeat center top transparent;*/
  /*background: url("../images/bg-top-old.jpg") no-repeat center top transparent;*/
  clear: both;
  margin: 0;
}

.footer-wrapper {
  position: relative;
  color: #fff;
  /*background: url("../images/wat_sand_1.jpg") repeat-x left top transparent;*/
  /*background: url("../images/footer-wrapper_5.jpg") repeat-x left top transparent;*/
  background: url("../images/bg-bottom-old.jpg") no-repeat center top transparent;
  min-height: 350px;
}

#main {
  margin:0px auto;
  width: 958px;
  background: #f9f9f9;
  border-left: 1px solid #a5a5a5;
  border-right: 1px solid #a5a5a5;
  padding: 20px 20px;
  box-shadow: 7px 0px 20px -7px #363636, -7px 0px 20px -7px #363636;
  -moz-box-shadow: 7px 0px 20px -7px #363636, -7px 0px 20px -7px #363636;
  -webkit-box-shadow: 7px 0px 20px -7px #363636, -7px 0px 20px -7px #363636;
}

#content {
  width: 678px;
  margin-bottom: 20px;
}

#left {
  width: 250px;
  margin-right: 30px;
}

#search{
  margin-top: 9px;
  margin-bottom: 10px;
  height: 28px;
}
#search .input_search{
  width: 170px;
  height: 20px;
  font-size: 12px;
  border: 1px solid #b0b0b0;
  display: block;
  float: left;
}
#search .button_search {
  width: 32px;
  height: 28px;
  background-position-y: middle;
  background: url(../images/search.png) no-repeat;
  border-style: none;
  cursor: pointer;
  display: block;
  float: left;
}

#catalog_menu {
  margin-top: 10px;
  margin-bottom: 10px;
}
#catalog_menu ul {
  padding-left: 0px;
  padding-bottom: 5px;
  list-style: none;   
}

#catalog_menu ul ul {
  padding-left: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
}

#catalog_menu ul li {
  font-size: 19px;
  margin-top: 8px;
}

#catalog_menu ul li img{
  vertical-align: middle;
}

#catalog_menu ul li a.selected{
  color: #ffffff;
  background-color: #0095eb;
  padding: 3px;
}

#catalog_menu ul ul li {
  font-size: 14px;
}

#catalog_menu ul ul ul li {
  font-size: 12px;
}

#all_brands {
  width: 220px;
  margin-bottom: 15px;
}


/* @group Brands */
#brands {
  clear: both;
  margin-bottom: 10px;
  margin-top: 10px;
}
#brands a {
  color: #ec0060;
  font-size: 12px;
  margin-right: 10px;
}
#brands img{
  vertical-align: middle;
}
#brands a:hover {
  color: #000;
} 
#brands a.selected {
  background-color: #ec0060;
  color: #fffeff;
  padding: 2px 2px 2px 2px;
}

#path {
  margin-bottom: 10px;
  font-size: 11px;
  color: #003300;
}
#path a{
  color: #003300;
}

.product .images {
  float: left;
  clear: left;
  width: 300px;
  margin-right: 20px;
  margin-bottom: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.product .images img{
  text-align: center;
  width: 50px;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  float: left;
  padding: 5px;
  margin: 4px 10px 10px 0px;
}
.product .description{
  /*  float: right;
    width: 350px;*/
}

.product .features {
  list-style: none;
  width: 100%;
  display: block;
  clear: both;
  margin-top: 15px;
  margin-bottom: 25px;
  border-bottom: 1px solid #e0e0e0;
}
.product .features li {
  padding: 10px 5px 10px 5px;
  overflow: hidden;
  border-top: 1px solid #e0e0e0;
  background-color: #f0f0f0;
}
.product .features li.even{
  background-color: #e9e9e9;
}
.product .features label {
  font-style: normal;
  display: block;
  width: 30%;
  float: left;
}
.product .features p {
  float: left;
  display: block;
  width: 70%;
}
.product .variants {
  float: left;
  font-size: 12px;
}
.product .variant td{
  padding-bottom: 6px;
  vertical-align: middle;
}
.product .compare_price {
  font-size: 14px;
  text-decoration: line-through;
  white-space: nowrap;
  color: #003300;
}
.product .price { 
  font-size: 19px;
  white-space: nowrap;
}
.product .variant_name {
  float: left;
  margin-right: 10px;
  font-size: 12px;
}
.product .variant_radiobutton {
  margin-right: 5px;
  margin-left: 0px;
}
#back_forward {
  font-size: 14px;
  margin-bottom: 20px;
  clear: both;
}
#back_forward a.prev_page_link{
  margin-right: 20px;
}

.tiny_products {
  list-style: none;
  display: block;
  margin-bottom: 20px;
}

.tiny_products .product .product-inner,
.products .product .product-inner {
  background: #fff;
  border: 1px solid #e8e8e8;
  -moz-transition: background .3s 0s ease;
  -o-transition: background .3s 0s ease;
  -webkit-transition: background .3s 0s ease;
  transition: background .3s 0s ease;
  padding: 10px;
  margin-right: 5px;
}

.tiny_products .product:hover .product-inner,
.products .product:hover .product-inner {
  background: #f5f5f5;
}

.tiny_products .product .image {
  width: 200px;
  text-align: center;
}
.tiny_products .product .image img{
  vertical-align: middle;
  max-width: 200px;
  height: 125px;
  margin-bottom: 10px;
}

.tiny_products .product h3 {
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: normal;
  max-height: 60px;
  overflow: hidden;

  box-shadow: inset 0px -60px 60px -80px #FFF;

}

.tiny_products .product h3 a {
  width: 100%;
  display: block;
}

.tiny_products .product:hover h3{

}

.tiny_products .product h3 a{
  text-decoration: none;
}

.tiny_products .product h3 a:hover {
  text-decoration: underline;
}

.tiny_products .product h3.featured{
  background: url(../images/star.png) no-repeat left center transparent;
  padding-left: 20px;
}

.products {
  list-style: none;
  clear: both;
}

.products .product{
  width: 100%;
  display: block;
  clear: both;
  overflow: hidden;
}

.products .product .image {
  text-align: center;
  width: 200px;
  float: left;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

.products .product .image img{
  max-width: 200px;
}

.products .product .product_info {
  float: right;
  width: 430px;
}

.products .product h3 {
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: normal;
}

.products .product h3.featured{
  background: url(../images/star.png) no-repeat;
  background-position: left middle;
  padding-left: 20px;
}

.products .product .annotation {
  font-size: 12px;
  color: #505050;;
  margin-bottom: 5px;
}

.product .image.big {
  float: left;
  margin-right: 20px;
}


/* Кнопка */
.button {
  float: left;
  clear: left;
  cursor: pointer; 
}

.button {
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
  background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
  background-color: #ededed;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border:1px solid #cccccc;
  display: inline-block;
  color:#555555;
  font-family: arial;
  font-size: 14px;
  font-weight: 400;
  padding:6px 20px;
  text-decoration:none;
  text-shadow: 0 1px 0 #fff;
}

.button:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
  background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
  background-color:#dfdfdf;
}

.button:active {
  position:relative;
}

#features {
  background-color: #f0f0f0;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  margin-top: 20px;
  margin-bottom: 10px;
  width: 100%;
}
#features .feature_name{
  padding: 7px;
}
#features .feature_values{
  padding: 7px;
}
#features a {
  padding-right: 6px;
  white-space: nowrap;
}
#features a.selected {
  color: #505050;
  text-decoration: none;
}

.sort {
  color: #505050;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: normal;
  font-style: normal;
}
.sort a{
  margin-right: 5px;
}
.sort .selected {
  color: #505050;
  text-decoration: none;
  margin-right: 5px;
}

.pagination {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 12px;
  overflow: hidden;
}
.pagination a {
  display: block;
  float: left;
  background-color: #fffeff;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 7px 4px;
  min-width: 22px;
  text-align: center;
  border: 1px solid #d7d7d7;
  text-decoration: none;
}
.pagination a.selected:hover,
.pagination a.selected {
  background-color: #18a5ff;
  color: #ffffff;
  border-color: #008fe9;
}
.pagination a:hover {
  background-color: #f8f8f8;
}

.pagination a.next_page_link, .pagination a.prev_page_link{
  border: none;
  background: none;
}

#browsed_products{
  margin-bottom: 20px;
  overflow: hidden;
}

#browsed_products li{
  display: block;
  float: left;
  overflow: hidden;
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
  margin: 0 7px 7px 0;
  width: 50px;
  height: 50px;
}
#browsed_products li a{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 50px;
  height: 50px;
}

input[type="text"],
input[type="password"]
{
  width: 100%;
  font-size: 18px;
}
.form
{
  width:400px;
  margin-bottom: 20px;
}
.form textarea
{
  width:100%;
  height:100px;
  font-size: 18px;
}
.form label {
  display:block;
  font-size: 14px;
}
.form input[type="text"]{
  display:block;
  margin-bottom: 10px;
}

.comment_list {
  margin-top: 15px;
  list-style: none;
}
.comment_list li {
  padding-bottom: 15px;
}
.comment_header {
  font-size: 18px;
}
.comment_header i {
  font-weight: normal;
  font-style: normal;
  color: #878787;
  font-size: 13px;
}

.comment_form {
  background-color: #f3f3f3;
  border: 1px solid #e0e0e0;
  padding: 20px;
  margin-top: 20px;
  width: 90%;
  overflow: hidden;
}
.comment_form h2 {
  margin-bottom: 0px;
}
.comment_form .comment_textarea {
  width: 100%;
  height: 100px;
  font-size: 12px;
}
.comment_form label {
  display: block;
  float: left;
  width: 100px;
  font-size: 18px;
  margin-top: 15px;
}
.comment_form .input_name {
  font-size: 16px;
  width: 250px;
  margin-top: 15px;
}
.comment_form .input_captcha, .cart_form .input_captcha{
  float: left;
  width: 150px;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 15px;
  height: 36px;
}
.comment_form .captcha, .cart_form .captcha {
  float: left;
  display: block;
  margin-top: 15px;
  margin-right: 10px;
}
.comment_form .button,
.feedback_form .button,
.register_form .button,
.login_form .button{
  float: right;
  display: block;
  margin-top: 10px;
  margin-right: 0px;
}
/* @end — Форма отправки комментария */

/* @group Форма отправки обратной связи */
.feedback_form {
  background-color: #f3f3f3;
  border: 1px solid #e0e0e0;
  padding: 20px;
  margin-top: 20px;
  width: 90%;
  overflow: hidden;
}
.feedback_form .input_captcha, .register_form .input_captcha{
  float: left;
  width: 150px;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 15px;
  height: 36px;
}
.feedback_form .captcha, .register_form .captcha{
  float: left;
  display: block;
  margin-top: 15px;
  margin-right: 10px;
}
.feedback_form .button_send {
  font-size: 18px;
  float: right;
  margin-top: 25px;
}
/* @end — Форма отправки комментария */


/* @group Корзина */
#purchases{
  width: 100%;
}
#purchases tr{
  border-top: 1px solid #d5d5d5;
  height: 70px;
}
#purchases th{
  vertical-align: top;
  padding-top: 10px;
  font-size: 18px;
  font-weight: normal;
}
#purchases .image{
  width: 50px;
  text-align: center;
}
#purchases .image a{
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
  margin: 0 7px 7px 0;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 50px;
  height: 50px;
}

#purchases .name{
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
}
#purchases td.name{
  font-size: 14px;
}
#purchases td .download_attachment{
  white-space: nowrap;
  color: #3b8500;
  padding: 5px 10px 7px 10px;
  border-bottom-color: 1px dotted green;
  background-color: #ccff72;
  line-height: 30px;
}

#purchases .price{
  padding-left: 5px;
  padding-right: 5px;
  white-space: nowrap;
  text-align: right;
}
#purchases td.price{
  font-size: 14px;
}
#purchases .remove{
  padding-left: 15px;
  text-align: right;
}
#purchases .amount{
  font-size: 14px;
  padding-left: 5px;
  padding-right: 5px;
}
#purchases .amount select{
  font-size:12px;
}

#purchases .coupon .name{
  font-size:14px;
}
#purchases .coupon .name input.coupon_code{
  width: 200px;
}
#purchases .coupon .name input{
  font-size: 15px;
  float: left;
  margin-right: 20px;
  padding: 2px 5px;
}

ul#deliveries{
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  padding: 20px 20px 0 20px;
  list-style: none;
}

ul#deliveries li{
  margin-bottom: 20px;
}

ul#deliveries li div.checkbox{
  float: left;
  margin-top: 7px;
}

ul#deliveries li h3, ul#deliveries li .description{
  display: block;
  margin-left: 25px;
}
/* @end */


/* @group Кабинет */
#orders_history
{
  list-style: none;
}
#orders_history li
{
  margin-bottom: 10px;
}
#orders_history li a
{
  font-size: 16px;
}

table.order_info
{
  margin-right: 20px;
  margin-bottom: 20px;
  background-color: #f9f9f9;
}
table.order_info td
{
  padding: 10px;
  border: 1px dotted #e0e0e0;
  font-size: 14px;
}
.checkout_button
{
  padding: 10px 20px 10px 20px;
  border: 1px solid #51a400;
  background-color: #d3ffa9;
  color: #2e5e00;
  font-size: 14px;
}

.message_error{
  clear: both;
  height: 18px;
  padding: 10px 20px;
  margin-bottom: 15px;
  margin-top: 10px;
  overflow: hidden;
  color: red;
  background-color: #ffcaca;
  border: 1px dotted #ff4545;
}

.autocomplete-w1 { 
  position:absolute; 
  top:0px; 
  left:0px; 
  margin:6px 0 0 6px; 
}

.autocomplete { 
  border:1px solid #999; 
  background:#FFF; 
  cursor:default; 
  text-align:left; 
  overflow-x:auto;  
  overflow-y: auto; 
  margin:-6px 6px 6px -6px; 
}

.autocomplete .selected { 
  background:#F0F0F0; 
}

.autocomplete div { 
  padding:2px 5px; 
  white-space:nowrap; 
}

.autocomplete strong { 
  font-weight:normal; 
  color:#3399FF; 
}

.sf-menu, .sf-menu * {
  margin:         0;
  padding:      0;
  list-style:      none;
}
.sf-menu {
  line-height:   1.0;
  border:none;
}
.sf-menu ul {
  position:      absolute;
  top:         -999em;
  width:         10em;
}
.sf-menu ul li {
  width:         100%;
  border:none;
}

.sf-menu li:hover {
  visibility:   inherit; 
}

.sf-menu li {
  float:         left;
  position:      relative;
  border:none;
}
.sf-menu a {
  display:      block;
  position:      relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left:         0;
  top:         2.5em; /* match top ul list item height */
  z-index:      99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top:         -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left:         10em; /* match ul width */
  top:         0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top:         -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left:         10em; /* match ul width */
  top:         0;
}

.sf-menu, 
.sf-menu * {
  margin:0;
  padding:0;
  list-style:none;
}
.sf-menu li {
  float:left; 
  position:relative; 
  margin-right:2px; 
  font: 400 13px/18px 'Open Sans', Arial, sans-serif;
}

.sf-menu li a {
  display:block;
  position:relative;
  padding:11px 20px 13px 21px;
  border-bottom:none;
  text-decoration:none;
  border-radius:5px 5px 0 0;
  -moz-border-radius:5px 5px 0 0;
  -webkit-border-radius:5px 5px 0 0;
  min-width:58px;
  text-align: left;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  transition:all 0.3s ease;
  background-image: none;
}

.sf-menu > li > a {
  line-height: 42px;
  padding: 0px 20px 0px 20px;
  font-size: 16px
}

.sf-menu li.sfHover a, 
.sf-menu li.current-menu-item a, 
.sf-menu li a:hover {
  border-bottom:none;
  background: url("../images/menu-over.png") repeat 0 0;
  color:#0d0d0d;
}

.sf-menu ul {
  position:absolute;
  top:-999em;
  z-index:99;
  width: 200px;
  display:none;
  background:none;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
}

.sf-menu li li{
  padding:0; 
  width:100%; 
  margin:0;
}
.sf-menu li li a,
.sf-menu li.sfHover li a,
.sf-menu li.current-menu-item li a { 
  padding:7px 10px; 
  box-shadow:none; 
  width:auto; 
  border-radius:0; 
  border:none;
}

.sf-menu li li a:hover {
  padding-left: 15px;
  background: #e29025;
}

.sf-menu li li:first-child a { 
  border-top:none;
}
.sf-menu ul ul {
  position:absolute;
  top:-999em;
  z-index:99;
  width:158px;
  display:none;
  background:none;
}
.sf-menu li li li{
  padding:0;
  width:100%;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left: -1px;
  top: 42px; 
}

.home .sf-menu li:hover ul, 
.home .sf-menu li.sfHover ul {
  top:42px;
}

.home .sf-menu li li:hover ul, 
.home .sf-menu li li.sfHover ul {
  top:0px;
}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {
  top:-999em;
}

ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {
  left:158px; /* match ul width */top:0px;
}

ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {
  top:-999em;
}

ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {
  left:10em; 
  top:00px;
}

.sf-menu a.sf-with-ul {
  /*   padding-right:    2.25em;*/
  min-width:      1px; 
}
.sf-sub-indicator {
  position: absolute;
  display: block;
  right: .75em;
  top: 1.05em; 
  width: 10px;
  height: 10px;
  text-indent: -999em;
  overflow: hidden; 
}

a > .sf-sub-indicator {  
  top: .8em;
  background-position: 0 -100px;
}

a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
  background-position: -10px -100px; 
}

.sf-menu ul .sf-sub-indicator { 
  background-position:  -10px 0; 
}
.sf-menu ul a > .sf-sub-indicator { 
  background-position:  0 0;
}

.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0;
}

.sf-shadow ul {
  padding: 0 8px 9px 0;
  -moz-border-radius-bottomleft: 17px;
  -moz-border-radius-topright: 17px;
  -webkit-border-top-right-radius: 17px;
  -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
  background: transparent;
}

.sf-menu li a {
  color:#fff; 
  background-color:#e29025;
}

.sf-menu > li:nth-child(1) a {background-color:#ba2216;}
.sf-menu > li:nth-child(2) a {background-color:#e29025;}
.sf-menu > li:nth-child(3) a {background-color:#e3b622;}
.sf-menu > li:nth-child(4) a {background-color:#97d338;}
.sf-menu > li:nth-child(5) a {background-color:#3fa4ce;}


.jcarousel-wrapper {
  padding: 0 40px;
  /*min-height: 270px;*/
  position: relative;
}

.jcarousel {
  position: relative;
  overflow: hidden;
  height: 280px;
  margin-bottom: 10px;
}

.jcarousel ul {
  width: 20000em;
  position: absolute;
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
}

.jcarousel li {
  float: left;
  width: 201px;
}

.jcarousel .tiny_products .product .image {
  width: 174px;
  text-align: center;
}

.jcarousel .tiny_products .product .image img {
  vertical-align: middle;
  height: 115px;
  margin-bottom: 10px;
  max-width: 174px;
}

.jcarousel-wrapper .prev-slide,
.jcarousel-wrapper .next-slide {
  display: block;
  height: 32px;
  width: 32px;
  position: absolute;
  top: 100px;
  text-indent: -9999px;
}

.jcarousel-wrapper .prev-slide {
  left: 0px;
  background: url("../images/forward.png") no-repeat left center transparent;
}

.jcarousel-wrapper .next-slide {
  right: 0px;
  background: url("../images/backward.png") no-repeat right center transparent;
}

.cart-wrapper {
  text-align: right;
}

.footer-first .contetn {
  padding-right: 10px; 
}

.footer-second .contetn {
  padding: 0 10px; 
}

.footer-third .contetn {
  padding-left: 10px;
}

.footer-inner {
  /*  background: url("../images/sand_bottom_5.jpg") no-repeat center top transparent;
    min-height: 350px;*/
}
 
Изменено: Alex - 3 Сентября 2013 11:23
что значит видимость краев? показать можете? видимые границы или что?
Алекс, Вот центральная часть 

Рисунок


По бокам идет песок, но на сайте он не виден... картинка эта дублируется по вертикале, плюс снизу еще идет вот такая картинка:

Рисунок

В этой низ виден, а края нет.
z-index проверь, либо ссыль на сайт дай, так проще будет
Jawakharlal, В ЛС отправил ссылку.
Рисунок
  у меня норм отображает ?
Изменено: Jawakharlal - 3 Сентября 2013 15:15
Jawakharlal, Нет, я сейчас колдую над центральным фоном, там центральный фон вырезан..
Alex, ты сам верстку делал или достал шаблон ?
Jawakharlal, достал... но тут в основном дефолтный...так некоторые моменты были добавлены... колонки и по мелочам
Alex, покажите мне сайт
Алекс, Сайт в ЛС отправил, но вроде бы сам выставил))) Тему можно закрывать.
Цитата
Alex пишет:
Тему можно закрывать.

Alex, спасибо, что отписались.
Тему закрыл и перенёс в раздел "Х".
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
13:23 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 
13:16 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
08:26 Помогите! ОТКРЫЛАСЬ монетизация на ЮТЮБ! Но Как быть в 2024 с Adsense? 
08:23 Rotapost прикрыли! Чем пользоваться? 
17:53 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
12:39 2Index - быстрая индексация страниц сайта и обратных ссылок 
06:17 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 
04:12 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
22:41 SOCKS5 приватные прокси на 30 дней для PayPal 
22:41 Google Voice аккаунты для бесплатных SMS и звонков 
22:40 PayPal аккаунты для любых целей 
18:24 garantcoin.io - быстрый и надёжный сервис обмена криптовалюты GarantCoin 
16:59 Сайты с зарубежным трафиком КУПЛЮ 
16:50 №1 Рассылка / Инвайтинг [TELEGRAM] | Приватный метод 
13:08 Бесплатный майнинг Tether (USDT) 
10:29 С юмором по жизни! 
16:49 monetizer.agency – рекламная сеть для взрослого и развлекательного трафика. 100$ новому вебмастеру 
20:43 Добро пожаловать в цифровой мир... 
15:59 Про мясо 
23:09 ПП от PMS remote.team - 200$ за команду 
13:28 Компьютерная мышь