Ondersteuning » Thema en CSS/opmaak » HTML widget probleem

  • Opgelost frank14

    (@frank14)


    Luitjes,

    Ik heb een wazig probleem waar ik niet uitkom.
    Ik heb een HTML inschrijf formuliertje gemaakt die ik in een widget wil plaatse, echter lukt dit niet helemaal!

    Dit is de HTML code:

    <style type="text/css">
    .email {
    	width: 235px;
    	background-image: url(http://www.flirtenverleiding.nl/wp-content/uploads/widget/email.jpg);
    	background-attachment: inherit;
    	height: 38px;
    	font-size: 12px;
    	background-repeat: no-repeat;
    	margin-left: 10px;
    	border-top-style: none;
    	border-right-style: none;
    	border-bottom-style: none;
    	border-left-style: none;
    }
    
    .button {
    	border-style:none;
    }
    </style>
    
    <div id="mc_embed_signup">
    <form action="http://flirtenverleiding.us2.list-manage1.com/subscribe/post?u=c9bea01a61072f366b4f847eb&id=e21e43ff6f" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
    	<p>
    	  <label for="mce-EMAIL"><img src="http://www.flirtenverleiding.nl/wp-content/uploads/widget/header.jpg" width="282" height="234"></label>
        </p>
    	<p>
    	  <input type="email" class="email" size=40 value="" name="EMAIL" id="mce-EMAIL" placeholder=" Je-mail adres" required>
        </p>
    	<div class="clear">
    	  <p>
    	    <input type="image" src="http://www.flirtenverleiding.nl/wp-content/uploads/widget/button.jpg" value="Subscribe"  name="subscribe" id="mc-embedded-subscribe" class="button">
    	  </p>
    	  <p><img src="http://www.flirtenverleiding.nl/wp-content/uploads/widget/foot.jpg" width="288" height="15"></p>
    	</div>
    </form>
    </div>

    Dit is te code maar ik krijg bij de gewone HTML namelijk het juiste formulier zonder lijnen.

    maar wanneer ik deze code als widget toevoeg, staan er lijnen in? zoals hier ik heb alles geprobeerd, no border, border:0.

    Iemand?

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)
  • Al wat geëxperimenteerd met dat ‘automatically add paragraphs’ vinkje? Anders misschien een andere widget zoeken (of je stylesheet door gaan kammen…).

    Thread starter frank14

    (@frank14)

    Inderdaad al wat mee gerommeld maar mocht niet baten.
    Erg frustrerend aangezien de gewone HTML er perfect uit ziet…. heb je misschien nog suggesties?

    Gebruik je gewoon een tekst-widget? Er zijn ook html widgets, misschien zijn die wat flexibeler. Nooit geprobeerd.

    Thread starter frank14

    (@frank14)

    Heb inderdaad verschillende widgets geprobeerd, ook een HTML/php widget maar zonder succes. De code is ok toch?…vreemd…

    Mocht het niet lukken dan zou ik de code in de sidebar.php plaatsen. Als het op een enkele pagina moet komen dan een template aanmaken voor de betreffende pagina waar het formulier wel moet komen.

    Thread starter frank14

    (@frank14)

    Ik heb het opgelost door de .html ergens op de server te zetten en deze doormiddel van een Iframe in te laden. ziet er perfect uit nu!

    Thanks voor jullie hulp.

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)
  • Het onderwerp ‘HTML widget probleem’ is gesloten voor nieuwe reacties.