khanahk

Post your code!

I just found a method that needs no JS! HTML: <td class="ht">Send reminders? <span class="tooltip">this is the tooltip alshdgwh gahfguo wfhg fghwoug wugw hgrwuog hwaur guoarwhg rwu</span> </td> CSS (in THIS order to hide the tooltip originally): .ht:hover .tooltip { display:block; } .tooltip { display: none; background: #C8C8C8; border: 1px solid #000; border-radius: 4px; margin-left: 28px; padding: 10px; position: absolute; z-index: 1000; width:200px; height:100px; } Incredibly lightweight and workable!

Hi Ben. Good to see you're still around and helping folks. It's very appreciated. I just tried your suggestion and got the same result. I attached 2 images to clarify. First before hovering, then after hovering. The tooltip appears, but it is within the <td> element and makes the table bigger. I want it to appear above the table and not change the DOM flow at all, but still be relative to it's parent. You know, like all tooltips do normally. Like when you hover over an <a> with a title="here's a tooltip" attribute. Edit: changed the second image to make it more obvious

I want my tooltip element (the <span>) to appear above everything on the page but still relative to its parent element (the <td>). JS to show/hide the <span>: window.AETid = "AE"; function tooltip(tid) { console.log('run the tooltip...id: '+tid); document.getElementById(tid).style.display="block"; } function hideTooltip(tid) { document.getElementById(tid).style.display="none"; } HTML: <td onmouseover="tooltip(window.AETid);" onmouseout="hideTooltip(window.AETid);"> Send reminders? <span class="tooltip" id="AE">this is the tooltip</span> </td> CSS for .tooltip: .tooltip { color: #ff0000; display: none; z-index: 100; position: relative; right:0px; bottom: 0px; } Currently, the tooltip appears as expected when I hover over the <td>, but it appears within the <td> element, thus changing the size of the <td> and thus the <tr> and thus the <table>. I want the tooltip to appear, well, like tooltips to: above and not effecting the rest of the page. z-index doesn't seem to do it alone in my case... All help is greatly appreciated

Granted, quick fixes are generally a no-no. But if you already have a large mess of CSS rules and other-folks' code and you haven't got the time to overhaul the site's design then it can be better for simplicity's sake... especially when editing a site that you didn't create originally! Therein lies the "get the job done right, the first time" philosophy. Haste makes waste.

Floating the flags should indeed do that (not interfere with the page layout flow). But I even removed the flags <div> altogether, and the gap is still there for me. Ah. The problem seems to be on #slider. Try this #slider { min-height: 200px; margin-top: 0px; position: relative; bottom: 28px; }

ul.qtrans_language_chooser { clear: both; position: absolute; top: 95px; right: 175px; } does the job. Not sure if absolute positioning is something you want to go for though

Guten Tag Jan - ich spreche Englisch aber ich lerne Deutsch jetzt. Du arbeitest noch, mit 15 Jahre? Using a text editor like Notepad++ (it's free!) will show you pretty clearly when a "{" closes with a respective "}" and helps greatly in locating these kinds of errors ahead of time.

Has anyone tried to do this? Is it plausible? Any text-editor or FTP client apps you know of? Anything helps. Thanks guys, Khanahk

Making a website 'visible on the web' is as easy as uploading your code files to the Host FTP, and getting a domain name. Your host should be able to tell you how to access your FTP and which folder you should put your files in. Usually the folder is public_html or something similar. Making a website 'findable' is a whole other matter and if you wish to learn more about optimizing search results for your site you should look up SEO (Search Engine Optimization). There are many things you can do inside and outside of your code that improve a site's 'publicity' in that way

For one, died( should be die( That may be it.

500 error usually occurs because you have an .htaccess file that has improper 'Directives', from my experience. Try removing the .htaccess file from your root directory and see what happens. This file is often hidden and in many FTP clients you will need to change an option to view hidden files. Or, make sure you are using a .php extension for all files that contain PHP code. Most servers don't read PHP code in a .html file by default although you can configure them like that.

The below is jQuery, a library that allows for easier JavaScripting... if you include a <script type="text/javascript" src="your_jquery_file.js></script> after downloading the jQuery library (jquery.com) and saving it as your_jquery_file.js, you can use: <script type="text/javascript"> $('#the_link').click(function() // assigns an 'on click' event to the <a> with id 'the_link' { $(this).id = 'content_to700js'; // changes that id to 'content_to700js' }); </script>