HTML Table padding issue

[isavarg]

I have table for my header in this forum bright-eyes.boards.net/, but no matter what I do with the padding, the text is always squashed up to the edges of it unless I center it. (I don't mind centering the links as they shall be turned into picture links eventually and can be put on separate lines.) But centering the text in the cell on the left just looks silly. I don't like text pushed right to the edges as that doesn't look nice. Is there any way to solve this issue?

[Retread]

Apr 17, 2019 2:31:25 GMT -8 isavarg said:

I have table for my header in this forum bright-eyes.boards.net/, but no matter what I do with the padding, the text is always squashed up to the edges of it unless I center it. (I don't mind centering the links as they shall be turned into picture links eventually and can be put on separate lines.) But centering the text in the cell on the left just looks silly. I don't like text pushed right to the edges as that doesn't look nice. Is there any way to solve this issue?

Hi isavarg,

It looks like you have a table with three cells and a good bit of in-line styling. It might be more efficient if you post the entire contents of your Header here. Also indicates what you want to happen in each cell. I would assume the pic in the center cell should be aligned center, both vertically and horizontally. But what about the left and right cells? Text align-left for both and have a margin or padding on the left of each of those cells?

One of the more experienced coders can decide whether setting up a style section with classes, or using in-line coding is better in this particular case.

[Lynx]

I'd suggest getting rid of the inline styling and use CSS. First, give your table a class:


<table class="mytable">


Then, you can use CSS to affect the <td>'s in just that table (so not all tables are affected):


/* Add padding to the header table */
.mytable td {
  padding: 5px;
}


Of course, that's just a bare-bones breakdown - but doing it that way keeps your layout and styling separate for better organization. The CSS would go at the end of your stylesheet for that theme.