ChrisLannister

Code pen link What I want:To fade our image, overlay text. Problem: It kind of does what I want but when you leave your mouse over the image, it goes through fade in / fade out loop.

Hi all I'm new to backbone and was working through an example. http://jsfiddle.net/#&togetherjs=e9hxxkRKq0 How would I go about removing the last child of the name array? What have I done wrong. Thank you in advance for your patience.

Yay, thank you guys, this works perfectly!

$invNo = $_POST['invNo'];$queryType = $_POST['typeOfQueryDropDownBox'];$details = $_POST['details']; $email_message .= "---------- Invoice Query 1 ----------"."n"; $email_message .= "Invoice No/Contract No: ".($invNo[0])."n"; $email_message .= "Type of Query: ".($queryType[0])."n"; $email_message .= "Details: ".($details[0])."nnn"; $email_message .= "---------- Invoice Query 2 ----------"."n"; $email_message .= "Invoice No/Contract No: ".($invNo[1])."n"; $email_message .= "Type of Query: ".($queryType[1])."n"; $email_message .= "Details: ".($details[1])."nnn"; $email_message .= "---------- Invoice Query 3 ----------"."n"; $email_message .= "Invoice No/Contract No: ".($invNo[2])."n"; $email_message .= "Type of Query: ".($queryType[2])."n"; $email_message .= "Details: ".($details[2])."nnn"; Yay! Thank you both! Still need to figure how to make a loop to spit the different queries in the e-mail, but this has been a great help

// * * * * * * * *Get all the vars * * * * * * *$name = filter_input(INPUT_POST, 'companyName', FILTER_SANITIZE_SPECIAL_CHARS); $contact = filter_input(INPUT_POST, 'contact', FILTER_SANITIZE_SPECIAL_CHARS);$phone = filter_input(INPUT_POST, 'phone', FILTER_SANITIZE_SPECIAL_CHARS);$email_from = filter_input(INPUT_POST, 'email', FILTER_SANITIZE_SPECIAL_CHARS);$invNo = filter_input(INPUT_POST, 'invNO', FILTER_SANITIZE_SPECIAL_CHARS); $queryType = filter_input(INPUT_POST, 'typeOfQueryDropDownBox', FILTER_SANITIZE_SPECIAL_CHARS);$details = filter_input(INPUT_POST, 'details', FILTER_SANITIZE_SPECIAL_CHARS);$generalDetails = filter_input(INPUT_POST, 'generalDetails', FILTER_SANITIZE_SPECIAL_CHARS);$hireRatesCB = filter_input(INPUT_POST, 'hireRatesCB', FILTER_SANITIZE_SPECIAL_CHARS);$supplyRatesCB = filter_input(INPUT_POST, 'supplyRatesCB', FILTER_SANITIZE_SPECIAL_CHARS);$salesmanVistCB = filter_input(INPUT_POST, 'salesmanVistCB', FILTER_SANITIZE_SPECIAL_CHARS); $email_message = "---------- Customer Details ----------nn"; $email_message .= "Company Name: ".($name)."n"; $email_message .= "Contact: ".($contact)."n"; $email_message .= "Phone: ".($phone)."n"; $email_message .= "Email: ".($email_from)."n"; $email_message .= "---------- Invoice Query ----------"."nn"; $email_message .= "Invoice No/Contract No: ".($invNo)."n"; $email_message .= "Type of Query: ".($queryType)."n"; $email_message .= "Details: ".($details)."n"; $email_message .= "---------- General Query ----------"."nn"; $email_message .= "Details: ".($generalDetails)."n"; $email_message .= "Request hire rates: ".($hireRatesCB)."nn"; $email_message .= "Supply catalogues: ".($supplyRatesCB)."nn"; $email_message .= "Salesman visit: ".($salesmanVistCB)."nn"; $email_to = "chris.harwood@hotmail.com"; $email_subject = "QUERY form from - " . $name . ", has been filled in.";// Mail Push'Reply-To: '.$email_from."rn" .'X-Mailer: PHP/' . phpversion();mail($email_to, $email_subject, $email_message); ?> <!-- Confirmation message -->Thank you for contacting us. We will be in touch with you very soon. Hi all, On my very basic form http://lannister.info/test/query.html I have a function that creates another invoice query box. It adds _1, _2 etc to the end of the var names.I'm not sure how to capture these additional vars on the PHP end and output them into the e-mail. I image I need to create an array for the vars and check for additional values with a loop? Not sure where to go from here. Many thanks!

.class1 a:hover{ color:black;} http://www.w3schools.com/css/css_link.asp For your example, call the span class. Have a play on js fiddle = http://jsfiddle.net/7s7CX/

http://coding.smashingmagazine.com/2007/05/18/30-best-solutions-for-image-galleries-slideshows-lightboxes/ You probably want a gallery script.

http://w3schools.invisionzone.com/index.php?showannouncement=9&f=6 Including the following information can expedite an accurate response from board members: [*]Must be a Specific Problem or Question related to web design and development This isn't a blog, please only ask questions we can answer!

Wow the site is starting to look good. Can you try adding/moving a clear fix div after your <ul>portfolio.group?

A quick fix might be to add a div immediately after your portfolio section? I'm not familiar with fancy box but wherever the transition is in the code, can you copy and paste that?

#custom-header img {margin: 0 auto 0 auto;} Does this not work?

Definitely tables have their place, but if OP wanted to really push the boat out and make this responsive (the width of the attached image is large) then CSS approach would be necessary. Not 100 % sure what the OP wants

I built this example for you http://jsfiddle.net/5nqxC/1/ You'll have to add your css but this should work fine.

Hi Just had a quick look, I presume you've sorted this issue? They seem to be exactly the same. Chris

http://jsfiddle.net/jg9NZ/ Check out the fiddle above for result. I believe your (Opera) width declaration was hurting you, also missing a display:inline. #navbar { width: 100%; border-bottom: 1px solid #ccc; padding: 10 10 10 10; }#dropdown { width: 960px; margin: 0 auto; padding: 0; height: 1em; text-transform: uppercase; text-align: center; font-weight: bold; }#dropdown li { list-style: none; float: left ; }#dropdown li a { padding: 3px 8px; text-decoration: none; }#dropdown li ul { display: none ; background-color: #fff; } #dropdown li:hover ul, #navbar li.hover ul { display: block; position: absolute ; margin: 0; padding: 0; border-bottom: 1px solid #ccc; }#dropdown li:hover li, #navbar li.hover li { float: left; }#dropdown li:hover li a, #navbar li.hover li a { background-color: #fff; color: #000; }.topnav a { color: #000; text-decoration: none; }.topnav a:hover { border-bottom: 1px solid gold; }.column { display:block;list-style-type: none;float: left;margin: 5px 0 0 0;padding: 0 5px 0 0;width:400px; }.column li{ float:left; display:inline;}.column a { color: #999; text-decoration: none; font-size: .7em; }.column a:hover { border-bottom: 0px; }