Jump to content

Search the Community

Showing results for tags 'text placement'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL








Found 1 result

  1. 2 out of 3 is good! Now for the remaining change of behavior. For several years, a bit of code has produced a pop-up box containing a footnote or reference when a link was hovered. It still works, but now if the pop-up box overlaps an image, the text avoids the image below. You can see problem if you paste the attached code into the Try It Editor at http://www.w3schools.com/html/tryit.asp?filename=tryhtml_images_mountain and hover on 'paradigm'. Something in <style> needs to be changed (apparently to keep up with bug fixes in html), but I can't find it. It seems to me that z=1 should make the presence of an image at z=0 irrelevant. It used to! (Immediate edit: I didn't see the attachment, so I changed the file from RTF to plain text and reattached...) Still no attachment visible, and it keeps saying 'No file chosen', so in case it means it, here is what the attachment would have said: --------------------------------------------------------------- <!DOCTYPE html><html> <style> a span { display : none ; } /* Author or dagger: blue, no underline */ a.n { color : blue ; text-decoration : none ; } /* Hover to display Reference or Note in popup box */ a.n:hover span { position : relative ; top : 0px ; /* Place box 1 line below anchor */ right : 10px ; /* Keep edge of box on screen */ display : block ; z-index : 1 ; color : black ; text-decoration : none ; font-size : .90em ; background-color: #ffd ; text-indent : 0 ; outline : 2px solid blue ; padding : 3px ; } .fl { float : left ; margin : 4px 16px 4px 0px; } </style> <body> <h2>Spectacular Mountain</h2> <figure> <img class="fl" src="pic_mountain.jpg" alt="Mountain View" style="width:50%"> <figcaption style="color:brown;">Continually syndicate client-centered resources vis-a-vis covalent <a class="n">paradigms<span> In lobortis quam nisl non accumsan. Veniam delenit minim illum ad quod. Qui eorum nihil lorem parum augue</span></a>. Energistically repurpose out-of-the-box total linkage after frictionless e-commerce. Dramatically reinvent vertical supply chains without B2C best practices. </figcaption></figure> <p>Phosfluorescently benchmark high standards in imperatives after strategic catalysts for change. Rapidiously enable user friendly initiatives via state of the art action items. Monotonectally cultivate end-to-end markets and 24/365 users. </p> </body> </html>
  • Create New...