Calling all web development experts!

[Webfunk]

Hi guys,

Not sure if this is the right place but I'm getting desperate...

I need some help implementing some markup and javascript into my site for a contact form. I have been following a tutorial for this specific form, step by step, and have everything in place. But for reasons unknown, it simply doesn't work the same way their demo does.

The tutorial can be found at http://tympanus.net/codrops/2010/06/07/fancy-sliding-form-with-jquery/ (great stuff on this site btw! haven't had issues with anything else on there)

And my 'form in progress' can be found at http://new.webfunkdesigns.com.au/contact.html (this is my new website redesign btw, feel free to let me know what you think )

So if anyone has any suggestions or feedback, that would be much appreciated!

Thanks again,

 

[davids]

#steps form fieldset


Change the padding to:
padding: 0 0 20px 0;

And add:
margin: 0;

 

[Webfunk]

MAAATTEE!!!! Thank you!!

Oh lord....it's always something so simple! Sometimes it just gets hard to notice these things when you're so involved....

Once again, thank you very much. I appreciate it tremendously

 

[davids]

Haha I know the feeling, sometimes it just takes a fresh set of eyes to see the simple thing you're missing

 

[neddy]

Good on you DavidS for taking the time to help Ben out.

 

[Webfunk]

Yes thank you again

 

[Webfunk]

NEW ISSUE..

I have another form I have set up, that has multiple checkboxes throughout it. My question is, when I process the form via a php file, how do I tell what checkboxes were checked?

With inputs I would normally put...

$fields = array();
$fields{"name"} = "Name";
$fields{"email"} = "Email";
$fields{"phone"} = "Phone";

Just not sure what I have to do with checkboxes though...

Anyone have an idea??

Thanks again,

 

[sp@rky13]

Give the checkbox an identifier name in HTML

 

[johno69]

The "Direct Links" in your footer need attention.

 

[Webfunk]

The "Direct Links" in your footer need attention.

Thanks for the heads up. It's because I'm playing around with a re-design at the moment which should be live today at some point hopefully.

 

[Webfunk]

Hey guys,

Wondering if you can help me figure out yet another issue...

I'm trying to centre my menu in regards to the browser window using the usual margin: 0 auto, and it works fine in every browser I have tested EXCEPT Firefox for whatever reason...can anyone else figure out why?? Because I'm stumped...

URL - http://new.webfunkdesigns.com.au

Cheers

 

[FirstPageResults]

add this to the #container div

width: 918px;
margin: 0px auto;

EDIT:

Adjust the width for whatever the max width is supposed to be. I see in some parts you are using a 1000px width - that's going to give you a scroll bar for any users still using 1024x768

 

[Webfunk]

add this to the #container div

width: 918px;
margin: 0px auto;

EDIT:

Adjust the width for whatever the max width is supposed to be. I see in some parts you are using a 1000px width - that's going to give you a scroll bar for any users still using 1024x768

I can't change the width of the container, otherwise elements like the banner won't scroll to 100% of the browser width (the look I'm looking for)

 

[sp@rky13]

It's up to you but what he's saying is that there are still many people who use a 1024 x 768 monitor which means they'll have a scroll bar because of your current width. According to this about 14% are still on 1024x768 screen resolutions

 

[FirstPageResults]

I can't change the width of the container, otherwise elements like the banner won't scroll to 100% of the browser width (the look I'm looking for)

When you say banner, are you talking about the carousel.. specifically the navigation buttons? They should still work with a set width on the container as they are position absolute?

 

[Webfunk]

When you say banner, are you talking about the carousel.. specifically the navigation buttons? They should still work with a set width on the container as they are position absolute?

Yeah but I wanted to extend the blue to the browsers edge too. As for the issue with 1024px resolutions, I am considering changing the 1000px elements to a percentage-based width

 

[webdeal]

The problem in the following piece of code:

<img src="http://new.webfunkdesigns.com.au/_images/phone.png" 
alt="Phone: 0404 725 899" width="260" 
height="140" border="0"  usemap="#Map" 
class="phone" />

your second image phone.png does not allow <div id="menu"></div> to move right

remove image for example

and you will see how everything will be adjusted....

may be it will give an idea how to go around

 

[webdeal]

solution how to go around ....

change height of phone.png from height="140" to height="86" ( but you will need to redraw it)...and adjust ImageMap

 

[Webfunk]

The problem in the following piece of code:

<img src="http://new.webfunkdesigns.com.au/_images/phone.png" 
alt="Phone: 0404 725 899" width="260" 
height="140" border="0"  usemap="#Map" 
class="phone" />

your second image phone.png does not allow <div id="menu"></div> to move right

remove image for example

and you will see how everything will be adjusted....

may be it will give an idea how to go around

You're a champ! Thank you very much... I ended up taking out the 'float: right;' property for the .phone and instead simply put a left margin.

 

[Webfunk]

I'm working on changing the widths to percentages. I'll let you know when it's done and see if it flows well