What's new

Calling all web development experts!

Webfunk

Top Contributor
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,
 

Webfunk

Top Contributor
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

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

Webfunk

Top Contributor
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,
 

Webfunk

Top Contributor
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 :D
 

FirstPageResults

Top Contributor
add this to the #container div

Code:
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
 
Last edited:

Webfunk

Top Contributor
add this to the #container div

Code:
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

Top Contributor
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

Top Contributor
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

Top Contributor
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

Regular Member
The problem in the following piece of code:

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

Regular Member
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

Top Contributor
The problem in the following piece of code:

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

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

Community sponsors

Domain Parking Manager

AddMe Reputation Management

Digital Marketing Experts

Catch Expired Domains

Web Hosting

Members online

Forum statistics

Threads
11,098
Messages
92,044
Members
2,394
Latest member
Spacemo
Top