Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 244
  • Last Modified:

How doI use DIV tags to set the width of a cell?

http://www.glowfishtw.com/benzleporcelain/products2.asp


I'm trying to get the image/text holding cells in the above page to remain at a fixed width (252px) and force the text to wrap down to the next line instead of expanding horizontally. I was given this advice:

"With css You can solve this easily by using floating divs with a fixed width, and it's much cleaner and faster coding."

but am not quite sure how to code this. Below is the code for my table. Could someone show me how to constrain the cells using DIV tags? You don't have to mess with the whole code, just maybe the first cell so I get the idea. Thanks, I understand it a lot better if I can see it.

<table width="100%" border="0" align="center">
          <tr>
             
            <td>&nbsp;</td>
                  
            <td><div align="center">
            <% If Not rsproducts.EOF Then %>
                  <span class="leftlinks"><strong><%=(rsproducts.Fields.Item("product").Value)%></strong></span><br />
                <span class="style4"><%=(rsproducts.Fields.Item("price").Value)%></span>
                        <br />
              <br />
                  <%=ReturnImage(rsproducts("imageURL"),rsproducts("imageURL"))%><br />
            <br />
            <span class="style4"><%=(rsproducts.Fields.Item("pdescription").Value)%></span></div>
<% rsproducts.MoveNext() %>
            <%End if%>
                  </td>
                  
            <td>&nbsp;</td>
                  
            <td><div align="center">
            <% If Not rsproducts.EOF Then %>      
                  <span class="leftlinks"><strong><%=(rsproducts.Fields.Item("product").Value)%></strong></span><br />
                <span class="style4"><%=(rsproducts.Fields.Item("price").Value)%></span>
                        <br />
              <br />
                  <%=ReturnImage(rsproducts("imageURL"),rsproducts("ImageURL"))%><br />
            <br />
            <span class="style4"><%=(rsproducts.Fields.Item("pdescription").Value)%></span></div>
<% rsproducts.MoveNext() %>
                  <%End if%>
                  </td>
                  
            <td>&nbsp;</td>
                  
            <td><div align="center">
            <% If Not rsproducts.EOF Then %>      
                  <span class="leftlinks"><strong><%=(rsproducts.Fields.Item("product").Value)%></strong></span><br />
                <span class="style4"><%=(rsproducts.Fields.Item("price").Value)%></span>            
                        <br />
              <br />
                  <%=ReturnImage(rsproducts("imageURL"),rsproducts("ImageURL"))%><br />
            <br />
            <span class="style4"><%=(rsproducts.Fields.Item("pdescription").Value)%></span></div>
<% rsproducts.MoveNext() %>
                  <%End if%>
                  </td>
                  
            <td>&nbsp;</td>
                  
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
            </table>

0
elliottbenzle
Asked:
elliottbenzle
  • 3
1 Solution
 
quetzal22Commented:
instead of just having:
<div align="center">

add a style attribute:
<div align="center" style="width:252px;">
0
 
quetzal22Commented:
actually, ignore my previous post. Use the css and code posted below:
CSS:
<style type="text/css">
<!--
.style1 {color: #FFFFFF}
.style3 {
	color: #FFFFFF;
	font-size: 24px;
	font-weight: bold;
}
.style4 {
	font-size: 12px;
	color: #666666;
}
.description{display:block;width:52px;}
-->
</style>
 
 
Updated code:
<table width="100%" border="0" align="center">
          <tr>
             
            <td>&nbsp;</td>
                  
            <td><div align="center">
            <% If Not rsproducts.EOF Then %>
                  <span class="leftlinks"><strong><%=(rsproducts.Fields.Item("product").Value)%></strong></span><br />
                <span class="style4"><%=(rsproducts.Fields.Item("price").Value)%></span>
                        <br />
              <br />
                  <%=ReturnImage(rsproducts("imageURL"),rsproducts("imageURL"))%><br />
            <br />
            <span class="style4 description"><%=(rsproducts.Fields.Item("pdescription").Value)%></span></div>
<% rsproducts.MoveNext() %>
            <%End if%>
                  </td>
                  
            <td>&nbsp;</td>
                  
            <td><div align="center">
            <% If Not rsproducts.EOF Then %>      
                  <span class="leftlinks"><strong><%=(rsproducts.Fields.Item("product").Value)%></strong></span><br />
                <span class="style4"><%=(rsproducts.Fields.Item("price").Value)%></span>
                        <br />
              <br />
                  <%=ReturnImage(rsproducts("imageURL"),rsproducts("ImageURL"))%><br />
            <br />
            <span class="style4 description"><%=(rsproducts.Fields.Item("pdescription").Value)%></span></div>
<% rsproducts.MoveNext() %>
                  <%End if%>
                  </td>
                  
            <td>&nbsp;</td>
                  
            <td><div align="center">
            <% If Not rsproducts.EOF Then %>      
                  <span class="leftlinks"><strong><%=(rsproducts.Fields.Item("product").Value)%></strong></span><br />
                <span class="style4"><%=(rsproducts.Fields.Item("price").Value)%></span>            
                        <br />
              <br />
                  <%=ReturnImage(rsproducts("imageURL"),rsproducts("ImageURL"))%><br />
            <br />
            <span class="style4 description"><%=(rsproducts.Fields.Item("pdescription").Value)%></span></div>
<% rsproducts.MoveNext() %>
                  <%End if%>
                  </td>
                  
            <td>&nbsp;</td>
                  
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
            </table>

Open in new window

0
 
quetzal22Commented:
make sure you specify 252px. I forgot to change 52px:
.description{display:block;width:52px;}


to 252px:
.description{display:block;width:252px;}
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now