Question

In: Computer Science

PLEASE WRITE SIMPLE HTML ,CSS(IF REQUIRED) , JAVASCRIPT(IF REQUIRED) PLEASE TELL HOW TO BRING THE EXTRA...

PLEASE WRITE SIMPLE HTML ,CSS(IF REQUIRED) , JAVASCRIPT(IF REQUIRED)

PLEASE TELL HOW TO BRING THE EXTRA SCROLL BAR MENU ATTACHED WITH THE TABLE . I WANT TO BRING THE SCROLL BAR JUST ATTACHED WITH THE EXTREME END OF THE TABLE COLUMN . I DO NOT WANT THE SCROLL BAR TO APPEAR AT THE EXTREME END OF THE PAGE.

Also i want the scroll bar menu to be horizontal and vertical as well.

Also the table column values and all the rows values data are getting disorganized. In MS EXCEL we directly select each column values and align center so that all the text is properly aligned.

i want to know how to the proper alignment of all the table column values as well.

i am posting one link for reference and help but my entire problem was not solved hence posting it again.

https://www.chegg.com/homework-help/questions-and-answers/please-write-simple-html-css-required-javascript-required-please-tell-bring-extra-scroll-b-q43754597?trackid=HHHR8JIP

Solutions

Expert Solution

I have used HTML and CSS codes .

Html Code :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<table border=1px width=170px height=200px>
<tr>
  
<th width=50%><div class=scrollable>
<style>
table, th, td {
border: 1px solid black;
padding: 2px;
}

</style>
</head>
<body>

<table >
<tr>
<th>Months</th>
<th>Savings</th>
  
</tr>
<tr>
<td>January</td>
<td>100$</td>
  
</tr>
<tr>
<td>January</td>
<td>100$</td>
  
  
</tr>
<tr>
<td>January</td>
<td>100$</td>
  
</tr>
<tr>
<td>January</td>
<td>100$</td>
  
</tr>
<tr>
<td>January</td>
<td>100$</td>
  
</tr>
<tr>
<td>January</td>
<td>100$</td>
  
</tr>
<tr>
<td>January</td>
<td>100$</td>
  
</tr>
<tr>
<td>January</td>
<td>100$</td>
  
</tr>
<tr>
<td>January</td>
<td>100$</td>
  
</tr>
<tr>
<td>January</td>
<td>100$</td>
  
</tr>
<tr>
<td>January</td>
<td>100$</td>
  
</tr>
<tr>
<td>January</td>
<td>100$</td>
  
</tr>
<tr>
<td>January</td>
<td>100$</td>
  
</tr>
<tr>
<td>January</td>
<td>100$</td>
  
</tr>
<tr>
<td>January</td>
<td>100$</td>
  
</tr>
<tr>
<td>January</td>
<td>100$</td>
  
</tr>
<tr>
<td>January</td>
<td>100$</td>
  
</tr>
<tr>
<td>January</td>
<td>100$</td>
  
</tr>
</table>
</div></th>
</tr>
</table>
</body>
</html>

CSS Code:

div.scrollable {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
}

This is the solution for the given problem, it is as per my knowledge. I hope you accept this as answer.

venereology answered 2 hours ago
Next > < Previous

Related Solutions

write php code for buying and selling web using sql, javascript ,html ,css style
write php code for buying and selling web using sql, javascript ,html ,css style
Task 1: HTML and CSS Create a website using HTML5 and CSS3 only. Please no JavaScript...
Task 1: HTML and CSS Create a website using HTML5 and CSS3 only. Please no JavaScript or Bootstrap. Website theme can be anything you want: a country, a town, a place, a hobby, people (yourself, your family...), pets, flowers, food, or anything that you find interesting or useful. It may be about real people/places/things or fictitious. Part 1: Content (HTML) After you decide the theme of your website, create HTML pages with the content you want to present. Remember to...
JS Bin / Tax Calculator / using HTML | CSS | JavaScript ------------------------------------------------------------------------------------------- How can I...
JS Bin / Tax Calculator / using HTML | CSS | JavaScript ------------------------------------------------------------------------------------------- How can I edit the JavaScript below so that when the calculate button is clicked the total price only shows two decimal places by using the toFixed() method? ----------------------------------------------------------------------------------------------------------- JavaScript: // Variables var tax = "tax"; // Tax percentage var taxRate = document.getElementById('tax'); // Selecting tax element // On the time of loading the DOM we are setting the tax rate window.addEventListener('DOMContentLoaded', (event) => { taxRate.value =...
Develop a personal web page for yourself using HTML, CSS, and Javascript Use the following HTML...
Develop a personal web page for yourself using HTML, CSS, and Javascript Use the following HTML tags to design your webpage: <h1>...</h1>,<h3>...</h3>, <h6>...</h6>, <p>...</p>, <b>...</b>, <i>...</i>, <a>...</a>, <img...>, <table>... </table>, <div>...</div>, <form>...</form>, <input type="text">, and <input type= "submit"> Use an external css to change the default style of your webpage. You must use at least one element selector, one id selector, and one class selector Using text input and submit button, allow the user to change the background color of...
Build an application using HTML, CSS, javascript, json. It is not necessary for backend to be...
Build an application using HTML, CSS, javascript, json. It is not necessary for backend to be working but the frontend should be good. App should to simple and useful in our day to day life. For eg- grocery shopping list or alarm or weather forecast or reminder.
Write a log-in log-out session using PHP, CSS, and HTML only. NO MYSQL and JavaScript allowed....
Write a log-in log-out session using PHP, CSS, and HTML only. NO MYSQL and JavaScript allowed. 1. Need an HTML form and a login form; separate file. 2. need a CSS file to make it look good 3. Must store visitors' info in a .txt file and validate from there if the user exists before granting access to the dashboard. If the user does not exist, render the form to signup. If the user exists take them to their dashboard....
suggests on how to save the web portfolio Programming languages Chosen: HTML, CSS, and JavaScript. Project...
suggests on how to save the web portfolio Programming languages Chosen: HTML, CSS, and JavaScript. Project Name: Auto Portfolio Project Goal: Create a website that will generate a web portfolio using information inputted by the user. Product Backlog using user stories: As a user, I want to be able to save my web portfolio in a format which I can save so I can use the website later for my own needs. Example: http://www-personal.umich.edu/~hamatilo/
suggests on how to save the web portfolio Programming languages Chosen: HTML, CSS, and JavaScript. Project...
suggests on how to save the web portfolio Programming languages Chosen: HTML, CSS, and JavaScript. Project Name: Auto Portfolio Project Goal: Create a website that will generate a web portfolio using information inputted by the user. Product Backlog using user stories: As a user, I want to be able to save my web portfolio in a format which I can save so I can use the website later for my own needs.
Please write "my account" page program by using HTML and CSS
Please write "my account" page program by using HTML and CSS
Make sure it works on jsfiddle and keep the code seperate html: css: javascript: -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Make sure it works on jsfiddle and keep the code seperate html: css: javascript: ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Assignment You should already have some experience with jQuery and some simple experience with JSON (from charting). In this assignment we will be creating some JSON data, parsing it, and displaying it. Step 1 – If you are not familiar with JSON you should complete the JSON tutorial at w3schools Step 2- You will now create a JSON file to represent some data of your...
ADVERTISEMENT
Subjects
ADVERTISEMENT
Latest Questions
ADVERTISEMENT