Avatar billede joseph Nybegynder
07. april 2008 - 21:41 Der er 14 kommentarer

hvordan kan jeg centrerer ifram over et stort billed(image)

Hej eksperten
Hvordan kan man centere en iframe med  Height = 300 px og width = 300px over et billeder(image) som har Height = 3000px og width = 3000px i .net .
Test kode se såden ud.
Default.aspx
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <iframe id="iframeTest" src="img.aspx" height="300px" width="300px" ></iframe>
    </div>
    </form>
</body>
</html>
og Img.aspx
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ImageButton ID="ImageButton1"  ImageUrl="bla.img" Width="3000px" Height="3000px" runat="server" />
    </div>
    </form>
</body>
</html>
på forhånd tak
Avatar billede kalp Novice
07. april 2008 - 22:13 #1
ændre din <body> til <body style="text-align:center">
Avatar billede joseph Nybegynder
08. april 2008 - 08:12 #2
Tak KALP for dine hurtig svar men det fungerer ikke i VS2008 med mindre jeg har skrevet noget forkert. Her er min simple test kode:

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_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 runat="server">
    <title>Untitled Page</title>
</head>
<body style="text-align:center">
    <form id="form1" runat="server">
    <div>
    <iframe id="iframeTest" scrolling="no" src="img.aspx" height="300px" width="300px" ></iframe>
    </div>
    </form>
</body>
</html>



<%@ Page Language="C#" AutoEventWireup="true" CodeFile="img.aspx.cs" Inherits="img" %>

<!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 runat="server">
    <title>Untitled Page</title>
</head>
<body style="text-align:center">
    <form id="form1" runat="server">
    <div>
        <asp:ImageButton ID="ImageButton1"  ImageUrl="~/bla.JPG" Width="3000px" Height="3000px" runat="server" />
    </div>
    </form>
</body>
</html>
Avatar billede kalp Novice
08. april 2008 - 08:36 #3
hvordan ser det ud når du kører koden?

jeg har prøvet nu at ligge et billede over framen bare for test og det fungere fint hos mig med denne kode

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body style="text-align:center">
    <form id="form1" style="margin-left:auto;margin-right:auto;" runat="server">
    <div style="margin-left:auto;margin-right:auto;">
    <img src="" /><br />
    <iframe id="iframeTest" src="img.aspx" height="300px" style="margin-left:auto;margin-right:auto;" width="300px" ></iframe>
    </div>
    </form>
</body>
</html>
Avatar billede joseph Nybegynder
08. april 2008 - 09:27 #4
Ok , jeg har ikke forklare problemstilling rigtigt. jeg vil har at iframe skal vise mid af billeder(center ,center ) i sted for at den vise nu (top left) af det store billeder. det er det jeg ment med at centerer iframe over center af billederet.
Avatar billede joseph Nybegynder
08. april 2008 - 09:40 #5
din kode centerer iframe i midden af page(default.aspx) men den viser top left af billede. Men det jeg mangler at iframe viser center at billedet.
Jeg håber at problemstilling er bedre forklaret nu.
Avatar billede kalp Novice
08. april 2008 - 12:08 #6
dvs. billedet skal centres i midten af iframen.
Hvis din skærm var en iframe, så skulle billedet placeres i midten både lodret og vandret ?
Avatar billede joseph Nybegynder
08. april 2008 - 13:30 #7
Yes
Avatar billede joseph Nybegynder
08. april 2008 - 21:40 #8
findes overhovedet løsning til dette problem ?
Avatar billede kalp Novice
08. april 2008 - 22:52 #9
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
  <table width="100%" height="100%">
<tr>
<td style="text-align: center; vertical-align: middle;">
  <iframe id="iframeTest" src="img.aspx" height="300px" style="margin-left:auto;margin-right:auto;" width="300px" ></iframe>
</td>
</tr>
</table>
    </form>
</body>
</html>
Avatar billede joseph Nybegynder
09. april 2008 - 07:41 #10
Hej Kalp,
Jeg har lige testet din kode og den vise en ifram i midt af websiden, og iframen vise (top left) af mit test billede.  Jeg beklager , jeg er ikke særlig god til at beskrive problemstilling. Men nu vil beskrive hvad jeg vil have meget groundigt.
Forstiller dig at jeg har et billede med 5000px width og 5000px height og jeg har i midden af billede en rød firkant  som har 300px width og 300px height, og denne firkant ligge prciæs i centrum af billedet. Og resten af billedet er har  hvide farve. Dette billede ligge i img.aspx og img.aspx har kun dette (billede med rød firkant midt i). på defualt.aspx har jeg iframe som har src=”img.aspx” . Og det jeg vil har at når jeg køre programmet vil jeg se kun den lille røde firkant som ligge på billedet.
Avatar billede kalp Novice
09. april 2008 - 19:11 #11
det er måske fordi jeg ikke kan se nogle steder i din kode noget som helst som har 5000px width og height.

på default ser jeg f.eks slet ikke nogle billeder andet end din iframe.
tror ikke helt jeg er med.. det lige før det skal tegnes:D
Avatar billede joseph Nybegynder
10. april 2008 - 07:57 #12
undskyld, jeg ment billeder med 3000px width og 3000px height. Men det er også ligegyldig, hvor stort billedet er bare det er større end iframe. Dvs. at iframe kan ikke vise helle billedet. Den kommer til at vise del af billedet. Det jeg vil have at iframen skal vise den del af billedet som ligger i centrum og ikke som det er nu at den vise (top left)billedet.
Avatar billede x4all_dk Nybegynder
10. april 2008 - 09:01 #13
Hvis jeg forstår det rigtigt så har du en side i HTML som er 5000px * 5000px,
og du vil have at browseren viser/står i midten af denne side.


Så (5000/2, 5000,2) = (2500,2500) skal være det man ser i browserens centrum.
Dermed hvis man har et helt hvidt billede med rød prik i midten(2500,2500),
så det du ønsker er at få browseren til at centrer siden horizontalt og vertikalt,
og dermed at den automatisk viser siden, så den røde prik SES i midten.


En løsning har jeg ikke umiddelbart... Men interessant problemstilling :)
Avatar billede joseph Nybegynder
10. april 2008 - 19:55 #14
lige præcis
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester