ExpressionEngine CMS
Open, Free, Amazing

Thread

This is an archived forum and the content is probably no longer relevant, but is provided here for posterity.

The active forums are here.

Throw me a bone....CSS and comment Forms

June 25, 2009 5:59pm

Subscribe [3]
  • #1 / Jun 25, 2009 5:59pm

    reinvent

    118 posts

    How can I take the CSS classes and IDs and incorporate them with the EE tags?

    Any info on this would be great I have been struggling for a long time on this. The form, will not render without the CSS <form class=“contactForm” id=“commentform”>

    I was suggested to use this: form#comment_form{} but what is that and how do I use it?

    If someone could just push me in the right direction that would be a break through for me.

    <!--START COMMENT FORM HERE-->
                  <h3>Make a Comment</h3>
    <p>              <form  class="contactForm" id="commentform"><br />
                    <br />
                      <label for="author">Name<small></small></label><br />
                      <input name="author" id="author" value="" size="22" tabindex="1" aria-required="true" type="text" /><br />
                    <br />
                    <br />
                      <label for="email">E-mail <small>                    <br />
                        </small></label><br />
                      <input name="email" id="email" value="" size="22" tabindex="2" aria-required="true" type="text" /><br />
                    <br />
                    <br />
                      <label for="url">Website</label><br />
                      <input name="url" id="url" value="" size="22" tabindex="3" type="text" /><br />
                    <br />
                    <!--<small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped=""> 
    </small>-->

    <label for="comment">Your Thoughts</label>
    <textarea name="comment" id="comment" rows="10" cols="40" tabindex="4"></textarea>


    <input class="verzend" id="send-button" tabindex="5" value="Submit Comment" name="submit" src="/images/interface/but-send-message-en.gif" type="image" />
    <input name="comment_post_ID" value="#" type="hidden" />

    </form></code>

    THIS IS WITH THE EE TAGS, but does not render…

    <!--START COMMENT FORM HERE-->
                  <h3>Make a Comment</h3>
    <p>                {exp:comment:form weblog="weblog"}<br />
                    <br />
                     <label for="author">Name<small></small></label><br />
                      <input name="name" id="name" value="{name}" size="22" tabindex="1" type="text" /></p><br />
                    <br />
                      <label for="email">E-mail <small><br />
                        </small></label><br />
                      <input name="email" id="email" value="{email}" size="22" tabindex="2" type="text" /></p><br />
                    <br />
                      <label for="url">Website</label><br />
                      <input name="url" id="url" value="{url}" size="22" tabindex="3" type="text" /> <br />
                    <br />
                      <label for="comment">Your Thoughts</label><br />
                      <textarea name="comment" id="comment" rows="10" cols="40" tabindex="4">{comment}</textarea></p><br />
                    <br />
                      <input class="verzend" id="send-button" tabindex="5" value="Submit Comment" name="submit" src="/images/interface/but-send-message-en.gif" type="image" /><br />
                      <input name="comment_post_ID" value="#" type="hidden" /></p><br />
        {/exp:comment:form}

    Thanks!!!

  • #2 / Jun 25, 2009 6:55pm

    Lisa Wess

    20502 posts

    mabron - the form should show up as long as you visit a single entry page.  Can yo give us a link to where you’re trying this?

  • #3 / Jun 25, 2009 7:18pm

    reinvent

    118 posts

    Hey Lisa,

    I have figured most of this out…

    Just need to work on Form building and Styling…getting my head around the URL segment relationship. It really is pretty slick when the fog begins to clear.

    Thanks.

    http://visualjelly.com/index.php/en/weblog_view/matts_new_gig

  • #4 / Jun 25, 2009 7:38pm

    Lisa Wess

    20502 posts

    Looks good so far.  I love the font you’re using for “Comment” above the form.

  • #5 / Jun 26, 2009 7:42am

    Mark Bowen

    12637 posts

    Also doesn’t make me feel too good either having helped you out here and after the words I got here especially :

    How about a little example code in place of my mistakes..that would really help me…

    Well now I look at it I can see where all your mistakes are and I’m quite appalled to say the least. :-(

.(JavaScript must be enabled to view this email address)

ExpressionEngine News!

#eecms, #events, #releases