Jump to content
Killersites Community

khanahk

Member
  • Content count

    53
  • Joined

  • Last visited

Community Reputation

0 Neutral

About khanahk

  • Rank
    Member
  • Birthday 04/02/1991

Profile Information

  • Gender
    Male
  • Location
    FL, USA
  • Interests
    code!

Contact Methods

  • Other
    khaverim7@gmail.com
  1. Styling Nested Divs

    Post your code!
  2. 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!
  3. 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
  4. 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
  5. My Float Won't Float

    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.
  6. My Float Won't Float

    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; }
  7. My Float Won't Float

    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
  8. Php Login Part 14

    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.
  9. Using Ipad For Web Development

    Has anyone tried to do this? Is it plausible? Any text-editor or FTP client apps you know of? Anything helps. Thanks guys, Khanahk
  10. Required Info needed to get Website posted online

    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
  11. Need Help With PHP Form

    For one, died( should be die( That may be it.
  12. .php with html 500 error

    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.
  13. change id value in HTML using Javascript

    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>
  14. The moment I've always waited for... Yes, in the soon to be released Windows 8 OS (down with Mac!...down with Mac!) and Windows Phone 8 development environments, one can use HTML, CSS, and JS to make an app. (Not C# and XAML -- although, of course, you still can use these). Web developers around the world jump with glee. This is wonderful. http://thenextweb.com/dd/2011/06/02/windows-8-apps-to-be-built-in-html-javascript/
  15. problem in apache server

    Sounds like, possibly, you mis-named your index file to be index.html.txt or something similar? With those Apache directives it should be solid. Do you have 2 index.html's?
×