samd102

Hi, I am having some trouble embedding youtube videos. I of course know about the simple embed code within youtube itself but I am trying to replicate the videos (not coded by me) that are present here: http://jamesgoodwin.co.uk/new-site/listen.html and add new clips (along the bottom row) The code is: <object width="300" height="300" style="float: left;padding: 5px;"> <param name="movie" value="http://www.youtube.com/watch?v=5bwdxPw3qNI&hl=en&fs=1&rel=0&color1=0x2b405b&color2=0x6b8ab6&border=1" /> <param name="allowFullScreen" value="true" /> <param name="allowscriptaccess" value="always" /> <embed src="http://www.youtube.com/watch?v=5bwdxPw3qNI&hl=en&fs=1&rel=0&color1=0x2b405b&color2=0x6b8ab6&border=1" width="300" height="300" align="middle" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true"></embed> </object> I have tried copying the code above and replacing the youtube URL unique to a different video within the 'value' and the 'embed src' tags but this doesn't seem to work. Can anyone advise how to replicate this kind of embedding method with other video clips? It would be greatly appreciated. Sam

mteam - that's brilliant - thank you so much. Feel stupid now - it was quite obvious! I was only looking at the slider.css styles. DOH! Thanks again. Sam

Hi - I am having real trouble customising a Javascript slider I am integrating into a new design. I have managed to customise everything so far except that the image (the first image that slides will not sit properly within the list item it is contained in. I have tried setting the padding and margin to 0 for both the ul and the li in the specific styles but no joy. I am now completely stumped. There seems to be some sort of padding or space within the list item (according to firebug) that stops the image from sitting 100% within the li (that is set to the correct height of 980px x 233px). The link is here: http://samdelara.co.uk/previews/new-design/index.html Can anyone offer any help or pointers? Would be a massive help!! Sam

Hi, I am a total noob when it comes to Javascript (and server-side languages). I am trying to add some fields to a form that is then validated by Javascript. The form to email script is done in php. The problem is whenever I try to add code to the below script, such as: && isPostcode() the form fails and just calls the sendquote.php script. Can anyone offer any reasons as to why this is? I am unsure is it is a problem with the Javascript or the php script... Any help would be greatly appreciated. For reference the link is here: http://banquetinghire.co.uk/ordersystem/quotation-form.htm (I didn't design the site!) Sam function checkAvailibility() { // re-calculate... calculate (); if ( isName() && isAddress1() && isTown() && isCounty() && isTel() && isYourEmail() && isFuncDate() && isFuncAdd1() && isFuncTown() && somethingToQuoteFor() && isYourEmailValid() ) { document.ordersummary.emailQuote.value = "No"; setValue(); return true; } else { return false; } } function isName() { if (document.ordersummary.Name.value=="") { alert ("\n Please Enter Your Name") document.ordersummary.Name.focus(); return false; } return true; } function isAddress1() { if (document.ordersummary.Address1.value=="") { alert ("\n Please Enter Your Address") document.ordersummary.Address1.focus(); return false; } return true; } function isTown() { if (document.ordersummary.Town.value=="") { alert ("\n Please Enter Your Town") document.ordersummary.Town.focus(); return false; } return true; } function isCounty() { if (document.ordersummary.County.value=="") { alert ("\n Please Enter Your County") document.ordersummary.County.focus(); return false; } return true; } //function isPostcode() { if (document.ordersummary.Postcode.value=="") { alert ("\n Please Enter Your Postcode") //document.ordersummary.Postcode.focus(); return false; } return true; } function isTel() { if (document.ordersummary.Tel.value=="") { alert ("\n Please Enter Your Telephone Number") document.ordersummary.Tel.focus(); return false; } return true; } function isYourEmail() { if (document.ordersummary.YourEmail.value=="") { alert ("\n Please Enter Your Email") document.ordersummary.YourEmail.focus(); return false; } return true; } function isFuncDate() { if (document.ordersummary.FuncDate.value=="") { alert ("\n Please Enter Your Function Date") document.ordersummary.FuncDate.focus(); return false; } return true; } function isFuncAdd1() { if (document.ordersummary.FuncAdd1.value=="") { alert ("\n Please Enter Your Function Address") document.ordersummary.FuncAdd1.focus(); return false; } return true; } function isFuncTown() { if (document.ordersummary.FuncTown.value=="") { alert ("\n Please Enter Your Function Town") document.ordersummary.FuncTown.focus(); return false; } return true; } //function isFuncPostcode() { if (document.ordersummary.FuncPostcode.value=="") { alert ("\n Please Enter Your Function Postcode") //document.ordersummary.FuncPostcode.focus(); return false; } return true; } function isemailonly() { if (document.ordersummary.emailonly.value=="") { alert ("\n Please Enter Your Email Address") document.ordersummary.emailonly.focus(); return false; } return true; }

Hi, I am building a website for a hosting company and have some issues with my layout everything seems fine all the major browsers but whenever I zoom out (on every browser) my layout breaks. The panel on the right drops down and the buttons (when further zooming out fall on top of each other). I'm sure this is something to do with the fact that I have used floats and my code may not be that neat at all. If anyone could offer any advice I would be very grateful! The link is here: http://samdelara.co.uk/previews/lwr-online/ Sam

I had a look and it seemed interesting, however, the client wants the original lightbox and there is a conflict between the prototype.js file and the jquery library. Does anyone know a solution to this? I've searched everywhere but nothing anyone has offered has stopped this conflict. Basically I want to use the standard lightbox and also this image preloader: JS: <script> function turnoffpreloader() { var preloader = document.getElementById("product_preloader"); var mainimage = document.getElementById("main_product_shot"); preloader.style.display = "none"; //mainimage.style.display = "block"; jQuery("#main_product_shot").fadeIn('slow', function() { //alert("testing"); }); } </script> HTML: <span id="product_preloader" style="display:block;position:absolute;top:280px;left:50%;margin-left:-10px;"></span> <img src="images/home.jpg" alt="" title="" onload="turnoffpreloader()" id='main_product_shot' style='display:none;' />

Thanks for the reply, I was using the lightbox but I too have had issues with it before. Colorbox looks very interesting and I am going to give it a try! Many thanks. Sam

Hi I have a project: http://studioaura.com/woodpeckerwindows/case-studies-carshalton-surrey.html It requires (a) an image preloader for the main image on the right to fade-in smoothly and also ( the standard lightbox script loading from the gallery image at the bottom left. The trouble is at the moment I can only have one or the other. Does anyone know why? I have fixed something similar before by changing the $ sign in the jquery script to 'jQuery'. However this is already present. Are there are any Javascript experts that could offer some advice as to how to get both scripts working? Cheers, Sam.

Hi, I just wondered what is actually standard practice in the industry in terms of coding websites from visuals? I was under the impression that websites should be designed in Photoshop and as a developer (not a designer) these visuals should be provided as layered PSD's with everything to the correct dimensions, literally 'ready for the web'. Is this the case? I currently work for a company that doesn't do this and provides me with flat, pdfs, as everything they design is done in Illustrator or Quark or InDesign (they are print based designers....) This often causes issues when trying to build sites as I can't export images to the correct dimensions, nothing is layered properly, I can't see what fonts are being used and they always have to have drop shadows in theor designs, which I then have to recreate in Photoshop!! Has anyone had this experience or can tell me exactly what the 'standard' professional process is? Cheers, Sam

Hi Zed, no I am not using CSS3 but I have now tried a solution that has the drop shadow png as the background of the slideshow container and the images (without drop shadows) fade in-out within this container, it seems to be working so far! Thanks for the reply though.... *stupid ie* Sam

Hi there, I am trying to integrate a jquery image transition / slideshow but for some reason the drop shadows keep layering onto each other as the transition proceeds. Which means that you end up with a big black shadow as all the images are pulled in....the images are pngs..... This is in ie6 (obviously), ie7 and ie8. Has anyone got any ideas or resources that I could refer to? Would be great, Sam

Hi people, was wondering if anyone could help with an issue I have in ie7? I have a div that is set to 100% and I want to position a footer underneath this, to remain at the bottom of the viewport at all times. Now, of course in all decent browsers there is no issue but in ie7, this bottom div is not being cleared and is hanging over the main content div. I have tried a number of things to no avail. Can anyone offer any clues as to a solution? Is there something wrong with my code? The page in question is here: http://studioaura.com/new-design/index-new.html Thanks, Sam

Does anyone know how to ensure a CSS drop down menu goes OVER the existing content of a web page? And not hide behind it?

Hi guys - was there any resolution to this problem? I tried to download the rar file but couldn't..... Need it for an ongoing project... Cheers, Sam

Hi HogIT. Yes you're right. My problem was the multiple ie program I had installed. I have just removed it and reinstalled it and hey presto - all of a sudden the ie6 css works! Many thanks for taking the time to have a look and reply. Sam