Tuesday, March 30, 2010

CSS or What?

Can someone assist as I don't know how to accomplish this tasks. I would like for all the squares

areas to stay the same as I will be placing pictures and linking them with videos.

Basically, I would like for the first row to look like the 2nd and 3rd rows once I place pictures in them.

Attached you will find the codes within the doc and html.

Thanks for your help.

Akaya

CSS or What?

Where to even start.?You have a bunch of tables that look like this:

...%26lt;td%26gt;%26lt;p%26gt;text line 1%26lt;/p%26gt;%26lt;p%26gt;text line 2%26lt;/p%26gt;....

Then you have a bunch of:

%26lt;p%26gt;?lt;/p%26gt;..

And I mean a lot of those.?Use cellpadding from the properties window on your cells to create the padding you need.?Don't use extra paragraphs.?Tables will stay to a height, if they are not maxed out, but if you keep pushing content into the table it will overflow by altering the height of your cell because it has to go somewhere.

My suggestion would be to get rid of those extra paragraphs, stick to a format of name/title/etc and just set the cellpadding for your table via the properties window in DW.?Then you should end up with table cells of relatively the same height.

CSS or What?

At the moment, the cells in the top row are being set at the height they are because you have content in them.

The other rows are only being propped open by the fact that you have used %26lt;p%26gt; tags to add the space.

A table cell will shrink or expand depending on what is inside the cell, there is no getting around that. Even adding a percentage width will not ensure that they stay the same width, again due to the content inside them.

Unless your 2nd and 3rd row cells contain exactly the same elements as the top row, they will change in size, again depending on what you insert into the cells.

You also really need to take all the styling out of the html and style the content with a stylesheet... that way at least you have a bit more control over table widths and cell widths.

  • benzoyl peroxide
  • No comments:

    Post a Comment