help with HTML formatting problem in WP

  • Unknown's avatar
    andrewyabsley · Member ·

    hey,

    I have this code fragment [below] that was supplied to me. When I test it using an html tester
    it looks fine. the box and the txt and graphics all line up.

    However, when I drop this code (widget) into my wp page it places the text in the wrong place.

    I worked originally , but something I have done is causing the widget to appear incorrectly.

    help : / please

    Andrew
    =================================================================================

    <!– HEADER–><DIV style=”font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#333; padding-top:10px; padding-bottom: 32px; padding-left:15px “>Blog Widget

    <!– CONTENT –>

    <!– BOOK COVER –>

    <IMG src=”http://datapipe.libredigital.com/content/4021B0E483B3D26367E6B6572656469766A6C706F7E7D7C7B7A79771533233B200D153E205C4B736E5E505B43434A7B620B09010C1F1E1B181A111F1E19051311101317192149555E58563A6272666571617E336A696C6162652C666E6A6775666C6E2.jpg” width=”74″ height=”116″ style=”border: 1px solid #CCC;”>

    <!– BUTTONS –>

    Browse</DIV><DIV style=” text-align:center; padding-top: 20px;”>Share</DIV><DIV style=” text-align:center; padding-top: 24px;”>Buy</DIV></DIV></DIV></DIV>

    =================================================================================

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    andrewyabsley · Member ·

    you can see what I mean here :

    About

  • Unknown's avatar
    justpi · Member ·

    Under HEADER there’s this:
    padding-bottom: 32px;
    Turn the 32 to 10.

    Under BUTTONS there are these three:
    padding-top: 14px;
    padding-top: 20px;
    padding-top: 24px;
    Turn the 14 to 6, and the 24 to 20.

  • Unknown's avatar
    andrewyabsley · Member ·

    well,

    many ! thanks for your help. It’s always the same … someone has to give a crap to help someone. I really Appreciate this :0 )

    I have played around with those padding numbers and got it to look pretty good. The ones you gave me for some reason didn’t work but it did tell me how to do it ( again if it works for you should it not work for me ?)

    Why is this happening in WP anyways ? whenever I try the code in Dreamweaver or on an web site for testing html code… it works perfectly !?

    hmph.

    anyways going to play around with this and get back to you once more as to how it went in the end.

    Andrew

  • Unknown's avatar
    justpi · Member ·

    You’re welcome!

    I’m surprised you say that my suggestions didn’t work for you, because I tested them on your blog.

    This is happening in WP because some other environments are more ‘neutral’ while each WP theme has its own styling, and those who design code like the one you want to use don’t always take everything into account, or aren’t proficient enough. For example, notice that “line-height” (=distance between lines of text) is missing from your code although it’s crucial.
    Note my “each”and “its own”: this means that whatever the ‘correct’ numbers are, if you switch to a different theme you might need different numbers.

  • Unknown's avatar
    andrewyabsley · Member ·

    thanks duder.

    I did a degree in CS years ago … and have lots of coding under me but not fer years and also never a lick of HTML.

    I tried messing with the padding but got messes up. I wanted to hear from someone who knew alot more than i.

    So,

    u r right … obviously … your numbers work on my blog … but the page i am working on in this case is my sisters. she is a new writer and I do this to help her as she has no dough right now. so i just made them work for her Hero theme.

    Again, so appreciate the help and also the followup. u explained why as well … just needed to know i wasn’t entirely madd.

    I’ll b back i am sure , laughing

  • The topic ‘help with HTML formatting problem in WP’ is closed to new replies.