Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Scrolling in CSS, and basic calculation tool?

Featured Replies

Hello, 2 questions.

 

1) Im using spry tabbed panels. I want to make the content in them scroll, rather than having a scroll on the whole page. Ive tried adding the overflow to scroll but it just has grey bars where the scroll would be and also make it the whole page.

 

Any ideas?

 

2) Secondly, im making a vinyl sticker website, i need to create a basic calculator to estimate cost.

 

Im working on say a 10p per cm basis. I want to create 2 text inputs in where they put x length and y length.

 

I simply want it to mulitply one by the other then display the answer.

 

Any help with these at all?

 

Craig.

Hello, 2 questions.

 

1) Im using spry tabbed panels. I want to make the content in them scroll, rather than having a scroll on the whole page. Ive tried adding the overflow to scroll but it just has grey bars where the scroll would be and also make it the whole page.

 

Any ideas?

 

2) Secondly, im making a vinyl sticker website, i need to create a basic calculator to estimate cost.

 

Im working on say a 10p per cm basis. I want to create 2 text inputs in where they put x length and y length.

 

I simply want it to mulitply one by the other then display the answer.

 

Any help with these at all?

 

Craig.

 

Hello, 2 questions.

 

1) Why do you want to use that dreamweaver generated crap anyway? As soon as you start tweaking it, it gets confusing.

 

2) Why this is so simple and primitive:

 


<script>
   document.getElementById("button").onclick=function() {
       input1=document.getElementById("input1);
       input2=document.getElementById("input2);
       alert((input1.value)*(input2.value));
       return false;
   }
</script>

<form id="form">
   <input type="text" id="input1" />
   <input type="text" id="input2" />
   <input type="button" id="button" value="pressme" />
</form>

 

This is just a rough example, I'm pretty sure it won't work on medieval browsers. You have to modify it for production use. Over and out.

Edited by neverminder

  • Author

I need the calculation to be displayed aswell.

 

Any ideas? Also where do i put the code example you gave me? Im not a web designer nor look to be. But want to know a few things in order to maintain my website.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.