SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Evangelist
    Join Date
    Jul 2008
    Location
    Port Elizabeth, South Africa
    Posts
    408
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Subscribe box problem

    Hi - please can anyone see why my subscribe box insists on falling into two lines when it's .ebk-txtbox in the <div class="txtbox"> area

    but is perfectly happy to be one line when it's .ebk-sm in <div id="btmnav"> area?

    I used the same css for both :
    width:500px; text-align:center; margin:0 auto;

    then added only to .ebk-txtbox
    clear:both; display:inline; (and also tried reducing width to 400px but that didn't help so reverted to 500px)

    I need .ebk-txtbox to display in one line, as it does in btmnav.

    See - http://greensmoothie.com/test/

    thanks! - Val
    incorrect in txtbox - Attachment 63494
    correct in btmnav - Attachment 63493

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,200
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    You have <br> element in between your <input> elements, so you need to remove that.

  3. #3
    SitePoint Evangelist
    Join Date
    Jul 2008
    Location
    Port Elizabeth, South Africa
    Posts
    408
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thank you! I realized in my sleep last night that wordpress was probably adding a <br> because it was done in my text editor and that WP probably needs all the form fields to be one continuous line!

    But how did you see that <br>? When I look through firebug, I can't get it to show me the html of that highlighted area. So I tried clicking on "div.ebk-txtbox" in the firebug header and it quickly flashes the form html at me but not for long enough to see what's going on. In the old days it used to be easy with firebug, I just highlighted something, clicked on it, and it showed me what's going on with both css + html.

    firebug.png

    thanks! Val

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,200
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    That's odd. Firebug should show what's there. You could also use the native dev tools in FF. I use the dev tools in Chrome these days, and they clearly show the <br>.

  5. #5
    SitePoint Evangelist
    Join Date
    Jul 2008
    Location
    Port Elizabeth, South Africa
    Posts
    408
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you!


Bookmarks

Posting Permissions

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