Jump to content

Fit image in HTML <frame> tag (with zoom-in/out)


Recommended Posts

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. 




<!DOCTYPE html>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
            img {  width: auto;  height: 100%; display: block; -webkit-user-select: none; margin: auto; cursor: zoom-in; }

<frameset frameborder="no" rows="26%,73%"> 
    <frame src="cv_menu.htm" scrolling="no" noresize> 
    <frame src="Diploma_eng.jpg"> 
        <body style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"><p> 


Link to comment
Share on other sites


I am trying to create a page with HTML (not HTML5)

Not! a good start <!DOCTYPE html> IS FOR HTML5, I don't know why anyone would want to go backwards and use frames. With HTML5 and css3 you can easily achieve the result you require. example with transform: scale();

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Create New...