Repeater vertical spacing

G

Goldy

Hello,
w/ code like this:

<table border="0" cellspacing="0" cellpadding="0">
<asp:Repeater runat="server" id="op">
<HeaderTemplate></HeaderTemplate>
<ItemTemplate>
<tr>
<td class="label-item" align="left">
<asp:Label runat="server" id="b1" />
<asp:Label runat="server" id="blockConditionMeasure" Text="[{0}]"
Visible="False" />
</td>
<td>
<asp:DropDownList runat="server" id="ob" CssClass="dropdown" Width="50"
TabIndex="9">
<asp:ListItem Value="1">&gt;</asp:ListItem>
<asp:ListItem Value="2">&lt;</asp:ListItem>
<asp:ListItem Value="3">=</asp:ListItem>
<asp:ListItem Value="4">&lt;=</asp:ListItem>
<asp:ListItem Value="5">=&gt;</asp:ListItem>
</asp:DropDownList>
</td>
<td width="7"><img src="space.gif" width="7" height="1" alt=""
border="0"></td>
<td>
<asp:TextBox runat="server" id="pv" CssClass="input" Width="95" TabIndex="9"
MaxLength="6" />
</td>
</tr>
</ItemTemplate>
<FooterTemplate></FooterTemplate>
</asp:Repeater>
</table>

how can i change the vertical space b/w elements?
TIA
 
G

Goldy

thats nice, but i want to decrease it :(

Karl Seguin said:
one easy way is to simply add a filler row
<tr>
<td colspan="4" style="height:20px;"></td>
</tr>
</ItemTemplate>

Karl

--
MY ASP.Net tutorials
http://www.openmymind.net/ - New and Improved (yes, the popup is
annoying)
http://www.openmymind.net/faq.aspx - unofficial newsgroup FAQ (more to
come!)
Goldy said:
Hello,
w/ code like this:

<table border="0" cellspacing="0" cellpadding="0">
<asp:Repeater runat="server" id="op">
<HeaderTemplate></HeaderTemplate>
<ItemTemplate>
<tr>
<td class="label-item" align="left">
<asp:Label runat="server" id="b1" />
<asp:Label runat="server" id="blockConditionMeasure" Text="[{0}]"
Visible="False" />
</td>
<td>
<asp:DropDownList runat="server" id="ob" CssClass="dropdown" Width="50"
TabIndex="9">
<asp:ListItem Value="1">&gt;</asp:ListItem>
<asp:ListItem Value="2">&lt;</asp:ListItem>
<asp:ListItem Value="3">=</asp:ListItem>
<asp:ListItem Value="4">&lt;=</asp:ListItem>
<asp:ListItem Value="5">=&gt;</asp:ListItem>
</asp:DropDownList>
</td>
<td width="7"><img src="space.gif" width="7" height="1" alt=""
border="0"></td>
<td>
<asp:TextBox runat="server" id="pv" CssClass="input" Width="95"
TabIndex="9" MaxLength="6" />
</td>
</tr>
</ItemTemplate>
<FooterTemplate></FooterTemplate>
</asp:Repeater>
</table>

how can i change the vertical space b/w elements?
TIA
 
K

Karl Seguin

Hahah..you have to admit that wasn't at all clear from your orignal post :p

Try making use of the padding style for setting different padding-top/bottom
and padding-left/right

Karl

--
MY ASP.Net tutorials
http://www.openmymind.net/ - New and Improved (yes, the popup is annoying)
http://www.openmymind.net/faq.aspx - unofficial newsgroup FAQ (more to
come!)


Goldy said:
thats nice, but i want to decrease it :(

Karl Seguin said:
one easy way is to simply add a filler row
<tr>
<td colspan="4" style="height:20px;"></td>
</tr>
</ItemTemplate>

Karl

--
MY ASP.Net tutorials
http://www.openmymind.net/ - New and Improved (yes, the popup is
annoying)
http://www.openmymind.net/faq.aspx - unofficial newsgroup FAQ (more to
come!)
Goldy said:
Hello,
w/ code like this:

<table border="0" cellspacing="0" cellpadding="0">
<asp:Repeater runat="server" id="op">
<HeaderTemplate></HeaderTemplate>
<ItemTemplate>
<tr>
<td class="label-item" align="left">
<asp:Label runat="server" id="b1" />
<asp:Label runat="server" id="blockConditionMeasure" Text="[{0}]"
Visible="False" />
</td>
<td>
<asp:DropDownList runat="server" id="ob" CssClass="dropdown" Width="50"
TabIndex="9">
<asp:ListItem Value="1">&gt;</asp:ListItem>
<asp:ListItem Value="2">&lt;</asp:ListItem>
<asp:ListItem Value="3">=</asp:ListItem>
<asp:ListItem Value="4">&lt;=</asp:ListItem>
<asp:ListItem Value="5">=&gt;</asp:ListItem>
</asp:DropDownList>
</td>
<td width="7"><img src="space.gif" width="7" height="1" alt=""
border="0"></td>
<td>
<asp:TextBox runat="server" id="pv" CssClass="input" Width="95"
TabIndex="9" MaxLength="6" />
</td>
</tr>
</ItemTemplate>
<FooterTemplate></FooterTemplate>
</asp:Repeater>
</table>

how can i change the vertical space b/w elements?
TIA
 
G

Goldy

:( no good so far
i tryed adding padding="0px" to all hr and hd tags w/ no result
can go into some more details ?
TIA

Karl Seguin said:
Hahah..you have to admit that wasn't at all clear from your orignal post
:p

Try making use of the padding style for setting different
padding-top/bottom and padding-left/right

Karl

--
MY ASP.Net tutorials
http://www.openmymind.net/ - New and Improved (yes, the popup is annoying)
http://www.openmymind.net/faq.aspx - unofficial newsgroup FAQ (more to
come!)


Goldy said:
thats nice, but i want to decrease it :(

Karl Seguin said:
one easy way is to simply add a filler row
<tr>
<td colspan="4" style="height:20px;"></td>
</tr>
</ItemTemplate>

Karl

--
MY ASP.Net tutorials
http://www.openmymind.net/ - New and Improved (yes, the popup is
annoying)
http://www.openmymind.net/faq.aspx - unofficial newsgroup FAQ (more to
come!)
Hello,
w/ code like this:

<table border="0" cellspacing="0" cellpadding="0">
<asp:Repeater runat="server" id="op">
<HeaderTemplate></HeaderTemplate>
<ItemTemplate>
<tr>
<td class="label-item" align="left">
<asp:Label runat="server" id="b1" />
<asp:Label runat="server" id="blockConditionMeasure" Text="[{0}]"
Visible="False" />
</td>
<td>
<asp:DropDownList runat="server" id="ob" CssClass="dropdown" Width="50"
TabIndex="9">
<asp:ListItem Value="1">&gt;</asp:ListItem>
<asp:ListItem Value="2">&lt;</asp:ListItem>
<asp:ListItem Value="3">=</asp:ListItem>
<asp:ListItem Value="4">&lt;=</asp:ListItem>
<asp:ListItem Value="5">=&gt;</asp:ListItem>
</asp:DropDownList>
</td>
<td width="7"><img src="space.gif" width="7" height="1" alt=""
border="0"></td>
<td>
<asp:TextBox runat="server" id="pv" CssClass="input" Width="95"
TabIndex="9" MaxLength="6" />
</td>
</tr>
</ItemTemplate>
<FooterTemplate></FooterTemplate>
</asp:Repeater>
</table>

how can i change the vertical space b/w elements?
TIA
 
K

Karl Seguin

well, <td
style="padding-top:0px;padding-left:5px;padding-right:5px;padding-bototm:0px;">aa</td>

or the shorthand <td style="padding:0px 5px 0px 5px;">aa</td>

Keep in mind though that ultimately, the browser will render the necessary
spacing it needs to display the content.

Karl

--
MY ASP.Net tutorials
http://www.openmymind.net/ - New and Improved (yes, the popup is annoying)
http://www.openmymind.net/faq.aspx - unofficial newsgroup FAQ (more to
come!)


Goldy said:
:( no good so far
i tryed adding padding="0px" to all hr and hd tags w/ no result
can go into some more details ?
TIA

Karl Seguin said:
Hahah..you have to admit that wasn't at all clear from your orignal post
:p

Try making use of the padding style for setting different
padding-top/bottom and padding-left/right

Karl

--
MY ASP.Net tutorials
http://www.openmymind.net/ - New and Improved (yes, the popup is
annoying)
http://www.openmymind.net/faq.aspx - unofficial newsgroup FAQ (more to
come!)


Goldy said:
thats nice, but i want to decrease it :(

"Karl Seguin" <karl REMOVE @ REMOVE openmymind REMOVEMETOO . ANDME net>
wrote in message one easy way is to simply add a filler row
<tr>
<td colspan="4" style="height:20px;"></td>
</tr>
</ItemTemplate>

Karl

--
MY ASP.Net tutorials
http://www.openmymind.net/ - New and Improved (yes, the popup is
annoying)
http://www.openmymind.net/faq.aspx - unofficial newsgroup FAQ (more to
come!)
Hello,
w/ code like this:

<table border="0" cellspacing="0" cellpadding="0">
<asp:Repeater runat="server" id="op">
<HeaderTemplate></HeaderTemplate>
<ItemTemplate>
<tr>
<td class="label-item" align="left">
<asp:Label runat="server" id="b1" />
<asp:Label runat="server" id="blockConditionMeasure" Text="[{0}]"
Visible="False" />
</td>
<td>
<asp:DropDownList runat="server" id="ob" CssClass="dropdown"
Width="50" TabIndex="9">
<asp:ListItem Value="1">&gt;</asp:ListItem>
<asp:ListItem Value="2">&lt;</asp:ListItem>
<asp:ListItem Value="3">=</asp:ListItem>
<asp:ListItem Value="4">&lt;=</asp:ListItem>
<asp:ListItem Value="5">=&gt;</asp:ListItem>
</asp:DropDownList>
</td>
<td width="7"><img src="space.gif" width="7" height="1" alt=""
border="0"></td>
<td>
<asp:TextBox runat="server" id="pv" CssClass="input" Width="95"
TabIndex="9" MaxLength="6" />
</td>
</tr>
</ItemTemplate>
<FooterTemplate></FooterTemplate>
</asp:Repeater>
</table>

how can i change the vertical space b/w elements?
TIA
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
473,755
Messages
2,569,536
Members
45,014
Latest member
BiancaFix3

Latest Threads

Top