Solved

CSS BACKGROUND IMAGE REPEAT

Posted on 2011-09-27
6
878 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
Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
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

Title # Comments Views Activity
How to delete "dots" above Bootstrap 3 navbar 4 52
Index on a Table 6 25
VBScript on Html 15 47
<div class="clearfix"></div> not working on home slider 5 19
This article discusses how to create an extensible mechanism for linked drop downs.
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

809 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