Developing Scrolling in HTML

<!DOCTYPE html>
<html>
<head>

<style>
.div1
{
width: 1000px; 
height: 600px;
overflow: scroll;   
}
   
.div2
{
width:1200px;
height: 800px;
background-color: lightgreen;     
}

</style>

</head>
<body>


<div class="div1">
      <div class="div2">
        <h2>Java Basics</h2>
      <h2>Java Basics</h2>
        <h2>Java Basics</h2>
      <h2>Java Basics</h2>
      <h2>Java Basics</h2>
      </div>
</div>

</body>
</html>

Comments

Post a Comment

Popular posts from this blog

WebPage Design Using HTML and CSS

<html> <head> <title>Java Basics</title> <style> *{ box-sizing: border-box; } body { margin: 0; } .header,.footer{ background-color: yellow; padding: 10px; text-align: center; } .menu { overflow: hidden; background-color: LightGreen; padding: 10px; } .menu a { float: right; display: block; color: red; padding: 10px 10px; } .menu a:hover { background-color: yellow; color: blue; } .column.left,.column.right{ text-align: left; float: left; width: 20%; padding: 70px; background-color: HotPink } .column.middle { text-align: center; float: left; width: 60%; padding: 70px; } .row:after { content: ""; display: table; clear: both; } </style> </head> <body> <div class ="header"> <h2>Header</h2> </div> <div class = "menu"> <a href="#">Home</a> <a href="#">AboutUs</a> <...
Read more

How to design webpage using HTML And CSS

<!DOCTYPE html> <head> <title>Java Basics</title> <style> * { box-sizing: border-box; } body { margin: 0; } .header,.footer { background-color: yellow; padding: 10px; text-align: center; } .topnav {   overflow: hidden;   background-color: LightGreen;   padding: 10px; } .topnav a { float: right; display: block; color: red; padding: 10px 10px; } .topnav a:hover { background-color: yellow; color: blue; } .column.left,.column.right { text-align: left; float: left; width: 20%; padding: 70px; background-color: HotPink; } .column.middle { text-align: center; float: left; width: 60%; padding: 70px; } .row:after { content: ""; display: table; clear: both; } </style> </head> <body> <div class="header">    <h2>Header</h2> </div> <div class="topnav">    <a href="#">Home</a>    <a href="#">Ab...
Read more

Convert XML In To Java Using Java

package com.java.basicprograms; import java.io.File; import javax.xml.bind.JAXBContext; import javax.xml.bind.JAXBException; import javax.xml.bind.Unmarshaller; public class ConvertXMLInToJava { public static void main(String[] args) { try { JAXBContext context  = JAXBContext.newInstance(Item.class); Unmarshaller unmarshaller = context.createUnmarshaller(); File file = new File("E:/item.xml"); Item item = (Item) unmarshaller.unmarshal(file); System.out.println(item); } catch (JAXBException e) { e.printStackTrace(); } } }
Read more