I am trying to create a page with HTML (not HTML5) using the <frame> tag.
In the bottom frame I would like an image to appear, having "height: 100%" and that the user can enlarge it (for that I though using "cursor: zoom-in").
I would also be perfectly happy with the opposite, i.e. an image that appears with "width: 100%" and which the user can shrink.
The last code that I used is here below.
Despite countless attempts and as many adjustments, I cannot get it to work as I would like.
I tried (to no effect) with various browsers (Safari, Google, Firefox, ..).
That's why I would be extremely grateful for any assistance you could give me.
Fit image in HTML <frame> tag (with zoom-in/out)
in HTML/XHTML
Posted
Hi Forum,
I am trying to create a page with HTML (not HTML5) using the <frame> tag.
In the bottom frame I would like an image to appear, having "height: 100%" and that the user can enlarge it (for that I though using "cursor: zoom-in").
I would also be perfectly happy with the opposite, i.e. an image that appears with "width: 100%" and which the user can shrink.
The last code that I used is here below.
Despite countless attempts and as many adjustments, I cannot get it to work as I would like.
I tried (to no effect) with various browsers (Safari, Google, Firefox, ..).
That's why I would be extremely grateful for any assistance you could give me.
Cheers
Rani
==========
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
img { width: auto; height: 100%; display: block; -webkit-user-select: none; margin: auto; cursor: zoom-in; }
</style>
</head>
<frameset frameborder="no" rows="26%,73%">
<frame src="cv_menu.htm" scrolling="no" noresize>
<frame src="Diploma_eng.jpg">
<noframes>
<body style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"><p>
</body>
</noframes>
</frameset>
</html>