html image position
<img src="image.jpg" style="top:---%; left:---%">
<!-- if you put "top" to an higher %, the image will be
more down. exemple :-->
<img src="romuald.png" style="top:03%; left:80%">
<!-- my image will be up and in the right corner -->how to set the position of an image in html
<!-- There are five different position values: static, relative, fixed,
absolute and sticky -->
<!-- static -->
<head>
<style>
div.static {
position: static;
}
</style>
</head>
<body>
<div class="static">
This div element is static.
</div>
</body>
<!-- relative -->
<head>
<style>
div.relative {
position: relative;
left: 30px;
}
</style>
</head>
<body>
<div class="relative">
This div element is relative.
</div>
</body>
<!-- fixed -->
<head>
<style>
div.fixed {
position: fixed;
bottom: 0;
right: 0;
width: 300px;
}
</style>
</head>
<body>
<div class="fixed">
This div element is fixed.
</div>
</body>
<!-- absolute -->
<head>
<style>
div.relative {
position: relative;
width: 400px;
height: 200px;
}
div.absolute {
position: absolute;
top: 80px;
right: 0;
width: 200px;
height: 100px;
}
</style>
</head>
<body>
<div class="relative">This div element has position: relative;
<div class="absolute">This div element has position: absolute;</div>
</div>
</body>
// sticky
<head>
<style>
div.sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
padding: 5px;
background-color: #cae8ca;
border: 2px solid #4CAF50;
}
</style>
</head>
<body>
<div class="sticky">I am sticky!</div>
<div style="padding-bottom:2000px">
<p>The sticky element sticks to the top of the page (top: 0), when you reach its scroll position.</p>
</div>
</body>html position div
<!DOCKTYPE html> <!-- Start of coding page -->
<html> <!-- Start of html coding -->
<head> <!-- Start of head -->
<title>TITLE<title> <!-- Title -->
<script>
//JavaScript
</script>
<style>
/* CSS */
</style>
</head> <!-- End of head -->
<body> <!-- Start of body -->
<div id='mydiv' style = "position:relative; left:0px; top:100px;">
Hello!
<!-- Use that style tag to positions things, have a play around with it! -->
</div>
</body> <!-- End of body -->
<html> <!-- End of html coding -->
<!-- Add this line of code next to your id:
style = "position:relative; left:0px; top:100px;"
too let you position divs where you want them, you can even position
them ontop of other divs! -->Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
