[Solved] Problem with alignment within the table

[antematulic]

Hello,

I have a problem with alignment of the buttons within the cell.

Just can’t get button columns on the right to be one pixel away from each other.

You can see the example here on the right:
http://binaryoptionstrading-review.com/

Hope someone can help me with this.

Thanks in advance!

Ante

[Paulie_D]

Is that example the actual site you are working on because it’s not clear.

If NOT, we’d need to see what you have so far,ideally in a Codepen.io example.

[antematulic]

Hi Paulie,

Yes, I’m working on it and it’s the site on the link.

I want to get blue button column 1px vertically away from the green button column.

Let me know if you need any more information to help me.

Thanks!

[Paulie_D]

I’m a little confused by the HTML structure..

You seem to have divs in divs inside a span (spans aren’t supposed to hold block level elements) and finally a link inside all of that.

All it really needs is for that particular cell to have a bg color and have the link inside it…I’m not sure what all the rest of the stuff is doing.

[jurotek]

table th, table td {
    padding: 1px;
    text-align: left;
    vertical-align:middle;
}

and add this

td a{display:block;}

[antematulic]

Thanks jurotek. Now it works perfectly!

[Author]

Posts