Jump to content


  • Content count

  • Joined

  • Last visited

  • Days Won


Everything posted by dsonesuk

  1. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" id="viewport" content="target-densitydpi=high-dpi,initial-scale=1.0" /> <title>Document Title</title> <STYLE> #gbnr { COLOR:#FFFFFF; FONT-SIZE:14pt; BACKGROUND-COLOR:#809FFF; TEXT-ALIGN:LEFT; FONT-WEIGHT:500; letter-spacing: 1px; } #mlcn { COLOR:#000099; FONT-FAMILY:Times New Roman; FONT-SIZE:12pt; } #mlnprt2 { BACKGROUND-COLOR:#FFFFFF; COLOR:#000099; FONT-WEIGHT:500; FONT-SIZE:7pt; FONT-FAMILY:Lucida Console; } #ffln { FONT-SIZE:11PT; FONT-FAMILY:Lucida Console; TEXT-ALIGN:CENTER; letter-spacing: 1px; } #mlnhdr {FONT-WEIGHT:500;FONT-SIZE:7pt;FONT-FAMILY:Lucida Console;COLOR:#FFFFFF;BACKGROUND-COLOR:#809FFF;} #ghmln {FONT-WEIGHT:900;FONT-SIZE:7pt;FONT-FAMILY:Lucida Console;letter-spacing:1px;} #ghmln2 {FONT-WEIGHT:500;FONT-SIZE:7pt;FONT-FAMILY:Lucida Console;} #ghmln3 {FONT-WEIGHT:900;FONT-SIZE:7pt;FONT-FAMILY:Lucida Console;letter-spacing:1px;TEXT-ALIGN:CENTER;position:relative;left:-12px;} /* #sls {position:absolute;top:98px;left:87%;background-color:#FFFFFF;border:1px dashed lightgray;}*/ #leg {position:absolute;top:101px;left:2%;TEXT-ALIGN:CENTER;border:1px dashed lightgray;} BODY { BACKGROUND-COLOR:#E6ECFF; COLOR:#000099; FONT-WEIGHT:500; FONT-SIZE:14pt; } A {COLOR:#000099;} A.HD { FONT-SIZE:12PT; FONT-WEIGHT:500; letter-spacing: 1px; } A.DL { FONT-SIZE:7PT; FONT-WEIGHT:500; COLOR:#000099; } A.l3 { color:#000099; FONT-SIZE:12px; FONT-WEIGHT:500; } A.TADY { COLOR:#000099; FONT-WEIGHT:500; FONT-SIZE:7PT; } A.DRKR { COLOR:#000099; FONT-WEIGHT:900; FONT-SIZE:7PT; } A:hover {color:#0000ff} .tn img { border:0 } .tn { border: 0px solid #0000FF; } .tn:hover { border: 0px solid #660099; } .Fbox{BACKGROUND-COLOR:#E6ECFF;TEXT-ALIGN:center;width:7.0%;position:absolute;top:24;left:0px;FONT-SIZE:7PT;text-indent:0px} .Mbox{BACKGROUND-COLOR:#E6ECFF;TEXT-ALIGN:center;position:absolute;top:22;left:6.5%;FONT-SIZE:7PT;} .M2box{BACKGROUND-COLOR:#E6ECFF;position:absolute;top:27px;left:76%;} .Bbox{BACKGROUND-COLOR:#E6ECFF;TEXT-ALIGN:center;width:7%;position:absolute;top:19;left:93%;FONT-SIZE:7PT;} div#container {width:100%;text-align:center;FONT-SIZE:10PT;} #postit{ position:absolute; width:155; padding:3px; background-color:#FFFFFF; border:1px solid navy; visibility:hidden; z-index:100; cursor:hand; } #postit2{ position:absolute; width:40%; padding:5px; background-color:#FFFFFF; border:1px solid navy; visibility:hidden; z-index:100; cursor:hand; } .toolTip { padding:1px; background-color:#FFFFFF; font:9px/10px Arial, Helvetica, sans-serif; filter:alpha(opacity=100); display: block; white-space: nowrap; } .dsonesuk {display: inline-block; position: relative;} .dsonesuk_TT {position:absolute;top:0 !important;left: 140% !important; background-color:#FFFFFF; white-space: nowrap;} #sls > span {display: inline-block; white-space: nowrap;} </STYLE> <script type='text/javascript' src='http://steepusa.no-ip.info/scx/../stage/STEEP1.js'></script> <script type='text/javascript' src='http://steepusa.no-ip.info/scx/../stage/jquery141.js'></script> <script type='text/javascript' src='http://steepusa.no-ip.info/scx/../stage/jquerysl.js'></script> <script type='text/javascript'> function showIt2(itx) { // Show sparklines. var slID = 'x' + itx; var cntlID = 'z' + itx; var rect = document.getElementById(cntlID).getBoundingClientRect(); var Yx = Math.floor(rect.top) - (86 + 5); // Minus the initial hidden placement + 5. var Xx = Math.floor(rect.left) + 40; /*document.getElementById(slID).style.position = 'absolute'; document.getElementById(slID).style.top = Yx + 'px'; document.getElementById(slID).style.left = Xx + 'px';*/ document.getElementById(slID).style.visibility = 'visible'; } // Postit functions. function showornot() { document.all.postit.style.top = '.2%'; mvLeft = '57%'; if (screen.width > 1280 && screen.height == 900) { mvLeft = '55%'; } document.all.postit.style.left = mvLeft; document.all.postit.style.visibility = 'visible'; } $(function() { // Sparkline functions. /* This code runs when everything has been loaded on the page */ /* Inline sparklines take their values from the contents of the tag */ $('.inlinesparkline1').sparkline('html', {width: '2.0em', fillColor: '#87CEFA', lineColor: 'blue'}); $('.inlinesparkline2').sparkline('html', {width: '2.0em', fillColor: '#FF9999', lineColor: 'red'}); $('.inlinesparkline3').sparkline('html', {width: '2.0em', fillColor: '#99FF99', lineColor: 'green'}); $('.inlinesparkline4').sparkline('html', {width: '2.0em', fillColor: '#87CEFA', lineColor: 'blue', chartRangeMin: 0}); $('.inlinesparkline5').sparkline('html', {width: '2.0em', fillColor: '#FF9999', lineColor: 'red', chartRangeMin: 0}); $('.inlinesparkline6').sparkline('html', {width: '2.0em', fillColor: '#99FF99', lineColor: 'green', chartRangeMin: 0}); /* Sparklines can also take their values from the first argument passed to the sparkline() function */ //var myvalues = [10,8,5,7,4,4,1]; //$('.dynamicsparkline').sparkline(myvalues); /* The second argument gives options such as chart type */ //$('.dynamicbar').sparkline(myvalues, {type: 'bar', barColor: 'green'} ); /* Use 'html' instead of an array of values to pass options to a sparkline with data in the tag */ $('.inlinebar4').sparkline('html', {type: 'bar', width: '2.0em', barColor: 'blue', negBarColor: 'red', barWidth: 3}); $('.inlinebar7').sparkline('html', {type: 'bar', width: '2.0em', barColor: 'blue', negBarColor: 'red', barWidth: 3, chartRangeMin: 0}); }); function doCAWin(formName) { var lnk = eval('document.' + formName + '.da2.value;'); var x = window.open(lnk, 'doCAWin', 'fullscreen=yes,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,copyhistory=no,resizable=yes,left=0,top=0,screenX=0,screenY=0', false); } </script> </HEAD> <BODY> <form> <span id="mlnprt2">&nbsp;2005 <a class="DL" title="# of births" onmouseover="setStatus('Value Dimension - # of births');" onmouseout="setStatus(' '); ;"> 12018 </a><a class="DL" title="% of births US avg. = 63 / 2005 KY avg. = 58 / 2006 Current Target: 85" onmouseover="setStatus('Rate Dimension - % of births / US avg. = 63 / 2005, KY avg. = 58 / 2006');" onmouseout="setStatus(' ');"> 68.30 </a> 68.3 -1.20<a title="Alert: 2 of last 5 strides and 1 of last 2 are negative" style="position:relative;left:1px;" onmouseover="setStatus(' ');" onmouseout="setStatus(' ');"><img src="http://steepusa.no-ip.info/scx/../images/flag_orange3.gif" width="8"></a> 1.50 -1.80 </span> <div id="ghmln" class="dsonesuk">&nbsp;<a id="zhealthy" class="zzz tn" href="genmdash.cgi?str=1:SKY:healthy:healthy*births:4" title="v,r,s,S Trend Preview / More Detail" onmouseover="javascript:showIt2('healthy'); setStatus(' ');" onmouseout="javascript:hideIt('xhealthy'); setStatus(' ');"><img src="http://steepusa.no-ip.info/scx/../images/rhom4.gif" width="6" height="6"></a>&nbsp;<a class="zzz tn" href="ddown.cgi?str=SKY%2DC%3A%2FSteep%2FUSA%20Data%2FState%2FKY%2FMeasures%2Fhealthy%2Fhealthy%2Edes%2Dhealthy%2Dhealthy%20births%2Dlevel1%2D1" title="Looks" onmouseover="setStatus(' ');" onmouseout="setStatus(' ');"><img src="http://steepusa.no-ip.info/scx/../images/nbul.gif" width="6" height="6"></a> <div id='xhealthy' class="dsonesuk_TT" ><span class='tooltip'>healthy births Trends<BR></span><span ID='sls'>&nbsp<span class='inlinesparkline1'>10401,12765,11574,13078,12018</span>&nbsp&nbsp<span class='inlinesparkline2'>61,67.1,64.5,69.5,68.3</span>&nbsp&nbsp<span class='inlinesparkline3'>61,67.1,64.5,69.5,68.3</span>&nbsp&nbsp<span class='inlinebar4'>2,6.1,-2.6,5,-1.2</span>&nbsp&nbsp</span> </div> <script>hideIt('xhealthy');</script></div> </FORM> </body> </html> In Fact! this could be all css, without javascript
  2. The idea is to have it relative to the hovered element. the hovered container would be position: relative; the tooltip/sparklines container will be inside this element using position: absolute; with top: right: or left properties, the other elements within this container will not need to use any positioning just display: block; for title, with remaining display: inline; Its impossible to get reliable positioning without this method, because the width of device will be massively different between each device, whereas the relative positioning of hover event element will be constant.
  3. HTML tables and forms - W3CSS

    Like I said, that shows tables showing tabular data, none is used for layout purposes. To make it look like a table, use elements like a div, these can be more responsive than using a table for smaller devices. CSS is presentational, it does not have tables as they are html, it styles html tables only.
  4. HTML tables and forms - W3CSS

    Tables are used for showing tabular data, not for layout purposes, it also loads the table structure then finally the content within in it, so it is loading twice compared to other elements, that is why you will not find such a tutorial.
  5. PHP mail

    testing script $_POST['submit'] = "yes"; if (isset($_POST['submit'])) { $fname = $_POST['fname'] = "fred"; $lname = $_POST['lname'] = "flintstone"; $email = $_POST['email'] = "this@mail.com"; $phone = $_POST['phone'] = "0123456789"; $cname = $_POST['cname'] = "what"; $reason = $_POST['reason'] = "because i said so"; $web = $_POST['web'] = "spiders"; $smart = $_POST['smart'] = "very"; $im = $_POST['im'] = "md"; $cd = $_POST['cd'] = "cd"; $ms = $_POST['ms'] = "ms"; var_dump($_POST); $con = 'Firstname:' . $fname . "\nLastname:" . $lname . "\nEmail:" . $email . "\nPhone:" . $phone . "\nCompany:" . $cname . "\nReason:" . $reason . "\n" . $web . "\n" . $smart . "\n" . $im . "\n" . $cd . "\n" . $ms; $to = "aaa@bbb.com"; $sub = "invoice"; if (mail($to, $sub, $con)) { echo "<script type='text/javascript'>alert('submitted successfully!')</script>"; } else { echo "ERROR, ERROR Doctor Smith ERROR"; } } if it works, then you need to make sure the $_POST array values and required 'submit value is getting to this script. the var_dump($_POST); will show what is sent.
  6. PHP mail

    As it is now, it should work, I presume you have local or hosting server with email functionality included?
  7. 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.
  8. 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.
  9. 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.
  10. Displaying header data on google

    BUT! its not showing currently? IS IT? You were probably experimenting with code for accordion for example, made a mistake which gave error OR server problem which caused error, which at that same time google took snapshot and cached that URL showing that error. To prevent this, while developing the site, you should consider stopping all search bots accessing site, until finished.
  11. Displaying header data on google

    If you type cache:http://www.armonisencia.cl/site/ in your browser, it will bring up exactly that result that is cached by google on the 6th of December, you now have the choice of waiting it to update Again! to show current page, or remove currently cache result, and re-include a new cached version of page. ALL of this can be done in Googles webmaster tools as described here https://support.google.com/webmasters/topic/1724262?hl=en&ref_topic=3309469 But! it can take 3-5 business days to update.
  12. Displaying header data on google

    You have made it worse! every page, post etc picks up the title, description, and possibly keywords from when you produce these pages in the editor at backend. What you have done will produce that created title and description, plus the title and description from editor page at the same time, duplicating these elements and meta tags. These are produced through the wp_head() function, and you can see duplicate elements and meta tags produced if you view the page source. You can clear the currently cached specific page in google webtools, and ask for re-caching by google bots, but you should make sure this error is fixed, to prevent it being picked up again.
  13. How to align words to center of navigation bar?

  14. Image Not Centered On Mobile Site

    I meant display: properties not just display: inline-block. I think you are after a type of sticky footer effect, with rest of content vertically aligned middle and centre <!DOCTYPE HTML> <!-- Aerial by HTML5 UP html5up.net | @ajlkn Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) --> <html> <head> <title>High Intensity Records</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <!--[if lte IE 8]><script src="http://highintensityrecords.com/assets/js/ie/html5shiv.js"></script><![endif]--> <link rel="stylesheet" href="http://highintensityrecords.com/assets/css/main.css" /> <!--[if lte IE 8]><link rel="stylesheet" href="http://highintensityrecords.com/assets/css/ie8.css" /><![endif]--> <!--[if lte IE 9]><link rel="stylesheet" href="http://highintensityrecords.com/assets/css/ie9.css" /><![endif]--> <style> body, html {height: 100%;} #footer {display: block;} #footer {position: relative; margin-top: -6em; overflow: hidden;} #wrapper {height: 100%; display: table;} #main { display: table-cell; padding:0; text-align: center; vertical-align: middle; } #main::before {content: none;} #main::after { content: ""; display: block; height: 4em; position: relative; } </style> </head> <body class="loading"> <div id="wrapper"> <div id="bg"></div> <div id="overlay"></div> <div id="main"> <!-- Header --> <header id="header"> <h1> <img src="http://highintensityrecords.com/images/hirwhite.png" alt="HTML5 Icon" width="500" height="250"></h1> <p>Bringing the <span style="font-weight:bold">highest quality </span>and <span style="font-weight:bold">intense beats</span> to flow inside your mind.</p> <p><span style="font-weight:bold">DEMOS </span>highintensityrecords@live.com</p> <p><span style="font-weight:bold">LICENSING </span>licensing.highintensityrecords@live.com</p> <nav> <ul> <li><a href="https://www.facebook.com/Highintensityrecords/" class="icon fa-facebook"><span class="label">Facebook</span></a></li> <li><a href="https://twitter.com/highintenrecs" class="icon fa-twitter"><span class="label">Twitter</span></a></li> <li><a href="https://soundcloud.com/highintensityrecords" class="icon fa-soundcloud"><span class="label">SoundCloud</span></a></li> <li><a href="https://soundcloud.com/highintensityrecords" class="icon fa-youtube"><span class="label">YouTube</span></a></li> <li><a href="https://www.beatport.com/label/high-intensity-records/28820" class="icon fa-headphones"><span class="label">Beatport</span></a></li> <li><a href="http://www.highintensityrecords.com/" class="icon fa-spotify"><span class="label">Spotify</span></a></li> </ul> </nav> </header> <!-- Footer --> </div> </div> <footer id="footer"> <span class="copyright">&copy; High Intensity Records 2017.</span> </footer> <!--[if lte IE 8]><script src="http://highintensityrecords.com/assets/js/ie/respond.min.js"></script><![endif]--> <script> window.onload = function() { document.body.className = ''; } window.ontouchmove = function() { return false; } window.onorientationchange = function() { document.body.scrollTop = 0; } </script> </body> </html>
  15. Break statement code

    If you indent else to if, it ignores 2, and repeats the same prime number output during loop.
  16. Image Not Centered On Mobile Site

    Yes! IF you can't produce the same effect with float, display: inline-block, margins, padding, only then should you consider using position: absolute. and under/overlaying is the only most likely reason I've ever used it.
  17. For statement with slice copy

    OR words = ['book', 'superficial', 'nostradamus'] for w in words: print(w, len(w)) for w in words[:]: if len(w) > 6: words.insert(0, w) print ('words'+ str(words)) It will print a string representation of words array and its values.
  18. For statement with slice copy

    You will find the last part is not part of code, but what will be the result when the code is run and finishes. replace last line with: print words
  19. i cannot post a table in a form (only last td)

    You could do it like this and instead giving each input a different name attribute value, make it an array of name attribute values <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <title>bz91</title> <style> .zone1{ width : 800px; height : 400px; margin: 0 auto; } #t01 > tr {height: 30px;} </style> </head> <body> <div class="zone1"> <div class="w3-display-container w3-lime w3-section w3-round-xlarge" style="height:400px; /*width:50%*/"> <form action="bz92.php" id="ID1" method="POST" accept-charset="utf-8"> <div class="w3-display-position w3-white" style="top:20px;"> <table id="t01" BGCOLOR="#98FB98" align="center"> <?php $_SESSION['lib' . "1"] = "Npm"; $_SESSION['lib' . "2"] = "Prénom"; $_SESSION['lib' . "3"] = "Début"; $_SESSION['lib' . "4"] = "Fin"; $_SESSION["1"] = "A"; $_SESSION["2"] = "B"; $_SESSION["3"] = "C"; $_SESSION["4"] = "D"; for ($i = 1; $i <= 4; $i++) { ?> <tr> <td> <input type= "text" name="<?php echo "one[]"; ?>" value="<?php echo $_SESSION["lib" . $i]; ?>"> </td> <td> <input type= "text" name="<?php echo "two[]"; ?>" value="<?php echo $_SESSION[$i]; ?>"> </td> </tr> <?php } ?> </table> </div> <div class="w3-display-position w3-white" style="top:330px;left:20px"> <input type="submit" name = "valider" value="OK"> </div> </form> </div> </div> <p> Click on OK for validation</p> </body> </html> Then read them using <?php session_start(); ?> <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>bz92</title> <style> </style> </head> <body> <?php echo "POST "; echo"<br>"; print_r($_POST); echo"<br>"; if (isset($_POST['valider'])) { echo "<br>"; // boucle $tableau = array(); // init $n = 0; foreach ($_POST['one'] as $index => $valeur) { $n = $n + 1; echo "valeur_one " . $valeur . " // "; echo "valeur_two " . $_POST['two'][$index] . " // "; echo "<br>"; } } echo "<br>"; echo "nombre " . $n; // header('Location: bz5.php'); exit(); ?> </body> </html>
  20. i cannot post a table in a form (only last td)

    Each of the inputs returned from server as html are as <td> <input type= "label" name = 'one'.$i value= Npm > </td> <td> <input type= "text" name = 'two'.$i value= A > </td> <tr height=30> <td> <input type= "label" name = 'one'.$i value= Prénom > </td> <td> <input type= "text" name = 'two'.$i value= B > </td> <tr height=30> <td> <input type= "label" name = 'one'.$i value= Début > </td> <td> <input type= "text" name = 'two'.$i value= C > </td> <tr height=30> <td> <input type= "label" name = 'one'.$i value= Fin > </td> <td> <input type= "text" name = 'two'.$i value= D > </td> As you can see the name attribute value although wrong is identical, so each will overwrite the previous till you are left with the last. Note: missing closing 'tr' tags, and there is no such input type as 'label'
  21. i cannot post a table in a form (only last td)

    Oh! what a shame, but when you decide to give us link to problem, or post code and not post php files which we cannot open and view, then maybe we can help.
  22. Trouble with Custom CSS and Code Snippet

    I don't see any problems, everything works fine?
  23. Image Not Centered On Mobile Site

    Don't use ANY overflow for body OR html element, let it be to its default settings. Position absolute and fixed elements have no effect on content, so other html content will move below/above these elements to occupy the space they would normally fill, they therefore won't produce a scrollbar if there content exceeds the browsers viewport window area. position: absolute position is determined by an parent position: relative; element outer boundary, if no such element exists it becomes relative to the body element height and width, it will scroll along with the body element content. position: fixed; acts very similar, BUT! its position is relative to browser viewport area only, it won't scroll with content, it will stay fixed in same position. Both of these should be used for under/overlaying only, not to hold content where scrolling will be required to view a complete document.
  24. Problems with Tooltips

    I don't have ipad so i can't test it. I did notice that you have a block element div within a paragraph? THIS is NOT allowed, and being a block element it WILL force a new line. The only elements allowed in paragraph element are inline elements i.e span, strong, a (anchor) etc.
  25. Problems with Tooltips

    IF it works in ipad with tutorial example, I would go through each of your additional code and disabling with web developer tools or commenting out, try reinstating one at a time to identify the code which is causing the problem.