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">
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">
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">
wmec
Contributor
6534 Points
3322 Posts
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">
...
HuaMin Chen
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/
Regards,
Ferry Meidianto
www.meidianto.com
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>
HuaMin Chen
wmec
Contributor
6534 Points
3322 Posts
Re: Change the way
Nov 29, 2012 02:22 AM|LINK
Any help to this?
HuaMin Chen
Ruchira
All-Star
44303 Points
7185 Posts
MVP
Re: Change the way
Nov 30, 2012 09:35 AM|LINK
Hello,
Then make the image as body background.
<body style="background-image:url('pic12.jpg');">
My Tech blog | My YouTube ChannelPlease 'Mark as Answer' if this post helps you.wmec
Contributor
6534 Points
3322 Posts
Re: Change the way
Dec 01, 2012 07:03 AM|LINK
Thanks. I have this
<body style="background-image:url('~/../pict/pic12.jpg');">
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.
HuaMin Chen
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
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>
HuaMin Chen
Ruchira
All-Star
44303 Points
7185 Posts
MVP
Re: Change the way
Dec 01, 2012 09:35 AM|LINK
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.
My Tech blog | My YouTube ChannelPlease 'Mark as Answer' if this post helps you.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>
HuaMin Chen