Change the way : The Official Microsoft ASP.NET Forums

Reply

wmec

Contributor

6534 Points

Change the way

Nov 28, 2012 07:35 AM|LINK

Hi,
I put one picture file below. But then all other items of the page are shown below this picture. How about the way to show everything of the page on the picture instead?
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Detail.aspx.cs" Inherits="Edit_User.Detail" %>

<!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 id="Head1" runat="server">
    <title>Detail Window</title>
</head>
<body>
    <form id="det_form" ForeColor="#0A2757" body style="background-color:#B8CDDB" runat="server">
    <asp:Image ID="img1" ImageUrl="../pict/pic12.jpg" Height="780px" Width="1220px" runat="server"/>
    <div >
    <table width="100%">
        <tr>
            <td align="right" ForeColor="#0A2757">

...

Many Thanks & Best Regards,
HuaMin Chen

Edited by wmec on Nov 28, 2012 08:17 AM
Edited by wmec on Nov 28, 2012 08:18 AM

Reply

ferrymeidian...

Member

500 Points

126 Posts

Re: Change the way

Nov 28, 2012 07:40 AM|LINK

Use CSS. Just like this image overlay

http://web.enavu.com/tutorials/making-image-overlay-caption-using-css/

Please "Mark as Answer" if this post answers your question.

Regards,

Ferry Meidianto
www.meidianto.com

Reply

wmec

Contributor

6534 Points

3322 Posts

Re: Change the way

Nov 28, 2012 08:16 AM|LINK

I now have the page like this below and have rerun the redeployed project but have got no improvement. '...' means other items on the page.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Detail.aspx.cs" Inherits="Edit_User.Detail" %>

<!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 id="Head1" runat="server">
    <title>Detail Window</title>
</head>
<body>
    <form id="det_form" ForeColor="#0A2757" body style="background-color:#B8CDDB" runat="server">
    <div class="wrapper">
    <asp:Image ID="img1" ImageUrl="../pict/pic12.jpg" Height="780px" Width="1220px" runat="server"/>
    ...
    </div>
    </form>
</body>
</html>

Many Thanks & Best Regards,
HuaMin Chen

Edited by wmec on Nov 28, 2012 08:17 AM

Reply

wmec

Contributor

6534 Points

3322 Posts

Re: Change the way

Nov 29, 2012 02:22 AM|LINK

Any help to this?

Many Thanks & Best Regards,
HuaMin Chen

Reply

Ruchira

All-Star

44303 Points

7185 Posts

MVP

Re: Change the way

Nov 30, 2012 09:35 AM|LINK

Hello,

wmec
How about the way to show everything of the page on the picture instead?

Then make the image as body background.

<body style="background-image:url('pic12.jpg');">

Please 'Mark as Answer' if this post helps you.

My Tech blog | My YouTube Channel

Reply

wmec

Contributor

6534 Points

3322 Posts

Re: Change the way

Dec 01, 2012 07:03 AM|LINK

Thanks. I have this

but then no picture has been shown at all. Previously, by this

<asp:Image ID="img1" ImageUrl="~/../pict/pic12.jpg" Height="780px" Width="1220px" runat="server"/>

The picture can be shown.

Many Thanks & Best Regards,
HuaMin Chen

Reply

jprochazka

Contributor

4992 Points

748 Posts

Re: Change the way

Dec 01, 2012 07:09 AM|LINK

Is something like this what you are looking for?
http://forums.asp.net/post/5049495.aspx

Reply

wmec

Contributor

6534 Points

3322 Posts

Re: Change the way

Dec 01, 2012 07:37 AM|LINK

No, by following the way from your given link, I also can't show the image.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Start._Default" %>

<!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 id="Head1" runat="server">
    <meta http-equiv="Refresh" content="120" />
    <title>Place</title>
    <link href="format.css" rel="stylesheet" type="text/css" media="screen" />
    <style type="text/css">
        .lb_reg{
        color:#fff !important;
        top: 30px;
        left: 1130px;
        width: 36px;
        height: 30px;
        font-size:large;
        font-weight:bold;
        }
        .lb_log{
        color:#fff !important;
        top: 30px;
        left: 1185px;
        width: 36px;
        height: 30px;
        font-size:large;
        font-weight:bold;
        }
    </style>
</head>
<body>
    <div class="content">
    <form id="main_form" runat="server">
    <div >
    <table width="100%">
        <tr>
            <td align="right" ForeColor="#0A2757">
            <asp:LinkButton ID="lb_reg"
               Text = "Register"
               CssClass="lb_reg"
               Font-Names="Arial"
               Forecolor="#0A2757"
               Font-Size="8pt"
               OnClick="lb_reg_Click"
               runat="server"/>
                 | <asp:LinkButton ID="lb_log"
               Text = "Login"
               CssClass="lb_log"
               Forecolor="#0A2757"
               Font-Names="Arial"
               Font-Size="8pt"
               OnClick="lb_log_Click"
               runat="server"/>
            </td>
        </tr>
    </table>
    </div>
    <div id="Dv0" style="top:10%;left:25%;width:800;height:300;position:absolute;color:#00008B" backcolor="#00008B">
    <div id="Dv1" style="text-align:center">
    <asp:Label ID="Label1"
        Text="Lifetime"
        width="600px"
        Font-Names="Verdana"
        Font-Size="18pt"
        Font-Bold="true"
        ForeColor="DarkBlue"
        runat="server" />
    <br /> <br /><br />

   <br /><br />
   </div>
   </div>
    </form>
    <img src="../pict/pic12.jpg" alt="" class="background">
    </div>
</body>
</html>

My question is, why can't I show the 2 Linkbuttons properly below by these?
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Start._Default" %>

<!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 id="Head1" runat="server">
    <meta http-equiv="Refresh" content="120" />
    <title>Place</title>
    <link href="format.css" rel="stylesheet" type="text/css" media="screen" />
    <style type="text/css">
        .lb_reg{
        color:#fff !important;
        top: 30px;
        left: 1130px;
        width: 36px;
        height: 30px;
        font-size:large;
        font-weight:bold;
        }
        .lb_log{
        color:#fff !important;
        top: 30px;
        left: 1185px;
        width: 36px;
        height: 30px;
        font-size:large;
        font-weight:bold;
        }
    </style>
</head>
<body>
    <form id="main_form" runat="server">
    <div >
    <table width="100%">
        <tr>
            <td align="right" ForeColor="#0A2757">
            <asp:LinkButton ID="lb_reg"
               Text = "Register"
               CssClass="lb_reg"
               Font-Names="Arial"
               Forecolor="#0A2757"
               Font-Size="8pt"
               OnClick="lb_reg_Click"
               runat="server"/>
                 | <asp:LinkButton ID="lb_log"
               Text = "Login"
               CssClass="lb_log"
               Forecolor="#0A2757"
               Font-Names="Arial"
               Font-Size="8pt"
               OnClick="lb_log_Click"
               runat="server"/>
            </td>
        </tr>
        <tr>
        <td>
    <asp:Image ID="img1" ImageUrl="../pict/pic12.jpg" Height="780px" Width="1220px" runat="server"/>
    </td>
    </tr>
    </table>
    </div>
    <div id="Dv0" style="top:10%;left:25%;width:800;height:300;position:absolute;color:#00008B" backcolor="#00008B">
    <div id="Dv1" style="text-align:center">
    <asp:Label ID="Label1"
        Text="Lifetime"
        width="600px"
        Font-Names="Verdana"
        Font-Size="18pt"
        Font-Bold="true"
        ForeColor="DarkBlue"
        runat="server" />
    <br /> <br /><br />

   <br /><br />
   </div>
   </div>
    </form>
</body>
</html>

Many Thanks & Best Regards,
HuaMin Chen

Edited by wmec on Dec 01, 2012 08:08 AM

Reply

Ruchira

All-Star

44303 Points

7185 Posts

MVP

Re: Change the way

Dec 01, 2012 09:35 AM|LINK

wmec

<body style="background-image:url('~/../pict/pic12.jpg');">

but then no picture has been shown at all.

You can't use ~ mark in HTML controls. ~ would only work in asp.net server controls. Please provide the appropriate path for the image and try again.

Please 'Mark as Answer' if this post helps you.

My Tech blog | My YouTube Channel

Reply

wmec

Contributor

6534 Points

3322 Posts

Re: Change the way

Dec 01, 2012 01:27 PM|LINK

Thanks. My only question is: why the 2 Linkbuttons can't be shown using these codes below.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Start._Default" %>

<!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 id="Head1" runat="server">
    <meta http-equiv="Refresh" content="120" />
    <title>Place</title>
    <link href="format.css" rel="stylesheet" type="text/css" media="screen" />
    <style type="text/css">
        .lb_reg{
        color:#fff !important;
        top: 30px;
        left: 1130px;
        width: 36px;
        height: 30px;
        font-size:large;
        font-weight:bold;
        }
        .lb_log{
        color:#fff !important;
        top: 30px;
        left: 1185px;
        width: 36px;
        height: 30px;
        font-size:large;
        font-weight:bold;
        }
    </style>
</head>
<body>
    <form id="main_form" runat="server">
    <div >
    <table width="100%">
        <tr>
            <td align="right" ForeColor="#0A2757">
            <asp:LinkButton ID="lb_reg"
               Text = "Register"
               CssClass="lb_reg"
               Font-Names="Arial"
               Forecolor="#0A2757"
               Font-Size="8pt"
               OnClick="lb_reg_Click"
               runat="server"/>
                 | <asp:LinkButton ID="lb_log"
               Text = "Login"
               CssClass="lb_log"
               Forecolor="#0A2757"
               Font-Names="Arial"
               Font-Size="8pt"
               OnClick="lb_log_Click"
               runat="server"/>
            </td>
        </tr>
        <tr>
        <td>
    <asp:Image ID="img1" ImageUrl="../pict/pic12.jpg" Height="780px" Width="1220px" runat="server"/>
    </td>
    </tr>
    </table>
    </div>
    <div id="Dv0" style="top:10%;left:25%;width:800;height:300;position:absolute;color:#00008B" backcolor="#00008B">
    <div id="Dv1" style="text-align:center">
    <asp:Label ID="Label1"
        Text="Lifetime"
        width="600px"
        Font-Names="Verdana"
        Font-Size="18pt"
        Font-Bold="true"
        ForeColor="DarkBlue"
        runat="server" />
    <br /> <br /><br />

   <br /><br />
   </div>
   </div>
    </form>
</body>
</html>

Many Thanks & Best Regards,
HuaMin Chen

Change the way RSS

15 replies

wmec

Change the way

ferrymeidian...

Re: Change the way

wmec

Re: Change the way

wmec

Re: Change the way

Ruchira

Re: Change the way

wmec

wmec

Re: Change the way

jprochazka

Re: Change the way

wmec

Re: Change the way

Ruchira

Re: Change the way

wmec

wmec

Re: Change the way

This site is managed for Microsoft by Neudesic, LLC. | © 2013 Microsoft. All rights reserved.

Follow Us On:

Microsoft