Solved

CSS BACKGROUND IMAGE REPEAT

Posted on 2011-09-27
6
886 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:Jesse Matlock
Jesse Matlock 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
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
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 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

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
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 embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

685 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