Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by wigginsda

  1. Worked out a solution with a slider plugin that allows me SEO control. Still no idea why this happened with just one image...
  2. I have an placed an image into a post that appears fine "everywhere" except in a mobile environment. On my phone the image re-orients itself 90 degrees. Is there a way to explain or prevent this from happening? here is the page address- http://vitalitybynature.com/wordpress/2014/05/11/happy-mothers-day/ and the code for that page- [caption id="attachment_1260" align="alignleft" width="150"]<a href="http://vitalitybynature.com/wordpress/wp-content/uploads/2014/06/mothersdayflower-e1402507345661.jpg"><img class="wp-image-1260 size-thumbnail" src="http://vitalitybynature.com/wordpress/wp-content/uploads/2014/06/mothersdayflower-e1402507345661-150x150.jpg" alt="Mother's Day at Brighton Dam" width="150" height="150" /></a> Happy Mother's Day[/caption]<h2>Mother's Day in the Azaleas @ <a title="Brighton Dam Azalea Garden" href="https://www.google.com/maps/place/100+Brighton+Dam+Rd/@39.190121,-77.008998,17z/data=!3m1!4b1!4m2!3m1!1s0x89b7d9e00ac5c501:0x4b230009f555a947" target="_blank">Brighton Dam, MD</a></h2><p style="text-align: justify;">We hope your Mother's Day was fantastic! We spent ours walking among the azaleas. Known for their analgesic, anesthetic and sedative properties, azaleas can also be applied externally in the treatment of arthritis, caries, itch, maggots and traumatic injuries. The root is used in the treatment of arthritis, rheumatism and traumatic injuries.</p><p style="text-align: justify;">from Duke. J. A. and Ayensu. E. S. Medicinal Plants of China</p><p style="text-align: justify; font-size: 80%;">Please, seek advice from a professional before using any plant medicinally.</p> Thanks for any help, David
  3. Thanks for your help, DaveJ. Your awesomeness is blinding!
  4. I'm having an issue lining up link text and my image "button". The text length exceeds the with of the image. I can't seem to get the text to appear centered below the image either. Final goal= I don't want the image to change unless the cursor is directly over the image or the link text. HTML<div class="Leaf"><a href="" alt="Naturopathy" title="Naturopathy"><img src="a.png"></img>Naturopathy</a></div>CSSdiv.Leaf { text-align: center; margin: 0 6px 12px; width: 72px; height: 72px; border-style: none; background-image:url("b.png"); background-repeat: no-repeat;} div.Leaf a, div.Leaf a:link, div.Leaf a:visited { display:block; border-style: none;} div.Leaf img { width:72px; height:72px; border-style: none;} div.Leaf a:hover img { visibility:hidden;} Thank you for your time, David
  5. Greenhorned Newbie here. Thanks for your patience. In a mobile environment I discovered my "button" image disappears. This happens right after the image is clicked and the new page is loading. Is this event bubbling? How would I account for it? <a style="text-align: center; border-style: none;" href="http://" style="color: #000000" onmouseover="document.getElementById('pic1').src='b.png'; this.style.color='#0ebfe9'" onmouseout="document.getElementById('pic1').src='a.png'; this.style.color='#000000'"><img src="a.png" id="pic1"><br>Click-here</a> I chose using the above over css and a:hover becuase of the brevity of code. It also seemed to be overall easier for me to line up images with their corresponding linking text. Thanks for any suggestions, David
  • Create New...