Jump to content

camdav72

Members
  • Content Count

    20
  • Joined

  • Last visited

Community Reputation

0 Neutral

About camdav72

  • Rank
    Newbie
  1. Also, I put the meta tag in the head after the problem arose to try and eradicate it but it obviously didn't, so the jquery scripts haven't worked in tandem in IE10 since I began testing compatibility...I'm at a complete loss as to what to do; aside from dropping the jquery script from my menu, but I really don't like to chuck the towel in and take the easy way out...
  2. Many thanks, I will check this out tomorrow when I get back from work...
  3. Hi, I'm having a glitch when testing the compatibility of my site in IE10. It works just fine in FF, safari and chrome on my macs, iPad and windows laptop. But my jquery navigation menu and fancybox image gallery just don't work.My site is under development and seems to be just dandy on all browsers except for IE10.:For some reason the menu bar and photo gallery, which are both powered by Jquery just dont work. I've noticed when I removed the fancybox scripts for my other pages the menu behaves but on my homepage in testing on IE10 on windows 8 it's not right. I also tried to link my jquery to the latest version on Google but all that seems to do is break my scripts in all browsers.Can anyone shed any light on this for me..., I've tried everything aside from going fxxk u to IE. I hate papering over problems, I like to resolve them...Here is my code:Code:<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script><script type="text/javascript" src="jQuery Sliding Flexible Menu v2/deploy/js/jquery.sliding-flexible-menu-v2.js"></script><script src="SpryAssets/SpryEffects.js" type="text/javascript"></script><link rel="stylesheet" type="text/css" href="jQuery Sliding Flexible Menu v2/deploy/css/sliding-flexible-menu-v2.css"><script type="text/javascript">$(document).ready(function() { //Horizontal $("div.menu-horizontal").slidingFlexibleMenuv2({ buttonSpacing: '1' }); $(".fancybox").fancybox( { transitionIn : 'elastic',transitionOut : 'elastic',easingIn : 'easeOutBack',easingOut : 'easeInBack',speedIn : '650',speedOut : '650',changeSpeed : '650', padding : '0px', });});function MM_effectAppearFade(targetElement, duration, from, to, toggle){ Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});}</script><script type="text/javascript" src="fancyapps-fancyBox-2bb0da9/source/jquery.fancybox.pack.js"></scr ipt><link type="text/css" rel="stylesheet" href="fancyapps-fancyBox-2bb0da9/source/jquery.fancybox.css">`Anyone got a clue why this aint working in IE????Full site herehttp://www.heggie5.webspace.virginmedia.comCheers
  4. Thanks dsonesuk, I had thought that was the case. I've had a look at the jquery code and cannot find them anywhere in it. I just want to increase the width to accommodate my wider font style. The developers answer was to use a different font... Not really a solution to my problem... Any ideas?
  5. Here is my site which I am developing - just to show exactly what I mean regarding the nab menu. I can get around it via an !important width in CSS but would like to know exactly where all these styles and rules are coming from: http://www.heggie5.webspace.virginmedia.com/index.html#
  6. I have a workaround by the !important CSS overrule but would like to know how to do it properly..
  7. Hello web wizards.I am currently developing my site and have downloaded a query menu to implement in it. I have successfully installed in into my page in dreamweaver and kind of successfully styled it to my design. I am having problems with the width of each menu item, the <a>. It seems that when I view the code in Safari-develop-view web inspector, that there is extra divs and inline styles that are not in my HTML page in dreamweaver. I am posting the snippet of the HTML and a screen grab of the page in browsers code... Can anyone give me some idea as to where the div class +holder horizontal maybe and where I can edit it. I have looked at the Javascript and cannot see anything relating to width or height in there either. Help Please...... <div class="container"> <div id="CS5Icons"><img src="images/CS55icons.png" width="199" height="37" alt="cs5 icons" /></div> <div id="followme"><img src="images/socmedicons.png" width="188" height="37" alt="facebook" /> <!-- end .followme --> </div> <div id="menu-wrap"><div class="menu-horizontal"><a href="#" class="active">Home</a><a href="#">Portfolio</a><a href="#">About me</a> <a href="#">Contact</a></div> </div>
  8. Sorry but I am abit of a noobie at this. What do you mean about my inconsistent charset metas? And the [if IE] are for a three pixel jot which was flagged by dreamweaver when I tested my html for browser compatibility. The other one is for the page flip javascript which I cannot seem to get to work in IE at all... Any help and advice is, believe me, greatly appreciated... I believe that the best way to learn something is to break it and I am feeling very broken at the moment!!!!!!
  9. Hiya guys, thought my site was going along just fine; was testing it frequently in Safari and Forefox on my mac and via my usb stick on the laptop in Safari, Firefox and IE9.All seemed grand... BUT when I u ploaded site and tested it in IE9 on the mrs laptop my horizontal menu bar is all over the place... I have been pulling my hair out for the last 6 hours trying to get to the bottom of it and would appreciate any advice you could give. The site is still under construction but have temporarily launched it here: http://www.heggie5.webspace.virginmedia.com/mosLink.html Also the page tuner works in all browsers EXCEPT IE9 - can anyone hekp me with any of these problems PLEASE? My CSS and HTML for the page is : <style>header ul#menu li:hover ul{display: block;} header ul#menu ul li a:hover{color: #000;}header ul#menu ul li:last-child{border-bottom: none}header ul#menu li{display: inline-block;}header ul#menu li a{border-top: 1px solid #d0e2ea;color: #fff;font-weight: bold;display: inline-block;display: block;line-height: 40px;margin-right: 1px;text-decoration: none;text-shadow: 0 -1px rgba(0, 0, 0, 0.25);border-radius: 3px 3px 0 0;padding-top: 0px;padding-right: 15px;padding-bottom: 0;padding-left: 0px;font-size: 130%;font-style: normal;background-color: #621517;height: 41px;text-align: left;vertical-align: bottom;}header ul#menu li > ul{display: none;}header ul#menu li a:hover{background: #fff;border-top-color: #fff;color: #666;text-shadow: none;}header ul#menu ul {background: #fff;border-bottom: 1px solid rgba(0, 0, 0, 0.1);display: none;margin-left: 0;margin: 0;padding: 5px 0 0 0;position: absolute;}header ul#menu ul li{border: 1px solid rgba(0, 0, 0, 0.1);border-width: 0 1px;float: none;list-style: none;margin: 0;padding: 0;}header ul#menu ul li a{background: none;color: #666;font-weight: normal;font-size: 12px;margin: 0 20px;padding: 0;text-shadow: none;border-top-style: none;}header ul#menu li a.home-icon span{display: block;text-indent: 22px;overflow: hidden;text-align: left;direction: ltr;background-image: url(IMAGES/home-icon.png);background-repeat: no-repeat;background-position: left center;}header ul#menu li a.home-icon:hover span{background-image: url(IMAGES/home-icon-hover.png);background-repeat: no-repeat;background-position: left center;}header ul#menu li a{margin-top: 5px;padding-left: 10px;padding-top: 3px;float: left;}header{display: block; /* Compatibility fix */}header:after{background: rgba(0, 0, 0, 0.1);content: ' ';height: 0px;position: absolute;width: 100%;z-index: 10;}header ul#menu{border-bottom: 5px solid #fff;overflow: hidden;list-style: none;padding-right: 10px;padding-bottom: 0;padding-left: 10px;clear: left;top: 0px;margin-top: 0;margin-bottom: 0;margin-left: 250px;}header h1 {font-family: Garamond;color: #FFFFFF;font-weight: lighter;text-align: left;padding-top: 0px;font-size: 36px;padding-left: 250px;display: block;float: left;word-spacing: -2px;}#footer .footer {width: 890px;margin-right: 0px;margin-left: 35px;font-size: 13px;color: #FFFFFF;float: left;line-height: 3px;margin-top: -10px;padding-top: 0px;text-align: center;vertical-align: top;}#apDiv3 {float: right;width: 700px;position: absolute;top: 30px;padding-left: 230px;} #wrapper {width: 960px;margin-right: auto;margin-left: auto;}body {background-color: #FFF7DD;background-image: url(IMAGES/headerweb150px.jpg);background-repeat: repeat-x;} #apDiv2 {position:absolute;width:205px;height:156px;z-index:1;float: right;top: 7px;} #apDiv1 {position:absolute;width:200px;height:115px;z-index:1;}#apDiv3 {position:absolute;width:708px;height:52px;z-index:2;}#bookflip{color:#ffffff;}.topmargin {margin-right: auto;margin-left: auto;width: 960px;padding-top: 20px;margin-top: 10px;position: relative;}.previousButton {background-image: url(IMAGES/mikeBook/previous.png);background-repeat: no-repeat;height: 40px;width: 90px;margin-top: 20px;margin-right: 2px;margin-bottom: 2px;margin-left: 2px;background-color: #000000;}.nextButton {background-image: url(IMAGES/mikeBook/nextBut.png);background-repeat: no-repeat;height: 40px;width: 90px;margin-top: 20px;margin-right: 2px;margin-bottom: 2px;margin-left: 2px;background-color: #000000;}body,td,th {font-family: "Century Gothic", "ITC Avant Garde Gothic Book", "Avant Garde", "Trebuchet MS", Tahoma, Verdana, "Gill Sans", Geneva, sans-serif;font-size: 13px;}#footer {background-color: #621517;clear: both;float: left;width: 960px;padding-top: 0px;margin-top: 8px;} #footer .footer p a {text-decoration: none;color: #FFFFFF;cursor: auto;}#movemenu #menu {top: 0px;margin-top: 90px;}#whitecontent {background-color: #FFFFFF;float: left;width: 960px;margin-right: auto;margin-left: auto;margin-top: -10px;border-top-left-radius: 7px;border-top-right-radius: 7px;box-shadow: 0px 2px 9px 1px #000000;position: relative;min-height: 550px;}#Framework {width: 940px;margin-left: 10px;height: 550px;float: left;position: relative;background-image: url(IMAGES/bookback.jpg);background-repeat: no-repeat;background-position: 0px 80px;}</style><script type="text/javascript" src="bookflip_v4.1/bookflipjs/bookflip.js"></script></script><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <!--[if lt IE 9]>above<![endif]--></head><body><div id="wrapper"> <!--[sTART of WRAPPER FOR PAGE div--> <div id="heeder"> <!--[sTART of HEEDER div--> <header> <div id="apDiv2"><img src="IMAGES/ysiabLogo.png" width="245" height="138" alt="your story logo"></div> <div id="apDiv3"><img src="IMAGES/MameMems.png" width="738" height="45" alt="Memories text"></div> <div id="movemenu"> <!--[sTART of MENU CASING div--><ul id="menu"> <li><a href="index.html" class="home-icon"><span>Home</span></a></li> <li><a href="browseflash3.html">Browse our books</a></li> <li><a href="whichBookYou.html">Which book for you?</a></li> <li><a href="HowYourBook.html">Order your book</a></li> </ul> </div> <!--[END of MENU CASING div--> </header> <!--[END of HEEDER div--> </div> <!--[END of HEEDER div-->
  10. Cheers for all the help with this people..
  11. Can anyone give me some pointers/advice or even a code review on my code?
  12. Cheers friend. I will check it out
  13. Hi, I have launched my first website and its not showing at all in Google. As I am a newbie, I could do with some hints, tips and or advice as to what to do to my HTML to get a (better) ranking. I ran the code validator in dreamweaver and it came up with tons of errors... I will post code - I hope this is okay??? <!DOCTYPE html><html><head><title>Your Story in a Book</title> <meta name="Your Story in a Book" content="Story Book, Retirement Book, Wedding Book, Norman MacDonald, Photo Book,Christening Book, Corporate Book " /> <meta name="StoryBook, Wedding, Your Story, Christening Book, Corporate Book " content="We�re sure you�ll agree that memories of special times are priceless and worth saving forever. Here, at Your Story In A Book, we�re giving you the chance to keep those treasured memories alive forever, by having your story told in a stylish, hardback coffee table book." /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" /> <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--><meta charset="UTF-8" /> <style type="text/css"> #apDiv1 {position:absolute;width:200px;height:115px;z-index:1;} #apDiv2 {position:absolute;width:205px;height:156px;z-index:1;float: right;top: 7px;}#apDiv3 {position:absolute;width:708px;height:52px;z-index:2;} #heeder {width: 960px;margin-right: auto;margin-left: auto;} #content {background-color: #FFFFFF;width: 960px;margin-right: auto;margin-left: auto;position: relative;height: 330px;float: left;top: -4px;} #contenttext h1 {font-size: 15px;font-style: normal;margin-bottom: 1px;font-family: "Century Gothic", "ITC Avant Garde Gothic Book", "Avant Garde", "Trebuchet MS", Tahoma, Verdana, "Gill Sans", Geneva, sans-serif;font-weight: normal;line-height: 17px;}#contenttext h2 {font-family: "Century Gothic", "ITC Avant Garde Gothic Book", "Avant Garde", "Trebuchet MS", Tahoma, Verdana, "Gill Sans", Geneva, sans-serif;font-size: 117%;font-weight: normal;line-height: 130%;}.bodymainp {font-family: "Century Gothic", "ITC Avant Garde Gothic Book", "Avant Garde", "Trebuchet MS", Tahoma, Verdana, "Gill Sans", Geneva, sans-serif;font-size: 105%;line-height: 140%;font-weight: normal;color: #000000;}.Pageheader {font-family: Garamond, Times, "Times New Roman", Palatino, "Palatino Bold", "MS serif", serif;font-size: 250%;line-height: 125%;color: #990000;overflow: hidden;text-indent: -3333px;background-image: url(IMAGES/turnyourstory.jpg);background-repeat: no-repeat;height: 67px;width: 905px;background-position: 139px;margin-bottom: 1px;} #footer .footer p a {text-decoration: none;color: #FFFFFF;cursor: auto;filter: Xray;} </style> <link href="style.css" rel="stylesheet" type="text/css"> <!-- Start WOWSlider.com HEAD section --><link rel="stylesheet" type="text/css" href="engine1/style.css" media="screen" /><style type="text/css">a#vlb{display:none}</style><script type="text/javascript" src="engine1/jquery.js"></script><script type="text/javascript" src="engine1/wowslider.js"></script><!-- End WOWSlider.com HEAD section --> <!-- Start WOWSlider.com HEAD section --><link rel="stylesheet" type="text/css" href="engine1/style.css" media="screen" /><style type="text/css">a#vlb{display:none}body,td,th {font-family: "Century Gothic", "ITC Avant Garde Gothic Book", "Avant Garde", "Trebuchet MS", Tahoma, Verdana, "Gill Sans", Geneva, sans-serif;} .contentextH2 {font-family: "Century Gothic", "ITC Avant Garde Gothic Book", "Avant Garde", "Trebuchet MS", Tahoma, Verdana, "Gill Sans", Geneva, sans-serif;font-size: 132%;font-weight: bold;line-height: 100%;} #contenttext img {padding-left: 6px;margin-right: -10px;float: right;right: -3px;position: relative;top: -10px;} </style><script type="text/javascript" src="engine1/jquery.js"></script><script type="text/javascript" src="engine1/wowslider.js"></script><!-- End WOWSlider.com HEAD section --> </head><body bgcolor="#CCCCCC"><div id="wrapper"> <div id="heeder"> <header> <div id="apDiv2"><img src="IMAGES/ysiabLogo.png" width="245" height="138" alt="your story logo"></div> <div id="apDiv3"><img src="IMAGES/MameMems.png" width="738" height="45" alt="Memories text"></div> <p> </p> <p> </p> <p> </p> <ul id="menu"> <li><a href="home.html" class="home-icon"><span>Home</span></a></li><li></li><li><a href="HowYourBook.html">Order your book</a></li><li><a href="browseflash3.html">Browse our books</a></li><li><a href="whichBookYou.html">Which book for you?</a></li> </ul> </header> </div><div id="contentarea"> <p/> <h1 class="Pageheader">Turn Your Story into a Book</h1> <p/> <!-- Start Slider BODY section id=wowslider-container1 --><script type="text/javascript" src="engine1/script.js"></script><!-- End Slider BODY section --> <div id="content"><!-- Start Slider BODY section id=wowslider-container1 --><div id="wowslider-container1"><div class="ws_images"><span><img src="data1/images/titleok.jpg" alt="TitleOk" title="TitleOk" id="wows0"/></span><span><img src="data1/images/lovestoryok.jpg" alt="lovestoryOk" title="lovestoryOk" id="wows1"/></span><span><img src="data1/images/famhistok.jpg" alt="FamHistOk" title="FamHistOk" id="wows2"/></span><span><img src="data1/images/birthdayok.jpg" alt="BirthdayOk" title="BirthdayOk" id="wows3"/></span><span><img src="data1/images/specialannivok.jpg" alt="specialAnnivOk" title="specialAnnivOk" id="wows4"/></span><span><img src="data1/images/personalachok.jpg" alt="personalAchOk" title="personalAchOk" id="wows5"/></span><span><img src="data1/images/retireok.jpg" alt="retireOk" title="retireOk" id="wows6"/></span><span><img src="data1/images/kidsok.jpg" alt="kidsOk" title="kidsOk" id="wows7"/></span><span><img src="data1/images/busok.jpg" alt="busOk" title="busOk" id="wows8"/></span></div><a style="display:none" href="http://wowslider.com">Background Image Slideshow jQuery by WOWSlider.com v2.0m</a><div id="wowslider-frame"></div><div id="wowslider-shadow"></div></div><script type="text/javascript" src="engine1/script.js"></script><!-- End Slider BODY section --></div> <div id="contenttext"> <img src="IMAGES/booksTitle3.jpg" alt="sample books" width="283" height="289" align="right"><span class="contentextH2">We’re sure you’ll agree that memories of special times are priceless and worth saving forever.</span><p> <span class="bodymainp">Here, at Your Story In A Book, we’re giving you the chance to keep those treasured memories alive forever, by having your story told in a stylish, hardback coffee table book.</span></p> <p> <span class="bodymainp">Our team of professional writers and designers lead by award-winning journalist and author, Norman Macdonald will turn your own story into a large-sized luxury book of words and pictures.</span> </p> <p> <span class="bodymainp">And that means you, your family, friends and future generations can read about your life, your special times and your achievements.</span></p> <p> <span class="bodymainp"> We also give companies and organisations a unique way of promoting their business by impressing clients and customers with the story of their company in our large format books.</span></p> <p><span class="bodymainp">We will interview you in the comfort of your own home or office and you can then order a single coffee table book to as many books as you want, featuring any aspect of your life. </span> </p> <p><span class="bodymainp"> ‘And if you give one of our books as a gift, just imagine the delight you would see on the face of a loved one, a friend, or colleague when you present them with a book featuring their own story.’</span> </p> </div> <div id="sidebar"> <h2>YOUR BOOK COULD BE ABOUT</h2> <p class="sidebarlist">A couple’s own love story from the day they met to their wedding day<br> <br> <strong>Family history<br> <br> </strong>A Landmark birthday<br> <br> <strong>A special anniversary<br> <br> </strong>Personal achievement <br> <br> <strong>A lifetime’s work on retirement<br> <br> </strong>Your child’s early years<br> <br> <strong>Promoting your business</strong></p><p><img src="IMAGES/ysblogo160.png" alt="yourstorylogo 160px" width="160" height="75" class="cntrelogo"></p> </div> <div id="footer"> <div class="footer"> <p><strong>Copyright</strong> © Yourstoryinabook.co.uk 2012 <strong>Contact:</strong><a href="mailto:norman@yourstoryinabook.co.uk">norman@yourstoryinabook.co.uk</a><a href="mailto:info@macdonald-media.co.uk"> <strong>Telephone:</strong></a>01505 816980<a href="mailto:info@macdonald-media.co.uk"><strong> </strong> </a></p> <p><strong>Design by me</strong></p> </div> </div> </div></div></body></html>
  14. Ok, I am kinda new to DW and HTML so please bear with me here... I get the whole code part for checking the box but how do I prevent the user from proceeding from page without checking it. I want them to click box to accept terms before they can proceed and click 'purchase'...
×
×
  • Create New...