Frågan 27 sep. 2001 14:05 #1 Hej!
Jag har ett irriterande problem. Det är så att jag hämtar några produkter från en db och visar dem sedan mha en DataList. Problemet är att DataList kontrollen skapar en tabell som ser ut så här:
<table width="450" align="center">
<tr>
<td>Produktnamn</td>
</tr>
</table>
Mitt problem är att jag behöver sätta 'valign="top"' i tabellcellen för att sidan ska visas någorlunda snyggt.
<table width="450" align="center">
<tr>
<td [b]valign="top"[/b]>Produktnamn</td>
</tr>
</table>
Jag har inte sett hur man kan förändra de tabellceller DataListen producerar. Är det någon som vet hur man kan lösa det?
------------------
mvh André,
http://www.sigmafarg.se
[Redigerat av juventus1 den 27 sep 2001]
Vide Medlem sedan dec. 1999 8 577 inlägg Datalist members
Du kan ju testa med metoden ".Attributes" och lägga till valign. Vet inte om den då kommer på tabellen, men det är ju värt att testa. :)
------------------
Fråga: Hur kan man fördröja att mjölk blir gammal?
Svar: Låt det vara kvar i kon.
un.eyebew
Hej!
Nja, jag lyckas inte få det att fungera. Jag lyckas inte få Attribute-värdet att hamna rätt, det kommer hela tiden bland de övriga egenskaperna för hela tabellen. Men jag ska testa lite mer senare.
------------------
mvh André,
http://www.sigmafarg.se
Vide Medlem sedan dec. 1999 8 577 inlägg Allt beror ju helt på hur du lägger upp din DataList, använder du t.ex en Template så kan du lätt få det snyggt och med full kontroll på grejorna... :)
------------------
Fråga: Hur kan man fördröja att mjölk blir gammal?
Svar: Låt det vara kvar i kon.
un.eyebew
Hej!
Jag använder en template. Den ser ut så här:
<asp:DataList id="ShowProducts" RepeatColumns="2" RepeatDirection="Horizontal" Width="450" runat="server">
<ItemTemplate>
<table width="225" border="0" cellspacing="0" cellpadding="5" align="center">
<tr>
<td width="225">
<div align="center">
<b>
<%# DataBinder.Eval(Container.DataItem, "Name") %>
</b>
</div>
</td>
</tr>
<tr>
<td height="1">
<img src="bilder/1black.gif" width="100%" height="1">
</td>
</tr>
<tr>
<td width="225">
<div align="center">
<img src="bilder/Sample.jpg" width="200" height="200">
</div>
</td>
</tr>
<tr>
<td height="1">
<img src="bilder/1black.gif" width="100%" height="1">
</td>
</tr>
<tr>
<td width="225">
<div align="left">
<%# DataBinder.Eval(Container.DataItem, "Description") %>
<br>
<b>Price:
<%# DataBinder.Eval(Container.DataItem, "Price") %>
SEK </b>
</div>
</td>
</tr>
<tr>
<td height="1">
<img src="bilder/1black.gif" width="100%" height="1">
</td>
</tr>
<tr>
<td width="225" valign="top">
<div align="left">
<form name="form1" method="post" action="cart.aspx" onSubmit="return CheckValue(this);">
<input type="text" name="antal" maxlength="2" style="WIDTH: 25px" onFocus="onFocus(this);" onBlur="onBlur(this);" class="inputbox" value="1">
<input type="image" border="0" src="bilder/addtocart.gif" alt="Add to cart"> <input type="image" src="bilder/more.gif" border="0" alt="More information about this product">
<input type="hidden" name="ProductID" value="variabel">
</form>
</div>
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
Grejen är att DataListen lägger in min tabell i en större tabell. Det är i den större tabellen som felet uppstår. Exempel .
------------------
mvh André,
http://www.sigmafarg.se
[Redigerat av juventus1 den 28 sep 2001]
Äntligen har jag hittat hur man gör!
Så här ser det ut...
<asp:DataList id="ShowProducts" RepeatColumns="2" RepeatDirection="Horizontal" Width="450" runat="server">
[b]<ItemStyle VerticalAlign="top" HorizontalAlign="left">
</ItemStyle>[/b]
<ItemTemplate>
<table width="225" border="0" cellspacing="0" cellpadding="5" align="center">
<tr>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
------------------
mvh André