Jump to content


  • Content Count

  • Joined

  • Last visited

Community Reputation

0 Neutral

About jasonxweb

  • Rank
  1. Hello Everyone, On my web page, I want the user to roll their mouse wheels to play sounds and activate hyperlinks. I've been able to implement the first goal to some extent, but am facing problems. You can see my code in action at https://naturefarm3000.blogspot.com , and the code itself below. Problem 1 : When you visit the above page, you'll see that if the first action you take is to roll your mouse wheel while hovering over the yellow boxes, nothing will happen. But, if you click your mouse anywhere on the page once, and let the sound effect finish playing, then afterwards, you c
  2. Hi Dsonesuk, I was able to remove 2 <!DOCTYPE html>'s from my code. When I checked the source code of the home page there is now only one <!DOCTYPE html>. However, my code is inserted into widgets and pages of a Blogger template, and much of the other code is applied by Blogger. Jason
  3. Hello everyone, I am trying to make a navigation bar. I want the buttons to be image hyperlinks that change opacity on hover and click. This is how I am doing it: <style> .jw-button a:link, .jw-button a:visited { border: 2px dotted orange; opacity: 0.6; overflow: hidden; } .jw-button a:hover, .jw-button a:active { border: 2px dotted yellow; text-decoration: none; /* to remove the little line */ opacity: 0.95; overflow: hidden; } </style> <body> <div class="jw-button"> <a href="http://www.jasonwangart.com/p/spreads.html">
  4. Thank you dsonesuk! Using span worked very well! And thanks for the info about the document tags.
  5. Hi everyone, Can anyone tell me why my div is not auto expanding to fit its contents, even though I set "width: auto;" ? Also, why does my "display: inline;" not work? You can see what I mean here: http://www.jasonwangart2.blogspot.ca/ Basically, I am trying to make it so that all the elements inside the div-with-thick-red-dashed-border will appear in one horizontal row. Question 1: I set the div-with-thick-red-dashed-border to "width: auto;", but the inner divs are wrapping for some reason, and the div-with-thick-red-dashed-border is not expanding horizontally to contain mor
  6. Thanks everyone for your suggestions. Here is what worked in the end: <style> #jw-1-about-centre-align { width: 300%; border: 0px dashed red; background-color: rgba(255,255,255,0.0); text-align: center; } #jw-2-about-pad { display: inline-block; padding: 20px 30px; border: solid rgba(0,0,0,0.2); border-width: 0px 1px; border-radius: 15px 15px 15px 15px / 30px 30px 30px 30px; text-align: left; font-size: 16px; background-color: rgba(255,255,255,0.3); } .jw-3-about-column-content { display: table-cell; border: 0px dashed orange; width: 300px; } .jw-3-about-colu
  7. Thanks everyone for your response! Tezzo, thank you for your suggestion. It looks like the .sep div will only centre vertically if the .block div is also set to "vertical-align:middle". If I change the .block div to "vertical-align:top", then the .sep div will not center vertically, even if it is still set to "vertical-align:middle". Do you know if there's a way to set .sep to centre vertically while .block is set to align to top? Thank you.
  8. Hi everyone! I am trying to vertically center divs inside another div, using: position: relative;vertical-align: middle; But it's not working! Does anyone know why? On this page: http://www.jasonwangart.com/p/about-web.html , I am trying to make the dividers - the vertical black lines - be vertically centered within the parent div. You can see my code here: <!doctype html> <style> .jw-1-about-centre-align { width: 300%; border: 0px solid red; font-size: 16px; background-color: rgba(255,255,255,0.0); text-align: center; } .jw-2-about-pad { vertical-align
  9. Hi Ingolme, thank you so much!
  10. Hi Everyone, When I click on the hyperlinks - text or image - on my site, the text or image shifts! This is driving me crazy! Please see what I mean here: http://www.jasonwangart.com/p/about.html Try clicking on the Facebook hyperlink icon, or the last sentence in the box. It also happens here: http://www.jasonwangart.com/search/label/illustration When I click on the "New "Drawing Camp Tutorial" in tutorials" hyperlink (third line from the top), or the images in the gallery, the text and the image shifts! Does anyone know what is causing this? Thank you. Jason <!doctype html> &l
  11. Hi everyone, I am making a section of my webpage so that the image links will go from translucent to opaque during a cursor mouseover. However, there is an unintended effect - a little horizontal line (about 1 pixel by 5 pixels) appears at the lower right corner of the image link during the hover. Does anyone know how to make it so the little line does not appear? You can see the effect on http://www.jasonwangart.com - please see the top part of the sidebar, where the social media icon links are. I observed this effect on: Chrome 35.0.1916.114 Safari 7.0.4 (9537.76.4) Firefox 29
  • Create New...