Solved

CSS BACKGROUND IMAGE REPEAT

Posted on 2011-09-27
6
866 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
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
jQuery Animation faster 5 42
Error in page 3 45
Remove greater than sign 3 42
Error in script 11 45
Preface This is the third article about the EE Collaborative Login Project. A Better Website Login System (http://www.experts-exchange.com/A_2902.html) introduces the Login System and shows how to implement a login page. The EE Collaborative Logi…
JavaScript has plenty of pieces of code people often just copy/paste from somewhere but never quite fully understand. Self-Executing functions are just one good example that I'll try to demystify here.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
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…

911 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

20 Experts available now in Live!

Get 1:1 Help Now