WordPress.org

Ready to get started?Download WordPress

Forums

Photoshop tables spaces in wordpress (9 posts)

  1. MikeDTC
    Member
    Posted 3 years ago #

    Hi Everybody!

    For my work we use a very fast method to publish our sites. We convert a design in Photoshop to html. (i know it's such a bad thing). We put this converted html in a webpage and we're done. Now we want to switch to wordpress and i have a testing area for that. But when i put my tables in wordpress the table rows put al the wrong margins between them:( (white lines_) I dont know how to solve this:(

    The testurl is: http://www.winterbandenopslag.nl/actiesite/mazda-2 and the theme i'm using is starkers naked.

    Can someone please help me?

  2. hschull
    Member
    Posted 3 years ago #

    The white lines probably occur only in IE but not in FF, Opera or Safari etc. Right?
    This is a known problem.
    In your CSS document (.../themes/Starkers/style.css) you should add this:

    table {
    	border-collapse: collapse;
    }

    This will remove the ”white lines” for all tables (as long as nothing else is added that overrules it).

    Else you can add/merge what only concerns #Table_01 as below

    #Table_01 {
    	border-collapse: collapse;
    	margin: 0 auto;
    	padding: 0;
    }
  3. MikeDTC
    Member
    Posted 3 years ago #

    Unfortunately this doesn't work for me:( It occurs in all browsers. :(

    Maybe i should use another theme? I don't hope so..i like the starkers theme..

  4. hschull
    Member
    Posted 3 years ago #

    Aha, okay...
    You should use a correct doc type definition (DTD) at the absolute top of the page.
    This is probably generatet by your theme and thus must be changed in the header.php file.

    Replace this:
    <!DOCTYPE html>
    With this:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  5. hschull
    Member
    Posted 3 years ago #

    I forgot to say that this time I really looked into your problem in detail.
    Adding the correct DTD removed the white horizontal lines!

    Additionally, the code is in part a bit ugly, but you seem to be aware of that. The goal here is primarily to make the page look good to the visitor, right? :)

  6. MikeDTC
    Member
    Posted 3 years ago #

    ok great! We are getting there!! But the strange thing is, it only works on 1 page..:(

    Very strange:

    http://www.winterbandenopslag.nl/actiesite/mazda-3 is not ok...But with the same code: http://www.winterbandenopslag.nl/actiesite/mazda-2 Works like a charm...

    And i know the code is ugly as ....., Your right that our goal is a slight different from good coding;)

  7. hschull
    Member
    Posted 3 years ago #

    In the page that is not ok there are a lot of line breaks inside the links:
    <br />
    Remove all of them and that page will look fine too!

    On the page that looks ok there are actually a lot of misplaced paragraphs:
    <p>
    Obviously they do no harm, but they could, and they should not be there at all.
    WP adds paragraphs where there are blank lines, maybe that is what happened? Thus, remove all blank lines before pasting code into the WP-editor.

    You may stumble on more such problems... Try to learn at least what should NOT be in the code. :)

  8. MikeDTC
    Member
    Posted 3 years ago #

    I installed the Tincy MCe Advanced Plugin and that also works for me:) Some other thing not working now..but i'm getting there!

    Thanks for your help hschull!!

    Have a good one!!

  9. hschull
    Member
    Posted 3 years ago #

    You're welcome!

    I try to help when I can, since I also ask for help here when I'm stuck.
    I guess that's how it's supposed to work.

    Good luck!

Topic Closed

This topic has been closed to new replies.

About this Topic