Jump to content

All Activity

This stream auto-updates     

  1. Today
  2. Menubar and links that don't work in FF and IE

    I got it working, here's the code: <style> .menubar { width: 100%; clear:both; padding:.5em; box-shadow:0 .07em .07em black; background-color:yellow; border-left:.43em solid orange; border-radius:.57em; } .h1-bar a { color:#000; background-color:yellow; box-shadow:0 .15em .15em black, 0 0 1.8em orange, 0 0 .36em indigo; border-radius:.57em; padding:.5em; margin-top:.5em; } .bar { width:100%; overflow:hidden; display:inline-block; } .btnMenu { float:left; background: orange; padding:.15em; border-radius:.57em; margin-right:.75em; -webkit-transition: background-color .5s ease-out; -moz-transition: background-color .5s ease-out; -o-transition: background-color .5s ease-out; transition: background-color .5s ease-out; } .btnMenu:hover { background-color: red; cursor: pointer; } .btnMenuReversed { float:left; background: pink; padding:.75em; margin:.5em; border-radius:.57em; -webkit-transition: background-color .5s ease-out; -moz-transition: background-color .5s ease-out; -o-transition: background-color .5s ease-out; transition: background-color .5s ease-out; } .btnMenuReversed:hover { background-color: green; cursor: pointer; } </style> <div class="bar menubar"> <div class="h1-bar"> <div class="btnMenu"><span class="btnMenuReversed"><a href="index.html">Home</a></span></div> <div class="btnMenu"><span class="btnMenuReversed"><a href="courses.html">Courses</a></span></div> <div class="btnMenu"><span class="btnMenuReversed"><a href="why.html">Why English?</a></span></div> <div class="btnMenu"><span class="btnMenuReversed"><a href="contact.html">Contact</a></span></div> </div> </div>
  3. Interpreting HTML as PHP files Using .htaccess

    Thank you for your help. I was finally able to resolve the issue by adding the following code to my httpd.conf file. AddType application/x-httpd-php .php .phtml .html Roddy
  4. Interpreting HTML as PHP files Using .htaccess

    OK. I have changed the directives setting from the above to the following: AddType text/html .php AddHandler application/x-httpd-php55 .html .htm but still the desired effect is not achieved, but for the fact that my Javascript fails. Indeed, the purpose of the PHP script is to signal to Javascript to ignore a specific Javascript procedure, not Javascript in its entirety.
  5. Displaying header data on google

    If Google thinks that your site description is too short it just makes up one that it likes better. Make your page descriptions long and descriptive.
  6. Yesterday
  7. Interpreting HTML as PHP files Using .htaccess

    Well, if you're saying that the chance is greater than 0, then I guess I would agree that would have to be the case, but I wouldn't expect that to work. I believe the ea in that mime type stands for EasyApache, which is how WHM/cPanel servers update and configure Apache and PHP. If you aren't using EasyApache, then I doubt your server is going to have that particular mime type set up for it. But, like I said, I would have to admit that the probability of it working is at least greater than 0. Instead, try to figure out, from documentation or program settings, what mime type your server is actually using for PHP. That will get you a lot closer than a guess.
  8. email at text

    And you said that if you replace that email address in PHP with another one, you get the email? If that's the case, then AT&T is probably blocking your email from PHP.
  9. Expand and collapse does not work completely

    Well as far as I know it does exactly that, the col class element is placed outside each the accordion id parent elements, within container class. Only one can be open at one time in each column, non of the toggle trigger events affect the other columns element, be they opened or closed.
  10. Expand and collapse does not work completely

    If I put accordion outside column class, it works within the column. But I need to be able to do it in both column. That means it allows me to expand two elements at once. One element from each column. I guess it is because each column has its own parent. How can I have same parent for both columns so two columns can have most one element expanded?
  11. Interpreting HTML as PHP files Using .htaccess

    So, if I change the phrase AddType application/x-httpd-ea-php56 .php .html to read AddType application/x-httpd-ea-php55 .php .html to better reflect my test server's version of PHP -- namely, PHP 5.5.38 --, then there is some chance that I will be able to achieve a result similar to that of my web host server. Roddy
  12. Expand and collapse does not work completely

    By adding column width class element within the id 'accordionN', you are probably messed up it transitioning down to the correct element to toggle the hide and show of those elements. Move it outside the parent accordion id referenced elements.
  13. email at text

    If I understand you correctly, YES. I sent myself an email to xxxxxxxxxx@att.txt.net from my gmail account and it came to the phone as a text message just as expected. Thank you for the help
  14. email at text

    Does it work if you email that address using a regular mail client instead of PHP?
  15. Interpreting HTML as PHP files Using .htaccess

    Apache will look for and process .htaccess files in any directory inside the path that was requested. So as long as that file is in the path that was requested then it will be processed. It might not work on your local server because it might not have application/x-httpd-ea-php56 as a recognized type. That works on your remote server because that looks like it's a cPanel server with multiple versions of PHP installed, and you have PHP 5.6 enabled for your account.
  16. Problem in calling static and non static method

    Why? Why is that important to you? There are reasons why the class is set up that way (even though it could be set up in a better way), so what reasons do you have for not wanting it that way?
  17. about certifications

    I think they give out individual certifications, I haven't heard of combining them into one. These aren't degrees though, this is not an accredited school.
  18. How Is W3Schools Now ?

    The data that gets collected and sold is being done by the site that you're visiting, or various trackers and ads on that site. The vast majority of that data is first or second-person data collection, not third-person.
  19. email at text

    This use to work but not anymore. Any ideas why? when I replace $to with a real email address. it works just fine! //xx.. is a 10 digit phone number. ATT says this should work! $to = xxxxxxxxxx@att.txt.net"; $subject = "My subject"; $txt = "Hello world!"; mail($to,$subject,$txt);
  20. Displaying header data on google

    Ok! now is displaying better stuff, but still doesn't show what i specified in the Yoast Plugin. I can't see my "HOLA MUNDO" yet, but at least is better than "FATAL ERROR".
  21. Expand and collapse does not work completely

    I tried this but did not work. I am trying to put them in two columns. Only one can be expanded at once but multiple being expanded. Can you please provide me a sample code to do it? <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h2>Accordion Example</h2> <p><strong>Note:</strong> The <strong>data-parent</strong> attribute makes sure that all collapsible elements under the specified parent will be closed when one of the collapsible item is shown.</p> <div class="panel-group" id="accordion1"> <div class = "col-lg-6 col-md-6"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion1" href="#collapse1">Collapsible Group 1</a> </h4> </div> <div id="collapse1" class="panel-collapse collapse "> <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion1" href="#collapse2">Collapsible Group 2</a> </h4> </div> <div id="collapse2" class="panel-collapse collapse"> <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> </div> </div> </div> </div> <div class="panel-group" id="accordion2"> <div class = "col-lg-6 col-md-6"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion2" href="#collapse3">Collapsible Group 3</a> </h4> </div> <div id="collapse3" class="panel-collapse collapse "> <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion2" href="#collapse4">Collapsible Group 4</a> </h4> </div> <div id="collapse4" class="panel-collapse collapse"> <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> </div> </div> </div> </div> </div> </body> </html>
  22. Menubar and links that don't work in FF and IE

    Don't use a button element, instead give the btnMenu class to the link itself.
  23. Expand and collapse does not work completely

    I will try it. I am trying to create questions and answers which can be expandable and collapsible. Is there better way to do it? Thanks.
  24. Last week
  25. Expand and collapse does not work completely

    You can only use a unique id references within a page, you have two "accordion" id, change one to something different then change child element 'data-parent' custom attribute value to reflect this changed id reference.
  26. Expand and collapse does not work completely

    Hello, I have two columns using bootstrap classes. I have 5 element each column. Left column expands collapse just fine. That means only one element can be expanded at once. But right column, it allows multiple elements to be expanded at once. How can I allow only one element to be expanded at once for all the elements? Thanks. https://www.w3schools.com/bootstrap/bootstrap_collapse.asp <h2>Accordion Example</h2> <p><strong>Note:</strong> The <strong>data-parent</strong> attribute makes sure that all collapsible elements under the specified parent will be closed when one of the collapsible item is shown.</p> <div class = "col-lg-6 col-md-6 col-sm-6 col-xs-12"> <div class="panel-group" id="accordion"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">Collapsible Group 1</a> </h4> </div> <div id="collapse1" class="panel-collapse collapse "> <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">Collapsible Group 2</a> </h4> </div> <div id="collapse2" class="panel-collapse collapse"> <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse3">Collapsible Group 3</a> </h4> </div> <div id="collapse3" class="panel-collapse collapse"> <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse4">Collapsible Group 4</a> </h4> </div> <div id="collapse4" class="panel-collapse collapse"> <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse5">Collapsible Group 5</a> </h4> </div> <div id="collapse5" class="panel-collapse collapse"> <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> </div> </div> </div> </div> <div class = "col-lg-6 col-md-6 col-sm-6 col-xs-12"> <div class="panel-group" id="accordion"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse6">Collapsible Group 6</a> </h4> </div> <div id="collapse6" class="panel-collapse collapse "> <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse7">Collapsible Group 7</a> </h4> </div> <div id="collapse7" class="panel-collapse collapse"> <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse8">Collapsible Group 8</a> </h4> </div> <div id="collapse8" class="panel-collapse collapse"> <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse9">Collapsible Group 9</a> </h4> </div> <div id="collapse9" class="panel-collapse collapse"> <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse10">Collapsible Group 10</a> </h4> </div> <div id="collapse10" class="panel-collapse collapse"> <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> </div> </div> </div> </div>
  27. The following code was inserted into the root folder of my www.grammarcaptive.com site in the form of an .htaccess control file. It was also inserted into my test server in an identical location. Although it appears to work well on the remote server, it fails on the local test server. Only the paths leading up to the sites' root folders appear to be different. THE CODE <IfModule mime_module> AddType application/x-httpd-ea-php56 .php .html </IfModule> REMOTE SERVER PATH public_html/grammarcaptive.com/.htaccess LOCAL TEST SERVER PATH ../../Sites/grammarcaptive.com/.htaccess QUESTION: Could the above path differences be at cause, or might there be an APACHE directive of some sort getting in the way? If so, what directive is it likely to be, and where should I look for it?
  28. I have a menubar that works great in Opera 49.0 but in Firefox 57.0.2(64bit) and IE11 there are no links, therefore it doesn't work at all. If I move the link urls outside the buttons they work as expected, but the buttons are completely messed up. What could possibly be the problem? The html looks like this: <div class="w3-bar menubar "> <div class="h1-bar"> <button class="btnMenu"><a href="index.html">Home</a></button> <button class="btnMenu"><a href="courses.html">Courses</a></button> <button class="btnMenu"><a href="why.html">Why English?</a></button> <button class="btnMenu"><a href="contact.html">Contact</a></button> </div> </div> And the .css looks like this: .menubar { width: 100%; clear:both; padding:1em; box-shadow:0 .07em .07em black; background-color:yellow; border-left:.43em solid orange; border-radius:.57em; } .h1-bar a { color:#000; background-color:yellow; box-shadow:0 .15em .15em black, 0 0 1.8em orange, 0 0 .36em indigo; border-radius:.57em; padding:.5em; margin-top:1em; }
  1. Load more activity
×