Website Issues - Help Please!

AndyH2006 · March 5th, 2007, 06:13 AM

Hey guys, I'm new to this forum so firstly Hello!

Hope everyone is ok!

Anyway basically I am in the process of building a website but am starting to experience problems here and there with the slicing and content, for example, I want to add a table to one of my pages so when i goto do this, all the slices and images go everywhere.

I have tried such things as converting it to % instead of pixels etc but it's not working!

If anyone is possibly able to help me out with this and/or a few other things then please feel free to either add me on skype - andrewh34 or just reply to this post

Thanks in advance for any help!

Andy

J1mmy · March 5th, 2007, 06:17 AM

Are you trying to create hotspots on an image?

The best way to do this is by using Dreamweaver hotspot tool, its easier than doing it in Photoshop or any other graphical software. It places the coordinates in the website code itself.

AndyH2006 · March 5th, 2007, 06:22 AM

Na I'm not unfortunately as that might be easier lol

What I have is a blank area on my page which I want to put a table with some prices etc in, but the area I have which I designed isn't big enough to fit the table, so when I've sliced my page and am in dreamweaver, when I goto add the table, the area gets alot bigger because the table is bigger, which means all the images around it get pulled apart leaving big white spaces

Does that make sense? Sorry it's quite hard to explain

Thanks for your help so far

Andy

J1mmy · March 5th, 2007, 09:02 AM

So basically you're trying to fit a table in the space, but that table is larger than the space, so as a result everything gets altered to fit the new table?

Well in that case, you will have to change the table size if thats possible. Im pretty sure it will keep doing that until the table measurements match the space measurements.

AndyH2006 · March 5th, 2007, 09:29 AM

Nothing gets altered to that size, when I insert the table, the area is streched to fir the table, meaning that content outside the table, like separate boxes etc get split apart, therefore leaving white gaps in between each

Do I need to slice it so the outside content can strech with the box aswell?

Thanks for all your help so far J1mmy

Andy

sr71000 · March 5th, 2007, 09:53 AM

yea...you can design the content around where your table goes to stretch fluidly (it can move around without looking bad) or you can shrink the table to fit in the area already specified for it. It depends on how your site is coded. If you can put the page on a web server do a before and after page and give us the links so we can see the source and exactly what you're trying for!

Iturea · March 5th, 2007, 10:54 AM

There is a property: table-layout: fixed; in CSS that can help you in this type of situation. Below is an example of using this on a table.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>  
    <title>Table Layout - Fixed</title>
  </head>
  <body>
    <table style="table-layout: fixed; width: 500px;" cellpadding="0" cellspacing="0" summary="Constrained Table" border="1">
      <tbody>
        <tr>
          <td style="width: 25%;">
            &nbsp;
          </td>
          <td style="width: 75%;">
            &nbsp;
          </td>
        </tr>
      </tbody>
    </table>
  </body>
</html>

The "fixed" property will force the table to stay at 500px and the columns to stay at the widths specified. You must follow the rules of XHTML and CSS to truly make this work correctly. Validating your XHTML will help you determine whether you are following the rules.