?
Solved

CSS BACKGROUND IMAGE REPEAT

Posted on 2011-09-27
6
Medium Priority
?
961 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
6 Comments
 
LVL 15

Accepted Solution

by:
Eyal earned 1200 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:Jesse Matlock
Jesse Matlock earned 800 total points
ID: 36719321
add this to your CS:

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

that will hide that line on that page.
0
Optimize your web performance

What's in the eBook?
- Full list of reasons for poor performance
- Ultimate measures to speed things up
- Primary web monitoring types
- KPIs you should be monitoring in order to increase your ROI

 
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:Jesse Matlock
Jesse Matlock earned 800 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

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
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)
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses

800 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