Solved

CSS BACKGROUND IMAGE REPEAT

Posted on 2011-09-27
6
864 Views
Last Modified: 2012-05-12
1 I want to stretch the wood to 100% of the height of the window  but i could do this through htm or body background but i must do it through css because there are 2 images the centered and the one for shadows

2 i want to center the top menu in the center of the window because when i delete one of the menus it moves to the left and i need it to be always in the center

SEE THE ATTACHED FILE   site.zip
0
Comment
Question by:rockas1982
  • 3
  • 2
6 Comments
 
LVL 15

Accepted Solution

by:
Eyal earned 300 total points
ID: 36714583
I have changed location of divs
<html lang="en"><head>
    <title></title>
    <meta charset="utf-8">
    <link media="screen" type="text/css" href="css/reset.css" rel="stylesheet">
    <link media="screen" type="text/css" href="css/style.css" rel="stylesheet">
    <link media="screen" type="text/css" href="css/grid.css" rel="stylesheet">   
    <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>     
	<!--[if lt IE 7]>
        <div style=' clear: both; text-align:center; position: relative;'>
            <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0"  alt="" /></a>
        </div>
	<![endif]-->
    <!--[if lt IE 9]>
   		<script type="text/javascript" src="js/html5.js"></script>
        <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
	<![endif]-->
</head>
<body id="page5">
	<!--==============================header=================================-->
    <header>
    	<div class="row-1">
        	<div class="main">
            	<div class="container_12">
                	<div class="grid_12">
                    	<nav>
                            <ul class="menu">
                                <li><a href="index.html" class="active">About Us</a></li>
                                <li><a href="services.html">Services</a></li>
                                <li><a href="catalogue.html">Catalogue</a></li>
                                <li><a href="pricing.html">Pricing</a></li>
                                <li><a href="contacts.html">Contacts</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="row-2">
        	<div class="main">
            	<div class="container_12">
                	<div class="grid_9">
                    	<h1>
                            <a href="index.html" class="logo"><strong>L</strong>V<strong>G</strong></a>
                            <span>INTERIORS</span>
                        </h1>
                    </div>
                    
                     <div class="clear"></div>
                </div>
            </div>
        </div> 

    </header><div class="ic"><div class="inner_copy">Find best premium <a title="Joomla 1.7 templates" href="http://blog.templatemonster.com/2011/09/20/joomla-1-7-templates-showcase/"> joomla 1.7 templates</a> at blog.templatemonster.com</div></div>
    <div class="bg-top">
        	<div class="bg-top-2">
                <div class="bg">
                    <div class="bg-top-shadow">
                         
                    </div>
                </div>
            </div>	
        </div>
<!-- content -->
    <div id="content">
         
        <div class="main">
                            <div class="box">
                                <div class="padding">
                                    <div class="container_12">
                                        <div class="wrapper">
                                            <div class="grid_12">
                                            	<div class="indent-right">
                                                            <h3 class="p2">Company Profile</h3>
                                                            <div class="wrapper prev-indent-bot2">
                                                                
                                                                <div class="extra-wrap">
                                                                    <p>LVG began its journey in interior design and conceptual design in the
early 1980's and has been a company with an innovative vision and a
passion for design. LVG  has a wide ranging portfolio and handles all
its clients with care and discretion. Villas, hotels, yachts and many
othervenues, have been given that very special touch inspired by the
vision
and passion that the people at LVG have.. </p>
                                                                  LVG is a company that offers an extensive range of unique concepts for
private individuals and businesses.
Its show room is the pinnacle of innovation and design and a constant
source of inspiration
                                                                </div>
                                                            </div>
                                                            <p>As  LVG grows and evolves,it is always seeking to introduce original
concepts in style and quality, the dedication  to its clients is
constant and unwavering.
The LVG group consists of interior designers, architects, sales
agents, and many others.</p>
                                                            
                                                        </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
    </div>
    
	<!--==============================footer=================================-->
    


</body></html>

Open in new window


and the css
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
    display: block;
}
mark, rp, rt, ruby, summary, time {
    display: inline;
}
html, body {
    height: 100%;
    width: 100%;
}
body {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 100%;
}
.ic, .ic a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    color: #FF0000;
    float: right;
    font-size: 10px;
    line-height: 10px;
    margin: -220% 0 0;
    overflow: hidden;
    padding: 0;
    width: 50%;
}
.bg-top-shadow {
    background: url("../images/bg-top-shadow.png") repeat-x scroll center bottom transparent;
    padding: 40px 0 52px;
    position: absolute;
    top: 571px;
    width: 100%;
}
#page3 .bg-top-shadow {
    padding: 40px 0 35px;
}
#page4 .bg-top-shadow {
    padding: 40px 0 60px;
}
#page5 .bg-top-shadow {
    padding: 40px 0 62px;
}
.bg-top {
    background: url("../images/bg-top-tail.jpg") repeat-x scroll center top transparent;
    bottom: 0;
    height: 100%;
    position: absolute;
    width: 100%;
}
.bg-top-2 {
    background: url("../images/bg-top-tail2.jpg") repeat-y scroll center top transparent;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.bg {
    background: url("../images/bg-top.jpg") no-repeat scroll center top transparent;
    height: 100%;
    width: 100%;
}
.bg-bot {
    background: url("../images/bg-bot-tail.gif") repeat-x scroll center top #FFFFFF;
    padding: 30px 0 55px;
    width: 100%;
}
#page3 .bg-bot, #page4 .bg-bot {
    padding: 30px 0 49px;
}
.main {
    font-size: 0.8125em;
    line-height: 1.6153em;
    margin: 0 auto;
    padding: 0;
    width: 980px;
}
a {
    color: #FF9601;
    outline: medium none;
}
a:hover {
    text-decoration: none;
}
.col-1, .col-2 {
    float: left;
}
.wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.extra-wrap {
    overflow: hidden;
}
p {
    margin-bottom: 18px;
}
.p0 {
    margin-bottom: 0;
}
.p1 {
    margin-bottom: 8px;
}
.p2 {
    margin-bottom: 15px;
}
.p3 {
    margin-bottom: 30px;
}
.p4 {
    margin-bottom: 40px;
}
.p5 {
    margin-bottom: 50px;
}
.reg {
    text-transform: uppercase;
}
.fleft {
    float: left;
}
.fright {
    float: right;
}
.alignright {
    text-align: right;
}
.aligncenter {
    text-align: center;
}
.it {
    font-style: italic;
}
.letter {
    letter-spacing: -1px;
}
.color-1 {
    color: #FFFFFF;
}
.color-2 {
    color: #000000;
}
.color-3 {
    color: #262626;
}
.color-4 {
    color: #FF9601;
}
.frame {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.7);
    padding: 10px;
}
.frame2 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E5E5E5;
    padding: 9px;
}
.margin-bot {
    margin-bottom: 35px;
}
.spacing {
    margin-right: 35px;
}
.indent-top {
    padding-top: 13px;
}
.indent-top2 {
    padding-top: 4px;
}
.indent-right {
    padding-right: 30px;
}
.indent-right2 {
    padding-right: 10px;
}
.indent-left {
    padding-left: 30px;
}
.indent {
    padding: 0 10px 0 30px;
}
.indent2 {
    padding-left: 50px;
}
.indent3 {
    padding: 0 15px;
}
.indent-bot {
    margin-bottom: 20px;
}
.indent-bot2 {
    margin-bottom: 30px;
}
.indent-bot3 {
    margin-bottom: 45px;
}
.inner {
    padding: 0 55px 0 28px;
}
.inner-2 {
    padding: 0 45px 0 42px;
}
.img-indent-bot {
    margin-bottom: 25px;
}
.img-indent {
    float: left;
    margin: 0 22px 8px 0;
}
.img-indent2 {
    float: left;
    margin: 0 30px 0 0;
}
.img-indent3 {
    float: left;
    margin: 0 23px 0 0;
}
.img-indent-r {
    float: right;
    margin: 0 0 0 40px;
}
.prev-indent-bot {
    margin-bottom: 10px;
}
.prev-indent-bot2 {
    margin-bottom: 5px;
}
.buttons a:hover {
    cursor: pointer;
}
.menu li a, .list-1 li a, .list-2 li a, .link, .button, .logo {
    text-decoration: none;
}
header {
    position: relative;
    width: 100%;
    z-index: 2;
}
.row-1 {
    background: url("../images/row1-top-tail.gif") repeat-x scroll left top transparent;
    height: 71px;
    width: 100%;
}
.row-2 {
    background: url("../images/row2-tail.gif") repeat-x scroll left top #FFFFFF;
    min-height: 101px;
    width: 100%;
}
h1 {
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-weight: normal;
    margin-left: -4px;
    padding: 15px 0 0;
    position: relative;
    text-transform: uppercase;
}
h1 span {
    color: #949494;
    display: inline-block;
    font-size: 28px;
    letter-spacing: -1px;
    line-height: 1.2em;
    padding: 29px 0 0 4px;
}
.logo {
    color: #262626;
    cursor: pointer;
    display: inline-block;
    font-size: 60px;
    letter-spacing: -3px;
    line-height: 1.2em;
}
.logo strong {
    color: #FF9601;
    font-weight: normal;
}
.menu {
    padding: 0;
    width: 100%;
}
.menu li {
    float: left;
    position: relative;
}
.menu li:first-child {
    background: url("../images/menu-a-tail.gif") no-repeat scroll 0 -71px transparent;
}
.menu li a {
    background: url("../images/menu-a-tail.gif") no-repeat scroll right -71px transparent;
    color: #262626;
    display: block;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 21px;
    letter-spacing: -1px;
    line-height: 1.238em;
    padding: 21px 0 24px;
    text-align: center;
    text-transform: uppercase;
    width: 188px;
}
.menu li a:hover, .menu li a.active {
    background-color: #000000;
    background-position: left top;
    background-repeat: repeat-x;
    color: #FFFFFF;
}
#search-form {
    padding: 35px 0 0 37px;
}
#search-form fieldset {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}
#search-form .search-field {
    background: url("../images/search-input-tail.gif") repeat-x scroll 0 0 transparent;
    border: 1px solid #D7D7D7;
    height: 29px;
    width: 181px;
}
#search-form input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 1.23em;
    margin: 0;
    outline: medium none;
    padding: 6px 10px 7px;
    width: 137px;
}
#search-form .search-button {
    background: url("../images/search-icon.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 16px;
    position: absolute;
    right: 8px;
    text-indent: -5000px;
    top: 7px;
    width: 17px;
}
#content {
    margin-top: 41px;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1;
}
.gallery {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.7);
    padding: 20px 0 26px 20px;
}
.padding {
    padding: 30px 0 38px;
}
div.content {
    display: none;
    float: left;
    height: 403px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 620px;
}
div.content img {
    position: relative;
    z-index: 2;
}
div.content a, div.navigation a {
    cursor: pointer;
    display: block;
    position: relative;
    text-decoration: none;
}
div.content a img, div.navigation a img {
    position: relative;
    z-index: 1;
}
div.content a span, div.navigation a span {
    background: none repeat scroll 0 0 #000000;
    display: block;
    height: 121px;
    left: 0;
    position: absolute;
    top: 0;
    width: 140px;
    z-index: 2;
}
div.content a span.selected, div.navigation a span.selected {
    display: none !important;
}
div.content a:focus, div.content a:hover, div.content a:active {
    text-decoration: underline;
}
div.controls {
}
div.controls a {
    padding: 0;
}
div.ss-controls {
    display: none;
    float: left;
}
div.nav-controls {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 596px;
    z-index: 1;
}
div.nav-controls a.prev {
    background: url("../images/prev.gif") no-repeat scroll 0 0 transparent;
    bottom: 2px;
    height: 39px;
    left: 0;
    position: absolute;
    text-indent: -5000px;
    width: 39px;
    z-index: 11;
}
div.nav-controls a.prev:hover {
    background: url("../images/prev-h.gif") no-repeat scroll 0 0 transparent;
}
div.nav-controls a.next {
    background: url("../images/next.gif") no-repeat scroll 0 0 transparent;
    bottom: 2px;
    height: 39px;
    position: absolute;
    right: 0;
    text-indent: -5000px;
    width: 39px;
    z-index: 11;
}
div.nav-controls a.next:hover {
    background: url("../images/next-h.gif") no-repeat scroll 0 0 transparent;
}
div.slideshow-container {
    height: 403px;
    position: relative;
    z-index: 1;
}
div.loader {
    background-image: url("images/loader.gif");
    background-position: center center;
    background-repeat: no-repeat;
    height: 470px;
    left: 0;
    position: absolute;
    top: 0;
    width: 592px;
}
div.slideshow {
}
div.slideshow span.image-wrapper {
    display: block;
    height: 403px;
    left: 0;
    position: absolute;
    top: 0;
    width: 620px;
}
div.slideshow a.advance-link {
    display: block;
    height: 403px;
    margin: 0;
    padding: 0;
    width: 620px;
}
div.slideshow a.advance-link img {
    display: block;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
    text-decoration: none;
}
div.slideshow img {
}
div.download {
    float: right;
}
div.caption-container {
    height: 151px;
    left: 0;
    position: absolute;
    top: 0;
    width: 596px;
}
span.image-caption {
    display: block;
    height: 151px;
    left: 0;
    position: absolute;
    top: 0;
    width: 596px;
    z-index: 10;
}
div.caption {
    color: #FFFFFF;
    font-size: 13px;
    height: 128px;
    line-height: 18px;
    padding: 23px 30px 0;
    width: 536px;
}
div.caption h5 {
    color: #FD003F;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    text-decoration: none;
    text-transform: uppercase;
}
div.caption h6 {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    margin: 0 0 18px;
}
div.image-title {
}
div.image-desc {
}
div.navigation {
}
div#thumbs {
    height: 403px;
    overflow: hidden;
    padding: 0 0 0 0;
    width: 320px;
}
ul.thumbs {
    float: right;
    height: auto;
    margin-left: 0;
    overflow: visible;
    padding: 0;
    width: 320px;
}
ul.thumbs li {
    float: left;
    height: 121px;
    margin: 0 20px 20px 0;
    overflow: hidden;
    padding: 0;
    vertical-align: top;
}
ul.thumbs li img {
    border: medium none;
}
a.thumb:focus {
    outline: medium none;
}
div.pagination {
    clear: both;
    position: relative;
    text-align: center;
    z-index: 10;
}
div.top.pagination {
    display: none;
}
div.navigation div.bottom {
    display: none;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
    color: #FFFFFF;
    font-weight: bold;
    padding: 0 4px;
}
div.pagination a:hover {
    color: #FFEAA8;
    text-decoration: none;
}
div.pagination span.current {
    color: #FFEAA8;
}
div.pagination span.ellipsis {
    border: medium none;
    padding: 5px 0 3px 2px;
}
.quote {
    background: url("../images/quote.png") no-repeat scroll 0 3px transparent;
    padding-left: 30px;
    position: relative;
}
.spacer-1 {
    background: url("../images/pic-1.gif") repeat-y scroll 217px 0 transparent;
    width: 100%;
}
h3 {
    color: #262626;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 36px;
    font-weight: normal;
    letter-spacing: -2px;
    line-height: 1.2em;
    margin: 0 0 22px;
}
h6 {
    color: #FF9601;
}
.title {
    background: url("../images/pic-2.gif") repeat-y scroll right 0 transparent;
    color: #FF9601;
    display: inline-block;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 49px;
    letter-spacing: -3px;
    line-height: 71px;
    padding: 0 25px 0 0;
    text-transform: uppercase;
}
.title.t2 {
    background: url("../images/pic-3.gif") no-repeat scroll right 0 transparent;
    font-size: 60px;
    line-height: 1.3em;
    padding: 0 40px 0 0;
}
.tdate-1 {
    display: block;
    font-weight: bold;
}
.border-bot {
    background: url("../images/pic-1.gif") repeat-x scroll 0 bottom transparent;
    padding-bottom: 20px;
    width: 100%;
}
.box {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.7);
    width: 100%;
}
.button {
    background: url("../images/button-tail.gif") repeat-x scroll 0 0 #000000;
    color: #FFFFFF;
    display: inline-block;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 18px;
    letter-spacing: -1px;
    line-height: 1.22em;
    padding: 10px 20px 11px;
    text-transform: uppercase;
}
.button:hover {
    background: none repeat scroll 0 0 #FF9601;
}
.list-1 li {
    background: url("../images/marker.png") no-repeat scroll 0 12px transparent;
    display: inline-block;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 21px;
    letter-spacing: -1px;
    line-height: 26px;
    padding: 0 0 10px 12px;
}
.list-1 li.last {
    padding: 0 0 0 12px;
}
.list-1 li a:hover {
    color: #FFFFFF;
}
.list-2 li {
    background: url("../images/pic-1.gif") repeat-x scroll 0 bottom transparent;
    line-height: 1.23em;
    padding: 8px 0;
}
.list-2 li a {
    background: url("../images/marker-2.gif") no-repeat scroll 0 6px transparent;
    color: #262626;
    display: inline-block;
    padding-left: 10px;
}
.list-2 li a:hover {
    color: #FF9601;
}
.list-2 .last-item {
    background: none repeat scroll 0 0 transparent;
}
.price-list li {
    background: url("../images/pic-1.gif") repeat-x scroll 0 bottom transparent;
    color: #262626;
    line-height: 1.23em;
    overflow: hidden;
    padding: 7px 0 9px;
    vertical-align: top;
    width: 100%;
}
.price-list li.last {
    background: none repeat scroll 0 0 transparent;
}
.price-list li strong {
    background: url("../images/pic-4.gif") repeat-x scroll 0 12px transparent;
    display: block;
    overflow: hidden;
}
.price-list li span {
    color: #262626;
    float: right;
}
.price-list li a {
    background: url("../images/marker-2.gif") no-repeat scroll 0 5px transparent;
    color: #262626;
    float: left;
    padding-left: 10px;
    text-decoration: none;
}
.price-list li a:hover {
    color: #FF9601;
}
.link:hover {
    text-decoration: underline;
}
.link-1 {
    background: url("../images/marker-3.gif") no-repeat scroll right 8px transparent;
    display: inline-block;
    font-size: 14px;
    padding-right: 8px;
}
.link-1:hover {
    color: #FFFFFF;
}
.text-1 {
    color: #FF9601;
    display: block;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 21px;
    letter-spacing: -1px;
    line-height: 30px;
}
.price {
    display: inline-block;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 35px;
    letter-spacing: -2px;
    line-height: 1.2em;
}
dl span {
    float: left;
    width: 93px;
}
dl strong {
    float: left;
    font-weight: normal;
    width: 80px;
}
.carousel {
    height: 229px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 940px;
}
.carousel .next {
    background: url("../images/carousel-control.png") no-repeat scroll right top transparent;
    display: block;
    height: 22px;
    position: absolute;
    right: 0;
    text-indent: -5000px;
    top: 14px;
    width: 11px;
}
.carousel .prev {
    background: url("../images/carousel-control.png") no-repeat scroll left top transparent;
    display: block;
    height: 22px;
    position: absolute;
    right: 31px;
    text-indent: -5000px;
    top: 14px;
    width: 11px;
}
.jCarouselLite {
    left: -12px !important;
}
#carousel li {
    background: url("../images/carousel-li-bg.png") no-repeat scroll left top transparent;
    height: 121px !important;
    margin-right: -4px;
    overflow: hidden;
    padding: 17px 22px 27px;
    position: relative;
    width: 200px !important;
}
#carousel li a {
    display: block;
    position: relative;
}
#carousel li a span {
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: 0;
    color: #262626;
    display: block;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 35px;
    height: 35px;
    left: 0;
    letter-spacing: -2px;
    line-height: 1.2em;
    overflow: hidden;
    position: absolute;
    width: 78px;
    z-index: 99;
}
#subscribe-form {
    display: block;
}
#subscribe-form .subscribe-field {
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #FFFFFF;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.7);
    height: 29px;
    margin-bottom: 20px;
    width: 288px;
}
#subscribe-form input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #262626;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 1.23em;
    margin: 0;
    outline: medium none;
    padding: 6px 10px;
    width: 268px;
}
#contact-form {
    display: block;
}
#contact-form label {
    display: block;
    height: 40px;
    overflow: hidden;
}
#contact-form input {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #D9D9D9;
    color: #262626;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 1.23em;
    margin: 0;
    outline: medium none;
    padding: 6px 10px;
    width: 406px;
}
#contact-form textarea {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #D9D9D9;
    color: #404040;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    height: 192px;
    line-height: 1.23em;
    margin: 0;
    outline: medium none;
    overflow: auto;
    padding: 6px 10px;
    width: 776px;
}
.text-form {
    color: #262626;
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 1.23em;
    padding-top: 3px;
    width: 81px;
}
.buttons {
    padding: 18px 30px 0 0;
    text-align: right;
}
.buttons a {
    margin-left: 10px;
    padding: 10px 42px 11px;
}
footer {
    background: url("../images/footer-tail.gif") repeat-x scroll center top #FFFFFF;
    padding: 40px 0 33px;
    width: 100%;
}
.phone-numb {
    display: inline-block;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 42px;
    letter-spacing: -1px;
    line-height: 1.2em;
    margin-top: -4px;
}
.phone-numb span {
    color: #949494;
    display: inline-block;
    font-size: 28px;
    padding-top: 3px;
}
.list-services {
    padding: 0;
}
.list-services li {
    float: left;
    padding: 0 0 0 20px;
}
.list-services li:first-child {
    padding: 0;
}
.list-services li a {
    background: url("../images/social-icons.png") no-repeat scroll left top transparent;
    display: block;
    height: 45px;
    width: 60px;
}
.list-services li a.item-2 {
    background-position: -80px 0;
}
.list-services li a.item-3 {
    background-position: -160px 0;
}
.list-services li a.item-4 {
    background-position: -240px 0;
}

Open in new window

0
 
LVL 1

Author Comment

by:rockas1982
ID: 36715801
can we do something about the black line ...

http://www.lvg-interiors.com/home/index.html
0
 
LVL 8

Assisted Solution

by:cloud9manager
cloud9manager earned 200 total points
ID: 36719321
add this to your CS:

#page5 .bg-top-shadow {display:none;}

that will hide that line on that page.
0
How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

 
LVL 1

Author Comment

by:rockas1982
ID: 36719431
i love you
0
 
LVL 1

Author Comment

by:rockas1982
ID: 36719446
do you have any idea for my second problem ?
0
 
LVL 8

Assisted Solution

by:cloud9manager
cloud9manager earned 200 total points
ID: 36719552
to center the menu you'll need to have it set to a specific width.. if won't work, centering it, and then changing items in the menu.. for example: if you set your menu items as you need,. then figure out the width and set .menu to that width.. then add margin:0 auto; to .menu.. and will center for you.

.menu {
width:700px; /* I'm guessing here */
margin:0 auto;
}
That will center the 700px menu within it's parent element. :)
0

Featured Post

Find Ransomware Secrets With All-Source Analysis

Ransomware has become a major concern for organizations; its prevalence has grown due to past successes achieved by threat actors. While each ransomware variant is different, we’ve seen some common tactics and trends used among the authors of the malware.

Join & Write a Comment

Suggested Solutions

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

744 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now