Jump to content

jamesadrian

Members
  • Content Count

    69
  • Joined

  • Last visited

Community Reputation

0 Neutral

About jamesadrian

  • Rank
    Newbie
  • Birthday 08/31/1944

Contact Methods

  • Website URL
    https://www.futurebeacon.com/jamesadrian.htm

Profile Information

  • Gender
    Male
  • Location
    Rochester, NY

Recent Profile Visitors

2,152 profile views
  1. I'm trying to write an article on my web site about special relativity. Does HTML5 provide a way to render one over the square root of an expression on a web page? The expression has superscripts and subscripts, which I know how to do. Thank you for your help. Jim Adrian
  2. At https://www.futurebeacon.com/JA3.htm I have an audio player option for the website visitor. In Firefox, it has a volume control, but in Safari, it does not. I have posed this question in several places without a response. What additional code will cause the player to have an on-screen volume control? Here is the code that works as I have described: <audio controls> <source src="https://www.futurebeacon.com/JA3.mp3" type="audio/mp3"> <source src="https://www.futurebeacon.com/JA3.ogg" type="audio/ogg"> <p>Your browser doesn't support HTML5
  3. This code works fine when viewed in Firefox: <audio controls> <source src="https://www.futurebeacon.com/JA3.mp3" type="audio/mp3"> <source src="https://www.futurebeacon.com/JA3.ogg" type="audio/ogg"> <p>Your browser doesn't support HTML5 audio.</p> </audio> However, when viewed in Safari, there is no on-screen volume control that the website visitor can use. How can I add to the controls to accomplish this? The page where this appears is here: http://www.futurebeacon.com/JA3.htm Thank you for your help.
  4. I have a problem with the code in Safari but not in Frefox. It does not always show a volume control in Safari. It may be that now it never does. I have been changing small details. What determines the appearance of a volume control? This is the code now: <div style="position: absolute; top: 100px; left: 30px;"> <audio controls> <source src="https://www.futurebeacon.com/JA3.mp3" type="audio/mp3"> <source src="https://www.futurebeacon.com/JA3.ogg" type="audio/ogg"> <p>Your browser doesn't support HTML5 audio.</p> </audio>
  5. Ingolme, Thank you for this information. Here is the result: https://www.futurebeacon.com/JA3.htm Jim Adrian
  6. I would like to put a png picture together with an mp3 sound file on an HTML page so that the visitor to the page can choose to hear the sound file while looking at the picture. I think I one knew, but I forgot. Is there a tutorial I can look at? I have a lot of experience making web pages that have mostly text and pictures. Thank you for your help. Jim Adrian
  7. dsonesuk, Thank you for this link. I am using html 5 and my browser is Safari 11.1.2 which is higher than 10. The source code I am using is this: <a href="https://www.futurebeacon.com/00Music/JA2.mp3 download>Download Music <img src="https://www.futurebeacon.com/00Music/JA2.mp3"></a> It is on my front page. I does not work and "Download Music" does not get rendered for the visitor. Can you help me find out what is going wrong? Thank you for your help. Jim Adrian
  8. My website is here: https://futurebeacon.com On that front page source I have a code that looks like this: <a href="https://www.futurebeacon.com/00Music/JA2.mp3" class = link_style1>More Music by James Adrian</a> It sends the website visitor to this location: https://www.futurebeacon.com/00Music/JA2.mp3 The music in the file JA2.mp3 immediately begins playing. This is what I want it to do. I am trying to also allow the visitor to download the file from the page that plays the music and I have been searchings for instructions to do that in such a way t
  9. I have a page that works here: https://www.futurebeacon.com/00Music/scoremakerdemo.htm I am looking for a way to continuously display in the menu at the top of the page the mouse position at all times except possible when a mouse button is being pressed. Google and Bing seem to give me only similar subjects - like the position when hovering over a specific thing. Any leads would be greatly appreciated. Thank you for your help. Jim Adrian jim@futurebeacon.com
  10. I have an html page containing javascipt that works. It allows the visitor to the website to drag a small square .png picture (a note) and place it anywhere on the background picture which is a musical staff: https://www.futurebeacon.com/00Music/stepstaff.htm I want to enhance it in such a way that when I drag the note from its original position a copy is made that stays at the original position. That way the visitor to the website can drag and place as many notes on the staff as desired and the placement locations would be independent of each other. Here is the source code: &
  11. I found typos and it now works. Thank you for all your help. Jim Adrian
  12. Ingolme, Thank you for this suggestion. It worked. I have a problem with the code: <!DOCTYPE html> <html> <head> <style> /* Dropdown Button */ <!-- Dropdown Button --> .dropbtn { background-color: #4CAF50; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer; } <!-- The container <div> - needed to position the dropdown content --> .dropdown { position: relative; display: inline-block; } <!-- Dropdown Content (Hidden by Default)
  13. Ingolme, Thank you for this reply. I copied the code from this site https://www.w3schools.com/howto/howto_css_dropdown.asp I put the CSS material between head and /head. I used the html code suggested by that page. The resultant html page had the CSS material printed out at the top of the page instead of being hidded and affecting the html code. Is there something I should place at the top of the CSS material to announce it or contain it? Thank you for your help. Jim Adrian
  14. Ingolme, Thank you for this reply. Can I place the CSS material between head and /head? This is an example to be placed between body and /body of of the html file: <div class="dropdown"> <button class="dropbtn">Dropdown</button> <div class="dropdown-content"> <a href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a> </div> </div> Would the CSS material go in between the style /style terms which I have between head and /head? Thank you for your
  15. My web pages each avoid the use of a separate CSS file this way: <!DOCTYPE html> <html> <head> <style> a.link_style0:link {color: #000000; text-decoration: none;} a.link_style0:visited {color: #000000; text-decoration: none;} a.link_style0:hover {color: #00AA00; text-decoration: none;} a.link_style0:active {color: #000000; text-decoration: none;} a.link_style1:link {color: #000000;} a.link_style1:visited {color: #000000;} a.link_style1:hover {color: #00AA00;} a.link_style1:active {color: #000000;} </style>
×
×
  • Create New...