How to add html div´s inside wordpost?

  • oneruffryder

    (@oneruffryder)


    12 years, 9 months ago

    Hi all, I need some help. The problem is, I decided to build a match stats which i want to insert in the proper wp posts.I build it with html and css.The issue is when i add the code of it, which contain div elements, it breaks the site layout and doesnt show properly what i build inside dreamweaver.From Dreamweaver in chrome browser preview all looks good,but not in wp.

    This is just a working version (http://oi44.tinypic.com/fp2wys.jpg) which i tried to insert inside wp post.Also, i tried the plugin called Raw Html,and some others, but still no luck ..Any idea how I can do this, as i need to add it inside a lot of posts.

Viewing 8 replies - 1 through 8 (of 8 total)
  • W.P. Ginfo

    (@wp-ginfo)

    12 years, 9 months ago

    In principle adding HTML such as div’s – using the [text-tab] of the editor, should work fine.
    However – as you know / found out – this MAY affect the lay-out.
    Keep the css in check!
    Please give the url of the page and name of the theme you’re using.
    Can you show an example of the problematic code?
    [please put code in backticks as requested below.]

    Thread Starter oneruffryder

    (@oneruffryder)

    12 years, 9 months ago

    Hi, thanks for the reply.Well as I said, this is still a working version but here is the testing url

    http://www.chelsea-talk.com/match-stats-test/

    Html which i add inside post > http://pastebin.com/i4v7EamK

    Css inside theme-css > http://pastebin.com/QzvMXE6q

    H

    W.P. Ginfo

    (@wp-ginfo)

    12 years, 9 months ago

    Try this: add the following to the css:

    #content-area{
    height:500px;
}

    It ‘fixes’ the overlapping content and reply

    Thread Starter oneruffryder

    (@oneruffryder)

    12 years, 9 months ago

    Hey, i tried that but no luck.Also i manage to do it correctly, inside wp post, using divs, but the issue is here, use of position:absolute; which ruins post content. Overlaping other content inside post..any idea what i can do ?

    SeanBolak

    (@seanbolak)

    12 years, 9 months ago

    Go into Text Editor wrap all your text with <p> tags.

    Thread Starter oneruffryder

    (@oneruffryder)

    12 years, 9 months ago

    Tried that also, still no luck.I dont know so much about coding,and i m trying to figure this out for a week.

    The issue, I think is position: absolute; which i used inside it, but without it , this don’t show properly.

    As you can see on my testing page, text is overlapping this stats which i build. http://bit.ly/19mTuHL

    If I add below video once more this code, again it will at the top overlapping the first one, not below code. I think the reason is again position:absolute;

    Really dont know how to fix this. Also, i tried to use position relative, gave height to content area, to this stats and so on…something i am missing here..but dont know what

    SeanBolak

    (@seanbolak)

    12 years, 9 months ago

    In the source code from your site, your div headers are below the paragraph tags (p) tags. Try Moving all of the header tags over the p tags of the content so it should go

    Left Team
    Score
    Right Team
    (p) tags and content table

    Thread Starter oneruffryder

    (@oneruffryder)

    12 years, 9 months ago

    Hi Sean, sorry i dont understand .I m not sure are you looking at the top of this topic where i added two links (hmtl and css) because on this site i changed the stuff inside. More specifically I add div class to everything

    http://pastebin.com/3FzejbfR

    and changed according to that css http://pastebin.com/ke4TRYF4

    So for you suggestion, can you give me a little example what should i do Pls ?

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘How to add html div´s inside wordpost?’ is closed to new replies.