asp.net c# news and details

kadir koçaslan 65

test

hello everyone, I have a news page on my website, but when I add news, the image title and text appear.

How can I add news as seen in the example
I would appreciate your help

Lan Huang-MSFT 25,551 Reputation points Microsoft Vendor

2023-01-18T08:57:58.3133333+00:00

Hi @kadir koçaslan,

but when I add news, the image title and text appear.

Don't you want to display image title and text?

How can I add news as seen in the example

What example are you referring to? If possible, please provide the code you are currently trying. We will solve the problem you encounter. Best regards,
Lan Huang

kadir koçaslan 65

news page

     <asp:DataList ID="DataList1" runat="server" DataSourceID="SqlDataSource1" Width="1330px" RepeatColumns="3" RepeatDirection="Horizontal">
                <ItemTemplate>
                    <figure class="snip1360">
                        <img src='image/<%# Eval("Foto") %>' alt="Resim" width="100%" height="100%" />
                        <figcaption>
                            <h2><%#Eval("HaberBaslik") %></h2>
                            <p><%#Eval("KısaHaber") %></p>

                            <a href="<%# "Haberİcerik.aspx?urun="+Eval("id")%>" cssclass="read-more">reed more..</a>
                        </figcaption>
                    </figure>

                </ItemTemplate>
            </asp:DataList>

news detail

 <asp:DataList ID="DataList1" runat="server" DataSourceID="SqlDataSource1" Width="1330px" RepeatColumns="3" RepeatDirection="Horizontal">
                <ItemTemplate>
                    <div style="padding-left: 170px;">
                        <img src="image/<%#Eval("Foto") %>">
                    </div>

                    <div class="icerik" style="text-align: center; color: black; font-size: 20px; font-style: italic;">
                        <h2><%# Eval("HaberBaslik") %> </h2>
                        <p>
                        </p>
                        <p>
                            <%#Eval("Haberİcerik") %>
                        </p>
                    </div>


                </ItemTemplate>
            </asp:DataList>

Lan Huang-MSFT 25,551 Reputation points Microsoft Vendor

2023-01-19T09:43:12.2766667+00:00

Hi @kadir koçaslan,

We can't help you based on your code, can you describe your needs in more detail?
kadir koçaslan 65 Reputation points

2023-01-30T12:16:37.5766667+00:00

I do not know how to do it I want to add as many texts as I want to the news page and as many images as I want. In general, I want it to be something like the picture, is there an example of this?

Lan Huang-MSFT 25,551 Microsoft Vendor

Hi @kadir koçaslan,

If you want to achieve the style in the picture, you can refer to the following code.

DataList Class

 <div style="width: 50%; margin: 0 auto;">
            <h2>HEAD</h2>
            <asp:DataList ID="dlCustomers" runat="server" DataSourceID="SqlDataSource1" Width="100%">
                <ItemTemplate>
                    <table class="table">
                        <tr>
                            <th>
                                <img src='image/<%# Eval("image") %>' width="200" height="200" />
                            </th>
                        </tr>
                        <tr>
                            <td>
                                <%# Eval("content") %>                  
                            </td>
                        </tr>
                    </table>
                </ItemTemplate>
            </asp:DataList>

        </div>

User's image