Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Nov 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Looking for some help.

    I just recently purchased my website to be designed and coded.
    and i'm noticing that on firefox and google chrome everything works correctly.
    but on Internet Explorer it doesnt.

    http://www.loveweddingmusicservices.com/index.php

    is what my website is.
    Code:
    <?php
    include('header.php');?>
    <script type="text/javascript">
        $(window).load(function() {
        	$('#slider').nivoSlider({
                effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
                slices: 15, // For slice animations
                boxCols: 8, // For box animations
                boxRows: 4, // For box animations
                animSpeed: 500, // Slide transition speed
                pauseTime: 10000, // How long each slide will show
                startSlide: 0, // Set starting Slide (0 index)
                directionNav: true, // Next & Prev navigation
                controlNav: false, // 1,2,3... navigation
                controlNavThumbs: false, // Use thumbnails for Control Nav
                pauseOnHover: false, // Stop animation while hovering
                manualAdvance: false, // Force manual transitions
                directionNavHide: false,
                prevText: ' ', // Prev directionNav text
                nextText: ' ', // Next directionNav text
                randomStart: false, // Start on a random slide
                beforeChange: function(){}, // Triggers before a slide transition
                afterChange: function(){}, // Triggers after a slide transition
                slideshowEnd: function(){}, // Triggers after all slides have been shown
                lastSlide: function(){}, // Triggers when last slide is shown
                afterLoad: function(){} // Triggers when slider has loaded
            });
        });
    </script>
    <div id="body">
    	<div id="banner" style="width: 699px; height:209px;">
    		<div class="slider-wrapper theme-default">
                <div id="slider" class="nivoSlider">
                    <a href="http://www.facebook.com/LoveWeddingMusicServices" target="_blank"><img src="images/index-banner1.png" data-thumb="images/index-banner1.png" alt="Wedding services." title=""/></a>
                    <img src="images/index-banner2.png" data-thumb="images/index-banner2.png" alt="Now booking 2013-2014, contact us now!" title="" />
                    <img src="images/index-banner3.png" data-thumb="images/index-banner3.png" alt="Now offering photo booth rental services!" title="" />
                </div>
            </div>
        </div>
        
        <!--
    		<img src="images/index-banner1.png" alt="Wedding & Music Services"/>
    	-->
    	
    	<div id="content" style="float:left;">
            <a href="packages.php"><div class="red roundedbutton" title="Packages"><img src="images/index-packages.png" alt="Packages" style="position:relative; top:50%; left:50%; margin-top:-9px; margin-left: -79px;"/></div></a>
            <a href="gallery.php"><div class="black roundedbutton" title="Gallery"><img src="images/index-gallery.png" alt="Gallery" style="position:relative; top:50%; left:50%; margin-top:-9px; margin-left: -67px;"/></div></a>
            <a href="testimonials.php"><div class="red roundedbutton" title="Testimonials"><img src="images/index-testimonials.png" alt="Testimonials" style="position:relative; top:50%; left:50%; margin-top:-9px; margin-left: -106px;"/></div></a>
        </div>
        
        <div style="margin-top:-1px; float: right;">
            <img src="images/index-welcome.png" alt="Welcome to L.O.V.E. Wedding & Music Services! Serving London and surrounding area, we offer music for any occasion and our rates are affordable! We will use our years of musical experience to help make your special day even more memorable!"/>
        </div>
        
    </div>
    
    <?php include ('footer.php');?>
    my index.php

    Code:
    <html>
        <head>
        <title>L.O.V.E Wedding & Music Services</title>
    
        <meta name="description" content="Provide Wedding Music Services, Photo Booth rentals for Weddings and Events in South Western Ontario.  Serving London, Sarnia, Chatham Woodstock." />
    	<meta name="keywords" content="London Ontario Music Services, Photo booth rentals, London Ontario weddings, Photo booth, Photo Booth, Rentals, Ontario, Wedding, Sarnia, London, Chatham" />
        
    	<link rel="shortcut icon" href="images/favicon.ico"></link>
        <link rel="stylesheet" type="text/css" href="styles.css" />
    
        <script type="text/javascript" src="javascript/jquery-1.8.2.min.js"></script>
        <script type="text/javascript" src="javascript/scripts.js"></script>
        
        <script type="text/javascript">
    
    	  var _gaq = _gaq || [];
    	  _gaq.push(['_setAccount', 'UA-35945935-1']);
    	  _gaq.push(['_trackPageview']);
    	
    	  (function() {
    	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    	  })();
    
    	</script>
        
        <?php if (strpos($_SERVER['PHP_SELF'], 'gallery.php'))
        echo '<script type="text/javascript" src="fancybox/jquery.fancybox.pack.js"></script>';
        echo '<link rel="stylesheet" href="fancybox/jquery.fancybox.css" type="text/css" media="screen" />';
        ?>
        
        <?php if (strpos($_SERVER['PHP_SELF'], 'index.php'))
        echo '<link rel="stylesheet" href="nivo-slider/nivo-slider.css" type="text/css" media="screen" />';
        echo '<script type="text/javascript" src="nivo-slider/jquery.nivo.slider.js"></script>';
        ?>
        
        
        </head>
    	<body>
    		<div id="container">
    			<div id="header">
    				<div id="logo" title="L.O.V.E Wedding & Music Services"></div>
    				
    				<a href="http://www.facebook.com/LoveWeddingMusicServices" target="_blank"><div id="facebook" title="Like us on Facebook"></div></a>
    				<a href="http://www.twitter.com" target="_blank"><div id="twitter" title="Follow us on Twitter"></div></a>
    				
    				<div id="menu">
    					<a href="index.php"><div id="menuhome" class="menuitem <?php if (strpos($_SERVER['PHP_SELF'], 'index.php')) echo 'currentpage';?>" title="Home" style="width:37px; background: url(images/menu-home.png) 0 0 no-repeat;"></div></a>
    					<div class="menudivider"></div>
    					<a href="gallery.php"><div class="menuitem <?php if (strpos($_SERVER['PHP_SELF'], 'gallery.php')) echo 'currentpage';?>" title="Gallery" style="width:59px; background: url(images/menu-gallery.png) 0 0 no-repeat;"></div></a>
    					<div class="menudivider"></div>
    					<a href="packages.php"><div class="menuitem <?php if (strpos($_SERVER['PHP_SELF'], 'packages.php')) echo 'currentpage';?>" title="Packages" style="width:70px; background: url(images/menu-packages.png) 0 0 no-repeat;"></div></a>
    					<div class="menudivider"></div>
    					<a href="about.php"><div class="menuitem <?php if (strpos($_SERVER['PHP_SELF'], 'about.php')) echo 'currentpage';?>" title="About" style="width:45px; background: url(images/menu-about.png) 0 0 no-repeat;"></div></a>
    					<div class="menudivider"></div>
    					<a href="contactus.php"><div class="menuitem <?php if (strpos($_SERVER['PHP_SELF'], 'contactus.php')) echo 'currentpage';?>"  title="Contact Us" style="width:80px; background: url(images/menu-contactus.png) 0 0 no-repeat;"></div></a>
    				</div>
    			</div>
    my header.php

    Code:
    <div id="footer">
    	<img src="images/footer-copyright.png" alt="&copy; 2012 L.O.V.E Wedding & Music Services" style="float:left;"/>
    	<a href="http://www.can-o-art.com" taget="_blank"><img src="images/footer-designby.png" alt="Website by CAN-O-ART Marketing and Design " style="float:right;"/></a>
    </div>
    
    <!-- End of container. -->
    </div>
    
    </body>
    </head>
    </html>
    footer.php

    Code:
    body,
    html{ font-family:"Bell Gothic Std", Geneva, Verdana, Arial, Helvetica, sans-serif; color:#000000; background: black url(images/scrog-back.jpg) no-repeat fixed center 0; border:0px; margin:0px;}
    
    #content a:link, a { color:rgb(168, 28, 34); font-weight:bold; text-decoration: none; font-size: 1em;}
    #content a:visited { color:rgb(168, 28, 34); font-weight:bold; font-size: 1em; }
    #content a:hover { color:#000000; font-weight:bold; font-size: 1em; }
    #content a:active { color:rgb(168, 28, 34); font-weight:bold; font-size: 1em; }
    h3 { color: #000000; font-size: 1em; font-weight: normal; display: inline; }
    h2 { color: rgb(168, 28, 34); font-size: 1.5em; font-weight: bold; display: inline; }
    h1 { color: #000000; font-size: 2em; font-weight: bold; display: inline; }
    table { font-size: 0.9em}
    
    /* Structure of the Page in CSS */
    #container { position:relative; width:1100px; background: url(images/backdrop.png) no-repeat; margin: auto;}
    #header { position:relative; width:715px; height:119px; margin:auto;}
    #body { position:relative; width:699px; height:437px; background:white; padding:8px; margin:auto;}
    #footer { position:relative; width:715px; height:15; margin:auto;}
    
    /* Header */
    #logo { position:absolute; top:0px; left:19px; width:299px; height:119px; background-image: url(images/header-logo.png);}
    #menu { position:absolute; bottom:16px; right:0px; width:358px; height:10px; }
    .menuitem { float:left; height:9px; padding-left:6px; }
    .menuitem:hover { background-position: 0 -9px !important; }
    .menuitem:focus { background-position: 0 -9px !important; }
    .menuitem:active { background-position: 0 0px !important; }
    .currentpage { background-position: 0 -18px !important; }
    .menudivider { float:left; width: 3px; height:10px; background: url(images/menu-divider.png) 0 0 no-repeat; padding-right:6px; }
    #twitter { position:absolute; top:13px; right:0px;  width:59px; height:59px; background: url(images/header-twitter.png) 0 0 no-repeat; }
    #twitter:hover { background-position: 0 -59px; }
    #twitter:active { background-position: 0 -118px; }
    #facebook { position:absolute; top:13px; right:60px; width:59px; height:59px; background: url(images/header-facebook.png) 0 0 no-repeat; }
    #facebook:hover { background-position: 0 -59px; }
    #facebook:active { background-position: 0 -118px; }
    
    /* Gallery */
    #portfolio-main{
    	width:630px;
    	height:380px;
    	margin:0px auto;
    }
    .porftolio-item{
    	float: left;
    	
    	margin:5px;
    	
    	background:#f1f1f1;
    }
    .pf-box-top{
    	height:6px;
    	background:#f1f1f1;
    	float:left;
    }
    .pf-box-mid{
    	border-left:1px solid #e5e5e5; 
    	border-right:1px solid #e5e5e5;
    	padding:0px 8px 8px 8px;
    	float:left;
    }
    
    .pf-box-mid h5{
    	margin:8px 0px 12px 0px;
    	color:#2d2d2d;
    	padding-bottom:9px;
    	border-bottom:1px solid #e5e5e5;
    }
    .pf-box-bottom{
    	height:6px;
    	background:#f1f1f1;
    	
    	float:left;
    }
    .pf-img{
    	border:1px solid #d3d3d3;
    }
    .port-image{
    	margin-bottom:9px;
    	float:left;
    }
    
    /* Portfolio testimonials styling */
    #portfolio-quote{
    	border-top:1px solid #dcdcdc;
    	padding-top:30px;
    	float:left;
    }
    #portfolio-quote h3{
    	margin-bottom:10px;
    }
    .commonPageListControlBar-pf{
    	height:30px;
    	margin-left:15px;
    	text-align:left;
    	float:left;
    } 
    #tip7-title { text-align: left; }
    #tip7-title b { display: block; margin-right: 80px; }
    #tip7-title span { float: right; }
    
    /* Other */
    .red { background: rgb(168, 28, 34); }
    .red:hover { background: rgb(228, 88, 94); }
    .red:focus { background: rgb(228, 88, 94); }
    .red:active { background: rgb(168, 28, 34); }
    
    .black { background: rgb(0, 0, 0); }
    .black:hover { background: rgb(60, 60, 60); }
    .black:focus { background: rgb(60, 60, 60); }
    .black:active { background: rgb(0, 0, 0); }
    
    .roundedbutton
    {
    	width: 250px;
    	height: 74px;
    	margin-top: 3px;
    	
    	-moz-border-radius: 15px;
    	border-radius: 15px;
    }
    
    form { border: 5px solid rgb(220, 220, 220); border-radius: 5px; background: rgb(220,220,220); margin: 5px;}
    .formtitle { border: 5px solid rgb(168, 28, 34); border-radius: 5px; background: rgb(168, 28, 34); margin: 5px;}
    styles.css


    ---------

    If anyone could help me fix this i'd appreciate it.

    ---------

    Thanks

  • #2
    Regular Coder Custard7A's Avatar
    Join Date
    Jul 2010
    Location
    Australia
    Posts
    286
    Thanks
    32
    Thanked 33 Times in 33 Posts
    If you paid someone to make this, maybe you could ask them about it?

    If that's not an option, it would be appreciated if you are a little more specific about what problems are happening.

  • #3
    Regular Coder
    Join Date
    Jun 2011
    Location
    CA
    Posts
    105
    Thanks
    0
    Thanked 10 Times in 10 Posts
    Works fine for me in IE.
    And, yes, you need to tell the developer that he isn't finished until it works in the latest IE browsers.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •