Problem with HTML table

  • Resolved kumquat_s

    (@kumquat_s)


    13 years, 11 months ago

    I’m trying to set up a static page and in this static page will be a table (HTML).

    To do this I use the twenty-ten one column, no siderbar template and have set this templates width to be 960px.

    In this table I want to have 6 images in a line all no wider than 150px. By my calculations they should easily be able to fit. But for some reason every time I try this the last logo keeps getting cut off.

    No matter how much I fiddle with the table width, column width or template widths then it just doesn’t appear.

    You can see the result here: https://www.the-dutch-touch.com/?page_id=700

    From what I can see there is just a big gap between each image, how do I get rid of this gap?

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

  • I suggest you not use a table for your layout.

    Instead, float your images within a div.

    It looks like you’re declaring the table with curly, or smart, quotes:

    <table style=”text-align: centre; ” border=”0″ cellspacing=”0″ cellpadding=”0″ width=”960″>

    Try this instead and see if that helps:

    <table style="text-align: centre;" border="0" cellspacing="0" cellpadding="0" width="960">

    Also note that the theme may have some margins that you don’t have access to, so the full 960 pixels may not be available.

    Thread Starter kumquat_s

    (@kumquat_s)

    Thank you Zoonini for your advice. I have fiddled around with divs and floating and kind of got the result I was looking for.

    The only issue I have now is how to align images with different sizes.
    https://www.the-dutch-touch.com/?page_id=700

    All the images either have a width of 150px or a height of 150px depending on whether they are wider than they are longer or vice-versa.

    How would I go about aligning the images the same regardless of their size. At the moment you can see the AZ logo just floats above. Now ideally I want it centred vertically and the Profile and News text to be in line with the others.

    The very easiest way to do this is – in your graphics program, just make the AZ logo the same height as the rest, by adding some white space as you need to, in order to center it as you want.

    Thread Starter kumquat_s

    (@kumquat_s)

    I thought as much. Thanks. Solved ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Problem with HTML table’ is closed to new replies.