oreinar Posted July 10, 2022 Share Posted July 10, 2022 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> Link to comment Share on other sites More sharing options...
dsonesuk Posted July 11, 2022 Share Posted July 11, 2022 Quote 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 More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now