dcsimg
www.webdeveloper.com
Results 1 to 2 of 2

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

Hybrid View

  1. #1
    Join Date
    Mar 2013
    Posts
    1

    Quick Fix? Form taking on attribute of image.

    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&amp;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>

  2. #2
    Join Date
    Feb 2007
    Location
    New York, NY
    Posts
    27
    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 Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles