Problem with separation between rows in table only in wordpress

  • Aloris

    (@aloris)


    14 years, 4 months ago

    Hi everyone,

    I have a 2X2 table, in each cell there is a part of an image and the final output should be the image merged (Earth image).

    My code so far is below and looks correct if I save it as html and is opened in firefox or in editing mode in Dreamweaver:
    [Code moderated as per the Forum Rules. Please use the pastebin]

    In the image in link below you can see the comparison between how it looks in firefox (correct) and how it looks once I insert the code in WordPress (with row separation)

    http://tinyurl.com/Comparison-jpg

    May somebody help me to fix this issue please.

    PS: I’m using WordPress 3.2.1 and Weaver theme.

    Thanks in advance

Viewing 14 replies - 1 through 14 (of 14 total)
  • esmi

    (@esmi)

    14 years, 4 months ago

    Try using Firefox with the Firebug add-on for this kind of work.
    http://getfirebug.com/

    Thread Starter Aloris

    (@aloris)

    14 years, 4 months ago

    Hi esmi,

    Thanks for reply.

    The thing is that only in wordpress is shown with separation. if I save the html and open in fifefox is correct and I’ve followed the CSS suggestions for this like remove borders and padding to zero.

    I don’t know what other adjustment I have to add to my CSS code :-(.

    Thanks for any help.

    Regards

    Pioneer Web Design

    (@swansonphotos)

    14 years, 4 months ago

    Try not using the style ‘table’, rename it ‘mytable’ or something else…A plugin or your theme may be using the style ‘table’, thus causing the issue. Try this:

    [Code moderated as per the Forum Rules. Please use the pastebin]

    Thread Starter Aloris

    (@aloris)

    14 years, 4 months ago

    Hi Swanson,

    Thanks for your reply. But I can’t see your code, was removed for moderator. May you put it again please.

    Thanks in advance

    Pioneer Web Design

    (@swansonphotos)

    14 years, 4 months ago

    Yes, and I have it working using my WYSIWYG editor…will create pastebin in next post (once I figure that out)

    Pioneer Web Design

    (@swansonphotos)

    14 years, 4 months ago

    http://pastebin.com/z6VMLAka

    Thread Starter Aloris

    (@aloris)

    14 years, 4 months ago

    Hi Swanson,

    I’m not sure why, In Dreamweaver it looks correct but when I insert your code in wordpress now the image appears in pieces like I show in link below:

    Many thanks for any help.

    Pioneer Web Design

    (@swansonphotos)

    14 years, 4 months ago

    Works here fine.

    Thread Starter Aloris

    (@aloris)

    14 years, 4 months ago

    Thanks Swanson, I’m don’t know how is not working correct in my case, I think I’ll have to see other options to insert the image 🙁

    Many thanks for your really.

    Best regards

    Pioneer Web Design

    (@swansonphotos)

    14 years, 4 months ago

    If you could post a link to the page, I could review why. My guess is the container that you are putting the table into is forced to less than the width of the table.

    Thread Starter Aloris

    (@aloris)

    14 years, 4 months ago

    Thanks Swanson, you could see the behavior here here

    Pioneer Web Design

    (@swansonphotos)

    14 years, 4 months ago

    That is closer than the image you linked to, but:

    Please place the style in your theme’s CSS file and use the code between <body> and </body> as I included. You are missing the “style=…” in the table line.

    <table cellpadding="0" class="styletable1" style="width: 100%">

    Pioneer Web Design

    (@swansonphotos)

    14 years, 4 months ago

    You may want to read the theme developer’s notes also (at the top of the theme css file I linked to).

    Thread Starter Aloris

    (@aloris)

    14 years, 4 months ago

    Thanks Swanson,

    I think I’ll need to ask to developer about this, because I’ve inserted the CSS code in the place intended to add custom CSS for the theme and nothing change for this image. I only insert the body part in the widget and the image still appears separated.

    Many thanks really for your help, i’m not sure why.

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

The topic ‘Problem with separation between rows in table only in wordpress’ is closed to new replies.