fitting Ul tags in Table tags ?

[co.ador]

help on this guys

 

 

instead of this

<table>

<td rowspan="4"></td>

<td height="49"><strong>Rating and Review:</strong></td><td align="center"><a href="#">Add Review</a></td>

<tr>

  <td rowspan="1" height="4" ><table style="font-size:10; position:relative;

left:26px;">

<td width="58">five star</td>

  <td width="40">*****</td>

  <td width="25">[23]</td>

The ul above will have a php while loop that will repeat it automatically?

*/

 

<td width="58">One star</td>

  <td width="40">*****</td>

  <td width="25">[23]</td>

  </table></td>

</tr><td rowspan="2"></td>

<tr><td height="4"><table style="font-size:10; position:relative; left:26px; ">

  <td width="58">two star</td>

  <td width="40">*****</td>

  <td width="25">[23]</td>

  </table></td>

</tr>

<td width="321" rowspan="7"></td>

 

<td width="340" rowspan="7"> </td>

  <td width="400" height="4"><table style="font-size:10; position:relative; left:26px;">

  <td width="58">three star</td>

  <td width="40">*****</td>

  <td width="25">[23]</td>

  </table></td>

  <tr><td width="400" height="4"><table style="font-size:10; position:relative; left:26px;">

  <td width="58">four star</td>

  <td width="40">*****</td>

  <td width="25">[23]</td>

  </table></td></tr>

  <td width="400" height="4"><table style="font-size:10; position:relative; left:26px;">

  <td width="58">five star</td>

  <td width="40">*****</td>

  <td width="25">[23]</td>

  </table></td>

  <tr>

    <td height="4" colspan="2"><img src="../images/line..gif" alt="df" width="330" height="7" /></td>

  </tr>

<tr>

  <td width="400" height="52"><strong>Items Specifications:</strong></td>

</tr>

    <td width="400" height="4" style="font-size:11;"><ul>

      <li>Lemon</li>

    </ul></td>

<tr>

  <td width="400" height="4" style="font-size:11;"><ul>

    <li>Marincra</li>

  </ul></td>

</tr>

  <td width="321" height="29" rowspan="5">  </td>

<td width="340" height="29" rowspan="5"> </td>

    <td height="1" colspan="1" style="font-size:11;"><ul>

      <li>Sal</li>

    </ul></td>

    <tr>

      <td height="1" style="font-size:11;"><ul>

        <li>Tomatos</li>

      </ul></td>

    </tr> <tr>

      <td height="1" style="font-size:11;"><ul>

        <li>Plums</li>

      </ul></td>

    </tr> <tr>

      <td height="1" style="font-size:11;"><ul>

        <li>Saludos</li>

      </ul></td>

    </tr> <tr>

      <td height="1" style="font-size:11;"><ul>

        <li>Asucar</li>

      </ul></td>

    </tr>

 

</table>

 

I want to achieve what's below to fit and <ul> tags inside of td? because the css style of the ul below is styled in the CSS style sheet as ul and it means I will have to change everything is there a way to fit the ul inside the table and td format as it is below?

 

If you notice the html code above has 5 repetitions instead the code below with the ul will repeat 5 times but with a php script that will automatically repeated..

 

 

    <td rowspan="4"></td>

<td height="49"><strong>Rating and Review:</strong></td><td align="center"><a href="#">Add Review</a></td>

<tr>

  <td rowspan="1" height="4" ><table style="font-size:10; position:relative;

left:26px;">

/* the ul below will repeat five times or five row of 5 star*/

'<h3>'.($K+1).' Star Active</h3>

      <ul class="rating '.$num.'star">

  <li class="one">1</li>

      <li class="two">2</li>

      <li class="three">3</li>

      <li class="four">4</li>

      <li class="five">5</li>

      <li class="total">['.$total[$K+1].']</li>

      </ul>'

/* instead of using the td below I will be using the same format of the css style that display the rating effect but I have read that displaying ul inside of td is not good. */

/* instead of manually repeated this five times

<td width="58">five star</td>

  <td width="40">*****</td>

  <td width="25">[23]</td>

The ul above will have a php while loop that will repeat it automatically?

*/

 

[haku]

If you put that code in code tags (it's the '#' button above the text box you enter your post into), I'll be happy to take a look at it.

[co.ador]

Instead of this:

<table>
<td rowspan="4"></td> 
<td height="49"><strong>Rating and Review:</strong></td><td align="center"><a href="#">Add Review</a></td>
<tr>
  <td rowspan="1" height="4" ><table style="font-size:10; position:relative; 
left:26px;">
<td width="58">five star</td>
  <td width="40">*****</td>
  <td width="25">[23]</td> 
The ul above will have a php while loop that will repeat it automatically? 
*/

<td width="58">One star</td>
  <td width="40">*****</td>
  <td width="25">[23]</td>
  </table></td>
</tr><td rowspan="2"></td>
<tr><td height="4"><table style="font-size:10; position:relative; left:26px; ">
  <td width="58">two star</td>
  <td width="40">*****</td>
  <td width="25">[23]</td>
  </table></td>
</tr>
<td width="321" rowspan="7"></td>

<td width="340" rowspan="7"> </td>
  <td width="400" height="4"><table style="font-size:10; position:relative; left:26px;">
  <td width="58">three star</td>
  <td width="40">*****</td>
  <td width="25">[23]</td>
  </table></td>
  <tr><td width="400" height="4"><table style="font-size:10; position:relative; left:26px;">
  <td width="58">four star</td>
  <td width="40">*****</td>
  <td width="25">[23]</td>
  </table></td></tr>
  <td width="400" height="4"><table style="font-size:10; position:relative; left:26px;">
  <td width="58">five star</td>
  <td width="40">*****</td>
  <td width="25">[23]</td>
  </table></td>
  <tr>
    <td height="4" colspan="2"><img src="../images/line..gif" alt="df" width="330" height="7" /></td>
  </tr>
<tr>
  <td width="400" height="52"><strong>Items Specifications:</strong></td>
</tr>
    <td width="400" height="4" style="font-size:11;"><ul>
      <li>Lemon</li>
    </ul></td>
<tr>
  <td width="400" height="4" style="font-size:11;"><ul>
    <li>Marincra</li>
  </ul></td>
</tr>
  <td width="321" height="29" rowspan="5">  </td>
<td width="340" height="29" rowspan="5"> </td>
    <td height="1" colspan="1" style="font-size:11;"><ul>
      <li>Sal</li>
    </ul></td>
    <tr>
      <td height="1" style="font-size:11;"><ul>
        <li>Tomatos</li>
      </ul></td>
    </tr> <tr>
      <td height="1" style="font-size:11;"><ul>
        <li>Plums</li>
      </ul></td>
    </tr> <tr>
      <td height="1" style="font-size:11;"><ul>
        <li>Saludos</li>
      </ul></td>
    </tr> <tr>
      <td height="1" style="font-size:11;"><ul>
        <li>Asucar</li>
      </ul></td>
    </tr>
  
</table>

 

I want to achieve what's below to fit and <ul> tags inside of td? because the css style of the ul below is styled in the CSS style sheet as ul and it means I will have to change everything is there a way to fit the ul inside the table and td format as it is below?

 

If you notice the html code above has 5 repetitions instead the code below with the ul will repeat 5 times but with a php script that will automatically repeated..

 

 

   

<td rowspan="4"></td> 
<td height="49"><strong>Rating and Review:</strong></td><td align="center"><a href="#">Add Review</a></td>
<tr>
  <td rowspan="1" height="4" ><table style="font-size:10; position:relative; 
left:26px;">
/* the ul below will repeat five times or five row of 5 star*/
'<h3>'.($K+1).' Star Active</h3>
      <ul class="rating '.$num.'star">
  <li class="one">1</li>
      <li class="two">2</li>
      <li class="three">3</li>
      <li class="four">4</li>
      <li class="five">5</li>
      <li class="total">['.$total[$K+1].']</li>
      </ul>'
/* instead of using the td below I will be using the same format of the css style that display the rating effect but I have read that displaying ul inside of td is not good. */
/* instead of manually repeated this five times
<td width="58">five star</td>
  <td width="40">*****</td>
  <td width="25">[23]</td> 
The ul above will have a php while loop that will repeat it automatically? 
*/

 

Sorry I missed that.

[haku]

I've told you this before - if you want html/css help, show us the actual HTML output.

 

Anyways, if you want to only style ul tags that are inside TD tags, use:

 

td ul
{
  // css declarations here
}