Link to home
Start Free TrialLog in
Avatar of RickyGtz
RickyGtz

asked on

Is there any way to make this Table Rows look smaller

Hello I have members directory page that displays each member. The problem is that it gets to wide on the table rows, Can someone suggest me how to reduce the size, so It doesnt grow to the image, field text size.

Live:
http://www.playerscores.net/Leagues/memDir.asp?League=45
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!--#include file="../../Connections/sqlConn1.asp" -->
<%
Dim rsLeagues__MMColParam
rsLeagues__MMColParam = "1"
If (Request.QueryString("League") <> "") Then 
  rsLeagues__MMColParam = Request.QueryString("League")
End If
%>
<%
Dim rsLeagues
Dim rsLeagues_cmd
Dim rsLeagues_numRows
 
Set rsLeagues_cmd = Server.CreateObject ("ADODB.Command")
rsLeagues_cmd.ActiveConnection = MM_sqlConn1_STRING
rsLeagues_cmd.CommandText = "SELECT * FROM dbo.League WHERE LeagueID = ?" 
rsLeagues_cmd.Prepared = true
rsLeagues_cmd.Parameters.Append rsLeagues_cmd.CreateParameter("param1", 5, 1, -1, rsLeagues__MMColParam) ' adDouble
 
Set rsLeagues = rsLeagues_cmd.Execute
rsLeagues_numRows = 0
%>
 
 
 
<%
' Declare Variable to view which course it belongs...
mycourse = rsLeagues("CourseID")
 
 
Dim Recordset1__MMColParam
Recordset1__MMColParam = "1"
If (Session("courseID") <> "") Then 
  Recordset1__MMColParam = Session("courseID")
End If
%>
 
<%
Dim Recordset1
Dim Recordset1_cmd
Dim Recordset1_numRows
 
Set Recordset1_cmd = Server.CreateObject ("ADODB.Command")
Recordset1_cmd.ActiveConnection = MM_sqlConn1_STRING
Recordset1_cmd.CommandText = "SELECT * FROM dbo.Players WHERE courseID = '"&mycourse&"' " 
Recordset1_cmd.Prepared = true
Recordset1_cmd.Parameters.Append Recordset1_cmd.CreateParameter("param1", 5, 1, -1, Recordset1__MMColParam) ' adDouble
 
Set Recordset1 = Recordset1_cmd.Execute
Recordset1_numRows = 0
%>
<%
Dim Recordset2__MMColParam
Recordset2__MMColParam = "1"
If (Session("courseID") <> "") Then 
  Recordset2__MMColParam = Session("courseID")
End If
%>
<%
Dim Recordset2
Dim Recordset2_cmd
Dim Recordset2_numRows
 
Set Recordset2_cmd = Server.CreateObject ("ADODB.Command")
Recordset2_cmd.ActiveConnection = MM_sqlConn1_STRING
Recordset2_cmd.CommandText = "SELECT * FROM dbo.Players WHERE courseID = '"&mycourse&"' " 
Recordset2_cmd.Prepared = true
Recordset2_cmd.Parameters.Append Recordset2_cmd.CreateParameter("param1", 5, 1, -1, Recordset2__MMColParam) ' adDouble
 
Set Recordset2 = Recordset2_cmd.Execute
Recordset2_numRows = 0
%>
 
<%
Dim CourseRS__MMColParam
CourseRS__MMColParam = "1"
If (Session("CourseID") <> "") Then 
  CourseRS__MMColParam = Session("CourseID")
End If
%>
<%
Dim CourseRS
Dim CourseRS_cmd
Dim CourseRS_numRows
 
Set CourseRS_cmd = Server.CreateObject ("ADODB.Command")
CourseRS_cmd.ActiveConnection = MM_sqlConn1_STRING
CourseRS_cmd.CommandText = "SELECT CourseID, Name, CategoryID FROM dbo.Courses WHERE CourseID = '"&mycourse&"' " 
CourseRS_cmd.Prepared = true
CourseRS_cmd.Parameters.Append CourseRS_cmd.CreateParameter("param1", 5, 1, -1, CourseRS__MMColParam) ' adDouble
 
Set CourseRS = CourseRS_cmd.Execute
CourseRS_numRows = 0
%>
 
 
 
<%
Dim Repeat1__numRows
Dim Repeat1__index
 
Repeat1__numRows = 30
Repeat1__index = 0
Recordset1_numRows = Recordset1_numRows + Repeat1__numRows
%>
<%
Dim Repeat2__numRows
Dim Repeat2__index
 
Repeat2__numRows = 30
Repeat2__index = 0
Recordset1_numRows = Recordset1_numRows + Repeat2__numRows
%>
<%
'  *** Recordset Stats, Move To Record, and Go To Record: declare stats variables
 
Dim Recordset1_total
Dim Recordset1_first
Dim Recordset1_last
 
' set the record count
Recordset1_total = Recordset1.RecordCount
 
' set the number of rows displayed on this page
If (Recordset1_numRows < 0) Then
  Recordset1_numRows = Recordset1_total
Elseif (Recordset1_numRows = 0) Then
  Recordset1_numRows = 1
End If
 
' set the first and last displayed record
Recordset1_first = 1
Recordset1_last  = Recordset1_first + Recordset1_numRows - 1
 
' if we have the correct record count, check the other stats
If (Recordset1_total <> -1) Then
  If (Recordset1_first > Recordset1_total) Then
    Recordset1_first = Recordset1_total
  End If
  If (Recordset1_last > Recordset1_total) Then
    Recordset1_last = Recordset1_total
  End If
  If (Recordset1_numRows > Recordset1_total) Then
    Recordset1_numRows = Recordset1_total
  End If
End If
%>
<%
Dim MM_paramName 
%>
<%
' *** Move To Record and Go To Record: declare variables
 
Dim MM_rs
Dim MM_rsCount
Dim MM_size
Dim MM_uniqueCol
Dim MM_offset
Dim MM_atTotal
Dim MM_paramIsDefined
 
Dim MM_param
Dim MM_index
 
Set MM_rs    = Recordset1
MM_rsCount   = Recordset1_total
MM_size      = Recordset1_numRows
MM_uniqueCol = ""
MM_paramName = ""
MM_offset = 0
MM_atTotal = false
MM_paramIsDefined = false
If (MM_paramName <> "") Then
  MM_paramIsDefined = (Request.QueryString(MM_paramName) <> "")
End If
%>
<%
' *** Move To Record: handle 'index' or 'offset' parameter
 
if (Not MM_paramIsDefined And MM_rsCount <> 0) then
 
  ' use index parameter if defined, otherwise use offset parameter
  MM_param = Request.QueryString("index")
  If (MM_param = "") Then
    MM_param = Request.QueryString("offset")
  End If
  If (MM_param <> "") Then
    MM_offset = Int(MM_param)
  End If
 
  ' if we have a record count, check if we are past the end of the recordset
  If (MM_rsCount <> -1) Then
    If (MM_offset >= MM_rsCount Or MM_offset = -1) Then  ' past end or move last
      If ((MM_rsCount Mod MM_size) > 0) Then         ' last page not a full repeat region
        MM_offset = MM_rsCount - (MM_rsCount Mod MM_size)
      Else
        MM_offset = MM_rsCount - MM_size
      End If
    End If
  End If
 
  ' move the cursor to the selected record
  MM_index = 0
  While ((Not MM_rs.EOF) And (MM_index < MM_offset Or MM_offset = -1))
    MM_rs.MoveNext
    MM_index = MM_index + 1
  Wend
  If (MM_rs.EOF) Then 
    MM_offset = MM_index  ' set MM_offset to the last possible record
  End If
 
End If
%>
<%
' *** Move To Record: if we dont know the record count, check the display range
 
If (MM_rsCount = -1) Then
 
  ' walk to the end of the display range for this page
  MM_index = MM_offset
  While (Not MM_rs.EOF And (MM_size < 0 Or MM_index < MM_offset + MM_size))
    MM_rs.MoveNext
    MM_index = MM_index + 1
  Wend
 
  ' if we walked off the end of the recordset, set MM_rsCount and MM_size
  If (MM_rs.EOF) Then
    MM_rsCount = MM_index
    If (MM_size < 0 Or MM_size > MM_rsCount) Then
      MM_size = MM_rsCount
    End If
  End If
 
  ' if we walked off the end, set the offset based on page size
  If (MM_rs.EOF And Not MM_paramIsDefined) Then
    If (MM_offset > MM_rsCount - MM_size Or MM_offset = -1) Then
      If ((MM_rsCount Mod MM_size) > 0) Then
        MM_offset = MM_rsCount - (MM_rsCount Mod MM_size)
      Else
        MM_offset = MM_rsCount - MM_size
      End If
    End If
  End If
 
  ' reset the cursor to the beginning
  If (MM_rs.CursorType > 0) Then
    MM_rs.MoveFirst
  Else
    MM_rs.Requery
  End If
 
  ' move the cursor to the selected record
  MM_index = 0
  While (Not MM_rs.EOF And MM_index < MM_offset)
    MM_rs.MoveNext
    MM_index = MM_index + 1
  Wend
End If
%>
<%
' *** Move To Record: update recordset stats
 
' set the first and last displayed record
Recordset1_first = MM_offset + 1
Recordset1_last  = MM_offset + MM_size
 
If (MM_rsCount <> -1) Then
  If (Recordset1_first > MM_rsCount) Then
    Recordset1_first = MM_rsCount
  End If
  If (Recordset1_last > MM_rsCount) Then
    Recordset1_last = MM_rsCount
  End If
End If
 
' set the boolean used by hide region to check if we are on the last record
MM_atTotal = (MM_rsCount <> -1 And MM_offset + MM_size >= MM_rsCount)
%>
<%
' *** Go To Record and Move To Record: create strings for maintaining URL and Form parameters
 
Dim MM_keepNone
Dim MM_keepURL
Dim MM_keepForm
Dim MM_keepBoth
 
Dim MM_removeList
Dim MM_item
Dim MM_nextItem
 
' create the list of parameters which should not be maintained
MM_removeList = "&index="
If (MM_paramName <> "") Then
  MM_removeList = MM_removeList & "&" & MM_paramName & "="
End If
 
MM_keepURL=""
MM_keepForm=""
MM_keepBoth=""
MM_keepNone=""
 
' add the URL parameters to the MM_keepURL string
For Each MM_item In Request.QueryString
  MM_nextItem = "&" & MM_item & "="
  If (InStr(1,MM_removeList,MM_nextItem,1) = 0) Then
    MM_keepURL = MM_keepURL & MM_nextItem & Server.URLencode(Request.QueryString(MM_item))
  End If
Next
 
' add the Form variables to the MM_keepForm string
For Each MM_item In Request.Form
  MM_nextItem = "&" & MM_item & "="
  If (InStr(1,MM_removeList,MM_nextItem,1) = 0) Then
    MM_keepForm = MM_keepForm & MM_nextItem & Server.URLencode(Request.Form(MM_item))
  End If
Next
 
' create the Form + URL string and remove the intial '&' from each of the strings
MM_keepBoth = MM_keepURL & MM_keepForm
If (MM_keepBoth <> "") Then 
  MM_keepBoth = Right(MM_keepBoth, Len(MM_keepBoth) - 1)
End If
If (MM_keepURL <> "")  Then
  MM_keepURL  = Right(MM_keepURL, Len(MM_keepURL) - 1)
End If
If (MM_keepForm <> "") Then
  MM_keepForm = Right(MM_keepForm, Len(MM_keepForm) - 1)
End If
 
' a utility function used for adding additional parameters to these strings
Function MM_joinChar(firstItem)
  If (firstItem <> "") Then
    MM_joinChar = "&"
  Else
    MM_joinChar = ""
  End If
End Function
%>
<%
' *** Move To Record: set the strings for the first, last, next, and previous links
 
Dim MM_keepMove
Dim MM_moveParam
Dim MM_moveFirst
Dim MM_moveLast
Dim MM_moveNext
Dim MM_movePrev
 
Dim MM_urlStr
Dim MM_paramList
Dim MM_paramIndex
Dim MM_nextParam
 
MM_keepMove = MM_keepBoth
MM_moveParam = "index"
 
' if the page has a repeated region, remove 'offset' from the maintained parameters
If (MM_size > 1) Then
  MM_moveParam = "offset"
  If (MM_keepMove <> "") Then
    MM_paramList = Split(MM_keepMove, "&")
    MM_keepMove = ""
    For MM_paramIndex = 0 To UBound(MM_paramList)
      MM_nextParam = Left(MM_paramList(MM_paramIndex), InStr(MM_paramList(MM_paramIndex),"=") - 1)
      If (StrComp(MM_nextParam,MM_moveParam,1) <> 0) Then
        MM_keepMove = MM_keepMove & "&" & MM_paramList(MM_paramIndex)
      End If
    Next
    If (MM_keepMove <> "") Then
      MM_keepMove = Right(MM_keepMove, Len(MM_keepMove) - 1)
    End If
  End If
End If
 
' set the strings for the move to links
If (MM_keepMove <> "") Then 
  MM_keepMove = Server.HTMLEncode(MM_keepMove) & "&"
End If
 
MM_urlStr = Request.ServerVariables("URL") & "?" & MM_keepMove & MM_moveParam & "="
 
MM_moveFirst = MM_urlStr & "0"
MM_moveLast  = MM_urlStr & "-1"
MM_moveNext  = MM_urlStr & CStr(MM_offset + MM_size)
If (MM_offset - MM_size < 0) Then
  MM_movePrev = MM_urlStr & "0"
Else
  MM_movePrev = MM_urlStr & CStr(MM_offset - MM_size)
End If
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<link href="../../includes/skins/kollection/tng.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.style2 {
	border: solid 1px #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}
.Estilo1 {font-size: small}
</style>
<link href="../Template/style.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
<p>&nbsp;</p>
<table width="1095" border="0" style="width: 1102px; height: 139px">
  <tr class="w">
    <td height="56" style="width: 886px"><p class="w" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-style: normal">&nbsp;</p>
      <p class="vam" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-style: normal">&nbsp; </p>
      <p class="vam" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-style: normal"><span class="vam" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-style: normal"><span class="Estilo1">Club Directory</span></span></p>
      <p class="vam" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-style: normal">Golf Course Name:<%=(CourseRS.Fields.Item("Name").Value)%> </p>
    <p class="vam" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-style: normal"></p></td>
  </tr>
  <tr>
    <td height="56" style="width: 886px">
	<p class="vam" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-style: normal">&nbsp;</p>
	<p class="vam" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-style: normal">&nbsp;</p>
      <div>
                      <table border="0">
                        <tr>
                          <td><% If MM_offset <> 0 Then %>
                              <a href="<%=MM_moveFirst%>">Primero</a>
                              <% End If ' end MM_offset <> 0 %>                          </td>
                          <td><% If MM_offset <> 0 Then %>
                              <a href="<%=MM_movePrev%>">Anterior</a>
                              <% End If ' end MM_offset <> 0 %>                          </td>
                          <td><% If Not MM_atTotal Then %>
                              <a href="<%=MM_moveNext%>">Siguiente</a>
                              <% End If ' end Not MM_atTotal %>                          </td>
                          <td><% If Not MM_atTotal Then %>
                              <a href="<%=MM_moveLast%>">Último</a>
                              <% End If ' end Not MM_atTotal %>                          </td>
                        </tr>
                      </table>
                      <table border="1" cellpadding="3" cellspacing="1" style="width: 1082px; height: 54px">
                        <tr bgcolor="#99CC66" class="KT_tngtable">
                          <td width="114" class="KT_tngtable">Picture </td>
                          <td width="127" class="KT_tngtable">League</td>
                          <td width="246" class="KT_tngtable">Member Name</td>
                          <td width="94" class="KT_tngtable">Email</td>
                          <td width="116" class="KT_tngtable">Handicap</td>
                          <td width="111" class="KT_tngtable">Index</td>
                          <td width="137" class="KT_tngtable">Meet Partners</td>
                          <td style="width: 63px">&nbsp;</td>
                        </tr>
                        <% While ((Repeat2__numRows <> 0) AND (NOT Recordset1.EOF)) %>
                        <tr>
                          <td class="KT_tngtable"><div class="KT_tngtable" id="image">
                            <% Response.Write("<img src=/members/"& Recordset1("Image1") & ">")%>
                          </div></td>
                          <td>none
                            <% If Recordset1("LeagueName") = "" Then  %>
						  None  <% Else %><%=(Recordset1.Fields.Item("LeagueName").Value)%></td><% End If %>
                          <td class="KT_tngtable"><%=(Recordset1.Fields.Item("FirstName").Value)%>
						  ,<%=(Recordset1.Fields.Item("LastName").Value)%></td>
                          <td class="KT_tngtable"><%=(Recordset1.Fields.Item("Email").Value)%></td>
                          <td class="KT_tngtable"><%=(Recordset1.Fields.Item("Handicap").Value)%></td>
                          <td class="KT_tngtable">none
                            <% If Recordset1("IndexVal") ="" Then  %>
						  None  <% Else %>   <%=(Recordset1.Fields.Item("Indexval").Value)%></td><% End If %>
                          <td class="KT_tngtable">Not specified<%=(Recordset1.Fields.Item("MeetPartners").Value)%></td>
                          <td class="KT_tngtable" style="width: 63px"><div align="center">View 
						  Profile</div></td>
                        </tr>
                        <% 
  Repeat2__index=Repeat2__index+1
  Repeat2__numRows=Repeat2__numRows-1
  Recordset1.MoveNext()
Wend
%>
                      </table>
                    <p>&nbsp;</p></div>
      <!-- FOOTER TABLE -->
      <!-- END FOOTER TABLE -->
      <!-- NAVIGATION LAYERS -->
    <!-- END NAVIGATION LAYERS -->      <!-- TIME MARKS    END TIME MARKS --></td>
  </tr>
</table>
</body>
</html>
<%
Recordset1.Close()
Set Recordset1 = Nothing
%>
<%
Recordset2.Close()
Set Recordset2 = Nothing
%>
 
<%
CourseRS.Close()
Set CourseRS = Nothing
%>
<%
rsLeagues.Close()
Set rsLeagues = Nothing
%>

Open in new window

Avatar of Wayne Barron
Wayne Barron
Flag of United States of America image

I am not quite sure how big you want your cells to be.
But you can do this in your CSS.

If you have any questions about the just ask.

Also.
You really need to consider a recoding of your site.
But we will deal with that later on.
Lets get what you want first.

Carrzkiss
This is the HTML part of it.
This is the Head of your <Table>
=====================================
      <TABLE id="MainTable">
        <TBODY>
        <TR class=KT_tngtable bgColor=#99cc66>
          <TD id="Ptd" >Picture </TD>
          <TD id="Ltd" >League</TD>
          <TD id="Mtd" >Member Name</TD>
          <TD id="Etd" >Email</TD>
          <TD id="Htd" >Handicap</TD>
          <TD id="Itd" >Index</TD>
          <TD id="MPtd" >Meet Partners</TD>
=================================================
Now.
In your CSS add this information.
 
#MainTable{
width:882px;
height:54px;
border:1px;
cell-spacing:1px;
cell-padding:3px;
}
#MainTable #Ptd{
width:71px;
}
#MainTable #Ltd{
width:57px;
}
#MainTable #Mtd{
width:95px;
}
#MainTable #Etd{
width:195px;
}
#MainTable #Htd{
width:125px;
}
#MainTable #Itd{
width:45px;
}
#MainTable #MPtd{
width:176px;
} 

Open in new window

Just let me be clear you want to reduce the width of the entire table row or you want to reduce the height when there is a image in the row?

Because you have a table under that in one column you are inserting an image so the rest of the columns will automatically increase the height.

Pls make it clear you want to reduce the height or the width?
Avatar of RickyGtz
RickyGtz

ASKER

I want to reduce all of them , and make it equaly sized. all rows.

CSS===========================
 
.KT_tngtable{
width:50px;
height:50px;
} 
 
HTML========================
<link href="style.css" rel="stylesheet" type="text/css">
    <TABLE id="MainTable">
        <TBODY>
        <TR class=KT_tngtable bgColor=#99cc66>
          <TD class="KT_tngtable" >Picture </TD>
          <TD class="KT_tngtable" >League</TD>
          <TD class="KT_tngtable" >Member Name</TD>
          <TD class="KT_tngtable" >Email</TD>
          <TD class="KT_tngtable" >Handicap</TD>
          <TD class="KT_tngtable" >Index</TD>
          <TD class="KT_tngtable" >Meet Partners</TD>
          </TR>
          </TBODY>
          </TABLE>

Open in new window

Just remove the
 </TR>
</TBODY>
</TABLE>

Then fit right into you page
ASKER CERTIFIED SOLUTION
Avatar of khbasha
khbasha
Flag of India image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
can you ckeck it now, Am I doing something wrong?

http://www.playerscores.net/Leagues/memDir.asp?League=45
ok check if I have it correctely
<style type="text/css">
#MainTable{
width:764px;
height:50px;
border:1px;
cell-spacing:1px;
cell-padding:3px;
}
#MainTable #Ptd{
width:71px;
height:50px;
}
#MainTable #Ltd{
width:57px;
height:50px;
}
#MainTable #Mtd{
width:95px;
height:50px;
}
#MainTable #Etd{
width:195px;
height:50px;
}
#MainTable #Htd{
width:125px;
height:50px;
}
#MainTable #Itd{
width:45px;
height:50px;
}
#MainTable #MPtd{
width:176px;
height:50px;
} 
</style>
<style type="text/css">
.style2 {
	border: solid 1px #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}
.Estilo1 {font-size: small}
</style>
<link href="../Template/style.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
<p>&nbsp;</p>
<table width="1024" border="0" style="width: auto; height: auto">
  <tr class="w">

Open in new window

yes, you have not fixed the image size fix that resize it in photoshop or it will look odd. Inser this image and the width & height of the image is now like this 56px width & 50px height
nopic.gif
Dont kwno much about css, I am aplying the style here :

<table width="1024" border="0" style="width: auto; height: auto">
  <tr class="w">
??
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
just play with the CSS values that I have set for you, that you just posted above.
They will do everything that you need.
You DO NOT want everything to be 1 size
It will make the window scrollable, and that you do not want to do.

Just play with them values and get it to the size that you want.
Use the image that [khbasha:] has kindly provided, it is the perfect size.
If this is going to be Members Images, then that is the perfect size.
It will not break your table, and that is what you are after.
khbasha:
He has a CSS file
<link href="../Template/style.css" rel="stylesheet" type="text/css" />

That is the reason why I listed it as such.

Ricky
You really need to take a look into your css file.
It is what holds you entire site together, without it, it will look BAD.

So, take my CSS code that I provided, get it to the sizes that you want, and then add it to
The bottom of your [ style.css ] page.
make use of this sample file.
Sample.zip
make use of this sample file.
<html>
<style type="text/css">
#MainTable{
width:774px;
height:50px;
border:1px;
cell-spacing:1px;
cell-padding:3px;
}
#MainTable .Ptd{
width:71px;
height:50px;
padding-left:3px;
}
#MainTable .Ltd{
width:57px;
height:50px;
padding-left:3px;
}
#MainTable .Mtd{
width:105px;
height:50px;
padding-left:3px;
}
#MainTable .Etd{
width:195px;
height:50px;
padding-left:3px;
}
#MainTable .Htd{
width:125px;
height:50px;
padding-left:3px;
}
#MainTable .Itd{
width:45px;
height:50px;
padding-left:3px;
}
#MainTable .MPtd{
width:176px;
height:50px;
padding-left:3px;
}
</style>
<body>
<TABLE id="MainTable">
  <TBODY>
    <TR class=KT_tngtable bgColor=#99cc66>
      <TD class="Ptd">Picture </TD>
      <TD class="Ltd" >League</TD>
      <TD class="Mtd" >Member Name</TD>
      <TD class="Etd" >Email</TD>
      <TD class="Htd" >Handicap</TD>
      <TD class="Itd" >Index</TD>
      <TD class="MPtd" >Meet Partners</TD>
    </TR>
    <TR class=KT_tngtable bgColor=#F5FAF1>
      <TD class="Ptd"><img src="nopic.gif" width="56" height="50"></TD>
      <TD class="Ltd" >&nbsp;</TD>
      <TD class="Mtd" >&nbsp;</TD>
      <TD class="Etd" >&nbsp;</TD>
      <TD class="Htd" >&nbsp;</TD>
      <TD class="Itd" >&nbsp;</TD>
      <TD class="MPtd" >&nbsp;</TD>
    </TR>
  </TBODY>
</TABLE>
</body>
</html>

Open in new window

nopic.gif
Yes, I guess the picture was the BIG problem here.. Do you guys know how to prevent this happening , is tehre any trick or do you know any code that will reject any big sized image?>
that sample looks good, so do I create a new Style.css?
Forgot about the issue with the "Class" For Multiple Rows.
Good catch on that one [khbasha:]

Nice use of my original code though.
Sure.
You can create a new style.css for each of your pages.
It will help to keep everything nice a tidey.
Thanks guys
Use this ur problem will be solved.
<html>
<style type="text/css">
#MainTable{
width:774px;
height:50px;
border:1px;
cell-spacing:1px;
cell-padding:3px;
}
#MainTable .Ptd{
width:71px;
height:50px;
padding-left:3px;
}
#MainTable .Ptd, img{
width:56px;
height:50px;
padding-left:3px;
}
#MainTable .Ltd{
width:57px;
height:50px;
padding-left:3px;
}
#MainTable .Mtd{
width:105px;
height:50px;
padding-left:3px;
}
#MainTable .Etd{
width:195px;
height:50px;
padding-left:3px;
}
#MainTable .Htd{
width:125px;
height:50px;
padding-left:3px;
}
#MainTable .Itd{
width:45px;
height:50px;
padding-left:3px;
}
#MainTable .MPtd{
width:176px;
height:50px;
padding-left:3px;
}
</style>
<body>
<TABLE id="MainTable">
  <TBODY>
    <TR class=KT_tngtable bgColor=#99cc66>
      <TD class="Ptd">Picture </TD>
      <TD class="Ltd" >League</TD>
      <TD class="Mtd" >Member Name</TD>
      <TD class="Etd" >Email</TD>
      <TD class="Htd" >Handicap</TD>
      <TD class="Itd" >Index</TD>
      <TD class="MPtd" >Meet Partners</TD>
    </TR>
    <TR class=KT_tngtable bgColor=#F5FAF1>
      <TD class="Ptd"><img src="nopic.gif" width="56" height="50"></TD>
      <TD class="Ltd" >&nbsp;</TD>
      <TD class="Mtd" >&nbsp;</TD>
      <TD class="Etd" >&nbsp;</TD>
      <TD class="Htd" >&nbsp;</TD>
      <TD class="Itd" >&nbsp;</TD>
      <TD class="MPtd" >&nbsp;</TD>
    </TR>
  </TBODY>
</TABLE>
</body>
</html>

Open in new window

Glad we could help.
I should say, that I could help set up [khbasha:] with the code to work with here.

You really need to look in on recoding you site.
If you want some pointers, make another post about

XHTML Requirements and ASP
And then post the link in here.
And I will tell you want you need to do to get your code up to specs.

have a good one.
Carrzkiss
thanks yes , I will do that , I am kinda lost on the styling