Vital Works

Thanks for replying. My source code is a bit messy right now where I've been trying a few bits. I've decided to link to a new page and put the form there instead but thanks for offering your help. Jon.

Hi, I wondered if someone could please help. I have a page, index.php, that has two different forms collecting different information. The PHP code for the first form is on the page, as this form was here first. I've just added the second but its action it references to another page, contact.php so when the submit button is pressed, it executes the code on that page. Only problem is, when I press submit, the page appears to be executing the PHP code on index.php. In other words it seems to be submitting both forms and as a result I'm getting validation errors on a form I don't want to submit. How can you make it so that this doesn't happen! Jon.

Hiya, Can somebody please help? I'm trying to use jquery's toggleClass to reveal/hide text by toggling classes with different height attributes. my jquery code is as follows: $(function() { $(".button").click(function() { $('.latestActual').toggleClass('newClass', "fast"); return false; }); }); My HTML is as follows: (there'll be multiple instances of the below code stacked on top of each other) <div class="dateAndTitle"> <div class="dateBox"> <h3>20th January 2010</h3> </div> <div class="latestTitle"> <h3>Extended Title Blah Blah Blah.</h3> </div> <br class="clearing" /> </div> <div class="latestActual"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque.</p> </div> <div class="moreNews"> <p class="button"><a href="#">show/hide</a></p> </div> My problem is that when I click the show/hide button, all the classes expand. I'm not able to give the divs different class names due to the way the CMS creates multiple news items using a template, so they'll all have the same class name. Does this make sense?? I'm hoping I haven't approached this in the completely wrong way.. Jon.

Can someone please recommend a good tell a friend script where a brief form sends the current pages URL to a friend/colleague? Cheers, Jon.

Hi all, I've been browsing online and have seen various tell a friend scripts but wanted to know if anyone can recommend a good one that they use? Effectively, I'm looking for a script where a button can open a jscript window or preferably allow me to use a lightbox where a user can enter a friends email address to send the URL he is currently on. Also, if possible, retaining the information for data capture (although not that important) Any help appreciated as always. Jon.

Thanks for your advice Wickham. I've gone with your overflow option. I usually use the following code when trying to force a parent div around two floated child divs. It normally works, but this time it didn't. <br class="clearing" /> I have a .clearing class is my CSS: .clearing { line-height: 1px; margin: 0px; padding: 0px; clear: both; } This normally makes the parent div clear the floated ones if I place the above html just before the closing parent div. I appreciate your advice. Jon.

Fixed it! Simply needed to add height 100% to my CSS. .contentMid { background-image: url(../images/contentMid_bg.gif); background-repeat: repeat-y; height: 100%; <----- } Plus some minor adjustments to margins/padding for IE only. Thanks for looking at my post anyway- i hope this can help people with similar problems. Jon.

Hi all, I've read a few forum entries over the net trying to figure out why this is happening but can't seem get a specific answer. I'm building a website with a content area that grows with the content, so it has a top, a middle, and a bottom. I've used the following css with the middle content: .contentMid { background-image: url(../images/contentMid_bg.gif); background-repeat: repeat-y; } Only problem is, the gif won't repeat-y on IE7! It works fine on FF and IE6 & IE8. Also, I've used this technique on previous sites and it worked fine. Can anybody please help? site is Test Site Cheers, Jon.

Hi James, Info looks good, thanks very much for your help.

Can anybody please advise the best way to send images in forms. I have a good form script that I use and have created the neccesary input type="file" tags and have it all styled up. On testing, the form sends the email and where it says image1 as the value, it just says whatever.jpg. The actual image isn't attached on the email. Can anybody point me in the direction of a php script with good validation and anti spam (like the good Jemjabella one) that also has the facilty to send images through the server so an email recipient can receive as an attachment? Big ask, but thanks in advance for any responses. Jon.

mteam- thanks for your suggestion to get rid of the wrapper div height- that sorted the footer issue. Must've been a reason why I put that there in the first place. mrsminkie- thanks for your input about having the peel as the background, but unfortunately it didn't work. The relative positioning also didn't work athough it should do as it's position should be relative to the body but for some reason it's still clinging to the contaiers 1000px. ?? Absolute positioning seems to work the same as not defining a position altogether- just floating it. It's weird. The issue only occurs when I test the page on my 1024x768 monitor. If I test on 1280x1024, everything drops into place... I changed my CSS to the following: #peel { float: left; background-image: url(../images/peel.png); background-repeat: no-repeat; position: relative; height: 93px; width: 90px; } ....but I may change back to how I had it before... I'll keep plugging away but again, any input greatly appreciated. Jon.

Hi- thanks for your reply. I've tried the absolute position thinking this would also 'stick' the peel to the top left but for some reason it confines it to the outer edge of the 1000px container, even though it is outside of it. I'll try the other suggestions you gave me. I may also try to reduce the width of the div that's wrapped around the nav and logo to see if that makes space for the peel. If that doesn't work I'll post again for more suggestions. Thanks again. Jon.

Hi, I'm just finishing up on my website (to replace my rather garish current one) and I'm struggling with some alignment/IE7 oddness issues. Right, my URL is http://www.test.vitalworks.co.uk (username 'a' password 'a') In Firefox and IE8, I have no alignment issues (except for one I've just created on an image in the web design tab on the services page, but I can rectify that one). In IE7, I've floated a nice little peel revealing HTML code in the top left and next to it there is my logo. Next to this there is my main nav area. The peel is floated outside of the container so it always sticks to the top left of whatever screen res you have. The container has a width of 1000px and the logo and nav sit inside this. In IE7, the floated peel is causing issues- it pushes everything down below it, even though it's floated. I've tried removing the logo (to see what happens), changes various CSS attributes but the only way to rectify it seems to be to remove the peel, and I'd quite like to keep it there. Another issue is the footer riding up behind my services page tab system in IE7. Again, tried clearing the floated div, adding clearing classes and sticking them in the HTML below the tab area etc, but the footer stays put, right where I dont want it! If you need further info, I'll be tracking this thread regularly for answers. Thanks in advance, I appreciate any help I can get. Jon.

mrsminkie and mteam- thanks both for your help. I'll try both your suggestions later- should maybe have thought about using a gif! The CSS reset is an ongoing concern!

Hello all, I wondered if someone could please help- i've almost finished a new site for a client- just some content to be added etc.. I always design using Firefox to preview my sites and then adapt additional style sheets using conditional comments etc for IE. I've just tested my site in IE7 (works well in IE8) and there seems to be an issue with the PNG's I've used to surround the content. You'll see what I mean when you preview in IE8 and then in IE7. Does anyone know what's going on here? I use a slice of a background image and then repeat down so the background expands with the content. www.its4cctv.co.uk Any help would be appreciated. Regards, Jon Young.

Thanks for your help. I'll look at this link.

Thanks for your reply. Are you aware of any decent PHP form scripts I could look at to use with my website? I have a PHP script which isn't protected at all. How do I implement a Captcha? I have zero experience in PHP programming!

Hello all, I am just about to finish a website for a client but I'm struggling to find a suitable form script for the contact page. I've just pulled the first website I created a few years back as spam bots harvested my form info and have been relentlessly bombarding me with junk mail. Thankfully the emails have stopped, but I'm cautious now about how to approach contact forms. I've read alot about captchas, math-guards, spam preventative questions, hidden fields, etc.. but would like to know from experience what other designers use and trust. Captchas to me look a bit unsightly- i have seen some more attractive examples on the net but am unsure where to find the resources. I like the idea of preventative questions ie: 'What colour is the sky?', but again am unsure how to implement this. Any advice or recommendations are gratefully received. Regards, Jon

Hello all, I am just about to finish a website for a client but I'm struggling to find a suitable form script for the contact page. I've just pulled the first website I created a few years back as spam bots harvested my form info and have been relentlessly bombarding me with junk mail. Thankfully the emails have stopped, but I'm cautious now about how to approach contact forms. I've read alot about captchas, math-guards, spam preventative questions, hidden fields, etc.. but would like to know from experience what other designers use and trust. Captchas to me look a bit unsightly- i have seen some more attractive examples on the net but am unsure where to find the resources. I like the idea of preventative questions ie: 'What colour is the sky?', but again am unsure how to implement this. Any advice or recommendations are gratefully received. Regards, Jon