Quick Fix? Form taking on attribute of image.

**CrumbsMaster** · 03-06-2013 11:38 AM

Hi Everyone!

I'm trying to create a footer for my blog and I've done fairly well using lots of previous posts here to answer my html question. I've run into one snag: the form is taking on the attribute of the pinterest icon. All the other icons work - I hover and click and they take me where I want to go. But I cannot click into the form - instead I'm taken to pinterest. If I remove the form and place it below the icon code, the form attributes return. I don't understand why they disappear when the form is it's right place.

I'm hoping someone could give a once over to my code and see where my error is. Thanks so much in advance for any help. (And I apologize if it's not "pretty" code - I'm learning as I go!)

<html>
<style>
body {
background: url("http://dontwastethecrumbs.com/wp-content/uploads/2013/03/Footer.jpg") no-repeat;
}
</style>
</html>
<div="form">
<form name="footer" action="http://dontwastethecrumbs.us5.list-manage1.com/subscribe/post?u=174ddbeb0d5689543e624c877&id=095107c6ff" method="get" style="margin-top:75px; margin-left:75px">
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required float:left>
<input type="submit" value="Sign Me Up" name="subscribe" id="mc-embedded-subscribe" class="button" float:right>
</form>
</div>
<div id="buttons" style="margin-top:-110px">
<a href="http://www.facebook.com/dontwastethecrumbs/" target="_blank"><img src="http://dontwastethecrumbs.com/wp-content/uploads/2013/03/Facebook-Icon.png" alt="Facebook" title="Become a Facebook Fan" width="32px" height="32px" style="padding-left:387px; padding-top:0px;"/></a>
<a href="https://twitter.com/dontwastecrumbs" target="_blank"><img src="http://dontwastethecrumbs.com/wp-content/uploads/2013/03/Twitter-Icon.png" alt="Twitter" title="Follow via Twitter" width="32px" height="32px" style="padding-left:387px; padding-top:4px;"/></a>
<a href="http://pinterest.com/dontwastecrumbs" target="_blank"><img src="http://dontwastethecrumbs.com/wp-content/uploads/2013/03/Pinterest-Icon.png" alt="Pinterest" title="Follow on Pinterest" width="32px" height="32x" style="padding-left:387px; padding-top:4px;"/></a>
<a href="http://feeds.feedburner.com/DontWasteTheCrumbsEmailNewsletter" target="_blank"><img src="
http://dontwastethecrumbs.com/wp-content/uploads/2013/03/RSS-Icon.png" alt="Subscribe via RSS" title="Subscribe to Crumbs via RSS" width="32px" height="32px" style="padding-left:387px; padding-top:4px;"/></a>
</div>

**waxdoc** · 03-06-2013 06:00 PM

I didn't follow your query, BUT what is this ????

<html>
<style>
body {
background: url("http://dontwastethecrumbs.com/wp-content/uploads/2013/03/Footer.jpg") no-repeat;
}
</style>
</html>

Most HTML tags come in pairs, marking the content between the opening<tag> and closing</tag>. The basic page construction is as follows

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
</head>

<body>
</body>
</html>

The <html>tags</html> contain the nested <head>tags</head> and <body>tags</body> etc.

Thread: Quick Fix? Form taking on attribute of image.

Thread Tools

Display

Quick Fix? Form taking on attribute of image.

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions