fixed table in Dreamweaver

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • woo
    New Member
    • Aug 2007
    • 7

    fixed table in Dreamweaver

    I want to add pictures and text into a table but not have the table resize when viewed on IE.
  • epots9
    Recognized Expert Top Contributor
    • May 2007
    • 1352

    #2
    try setting the width and the height of the table

    Comment

    • woo
      New Member
      • Aug 2007
      • 7

      #3
      Originally posted by epots9
      try setting the width and the height of the table
      Did this, set the width to 200 and height to 200, working in pixels. Inserted an image 200 x 150, entered the text underneath the image - looked fine in Dreamweaver but when viewed in IE, the text inconsistently displayed below and next to the images.
      Thanks for the help.

      Comment

      • eragon
        Contributor
        • Mar 2007
        • 431

        #4
        after image, did you use break tag (<br /> or <br> xhtml recommended.)? random thought. and, does the max-width thing work for tables? you know, the css rule? also, theres a caption tag for images, might be worth a shot. you say the taxt randomly appears beside or below the image in question? try various things. thats how i learned, try, fail, try, fail, fail, fail, try, suceed.


        if it was helpful,
        Eragon

        Comment

        • eragon
          Contributor
          • Mar 2007
          • 431

          #5
          PS. got a source code to work with, or was the matter resolved and i missed something?

          Comment

          • woo
            New Member
            • Aug 2007
            • 7

            #6
            Originally posted by eragon
            PS. got a source code to work with, or was the matter resolved and i missed something?
            code attached
            <table width="61%" border="0">
            <tr>
            <td width="32%"><p> <a href="sue.htm"> <img src="sue.jpg" width="200" height="150" border="0" align="middle"> </a><font color="#FFFFFF" >Sue
            Teasdale</font></p>
            </td>
            <td width="32%"><a href="maggie.ht m"><img src="maggie.jpg " width="200" height="150" border="0"></a><font color="#FFFFFF" >Maggie
            Marks</font></td>
            <td width="36%"><p> <a href="Jenny.htm "><img src="jenny.jpg" width="200" height="150" border="0" align="left"></a></p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p><font color="#FFFFFF" >Jenny Donald</font></p>
            </td>
            </tr>
            <tr>
            <td height="173"><p ><a href="Jan.htm"> <img src="jan.jpg" width="200" height="150" border="0"></a><font color="#FFFFFF" >Jan
            Smith</font></p>
            </td>
            <td><a href="Sheena.ht m"><img src="sheena.jpg " width="200" height="150" border="0"></a><font color="#FFFFFF" >Sheena
            Lewis</font></td>
            <td><a href="Mick.htm" ><img src="mick.jpg" width="200" height="150" border="0"></a><font color="#FFFFFF" >Mick
            Mahr</font></td>
            </tr>
            <tr>
            <td height="189"><a href="katie.htm "><img src="katie%20&% 20friends.jpg" width="200" height="150" border="0"></a><font color="#FFFFFF" >Katie
            Sargent</font></td>
            <td>&nbsp;</td>
            <td><a href="Pat%20Tay lor.htm"><img src="Pat%20Tayl or.jpg" width="200" height="150" border="0"></a><font color="#FFFFFF" >Pat
            Taylor</font></td>
            </tr>
            </table>

            Comment

            • woo
              New Member
              • Aug 2007
              • 7

              #7
              Originally posted by woo
              Did this, set the width to 200 and height to 200, working in pixels. Inserted an image 200 x 150, entered the text underneath the image - looked fine in Dreamweaver but when viewed in IE, the text inconsistently displayed below and next to the images.
              Thanks for the help.
              code attached
              <table width="61%" border="0">
              <tr>
              <td width="32%"><p> <a href="sue.htm"> <img src="sue.jpg" width="200" height="150" border="0" align="middle"> </a><font color="#FFFFFF" >Sue
              Teasdale</font></p>
              </td>
              <td width="32%"><a href="maggie.ht m"><img src="maggie.jpg " width="200" height="150" border="0"></a><font color="#FFFFFF" >Maggie
              Marks</font></td>
              <td width="36%"><p> <a href="Jenny.htm "><img src="jenny.jpg" width="200" height="150" border="0" align="left"></a></p>
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p><font color="#FFFFFF" >Jenny Donald</font></p>
              </td>
              </tr>
              <tr>
              <td height="173"><p ><a href="Jan.htm"> <img src="jan.jpg" width="200" height="150" border="0"></a><font color="#FFFFFF" >Jan
              Smith</font></p>
              </td>
              <td><a href="Sheena.ht m"><img src="sheena.jpg " width="200" height="150" border="0"></a><font color="#FFFFFF" >Sheena
              Lewis</font></td>
              <td><a href="Mick.htm" ><img src="mick.jpg" width="200" height="150" border="0"></a><font color="#FFFFFF" >Mick
              Mahr</font></td>
              </tr>
              <tr>
              <td height="189"><a href="katie.htm "><img src="katie%20&% 20friends.jpg" width="200" height="150" border="0"></a><font color="#FFFFFF" >Katie
              Sargent</font></td>
              <td>&nbsp;</td>
              <td><a href="Pat%20Tay lor.htm"><img src="Pat%20Tayl or.jpg" width="200" height="150" border="0"></a><font color="#FFFFFF" >Pat
              Taylor</font></td>
              </tr>
              </table>

              Comment

              • eragon
                Contributor
                • Mar 2007
                • 431

                #8
                ok, first off, you are using percent values for the width, so select you entire table in DW and on the properties tool bar convert widths to pixels, the icon looks like |--px--| or something, make all those widths into pixels. try a few of those and call me in the morning.

                Comment

                • eragon
                  Contributor
                  • Mar 2007
                  • 431

                  #9
                  and on the note of TSDN, Welcome to the greatest network online, or so i like to think. Here we use [code] tags around our HTML, or simply select the HTML code and click the < > icon in your toolbox. Thankyou

                  Comment

                  Working...