Jump to content

boylesg

Members
  • Posts

    112
  • Joined

  • Last visited

boylesg's Achievements

Member

Member (2/7)

1

Reputation

  1. I am following this example: http://blog.teamtreehouse.com/uploading-files-ajax Great! it is fairly simple. However I tried it and the javascript crashes at the indicated line of javascript. This is the problem I am having - none of the authors have a complete working examples. They leave out information that is critical for a newby. Obviously I have to include something in order to get "new FormData()" to work. But what? I have no idea at this point! function OnClick() { alert("000000"); var FormData = new FormData(); alert("000000"); var InputBrowseFiles = document.getElementById("BrowseFiles") var File; var arrayFilenames = fileSelect.files; alert("1111"); // Loop through each of the selected files. for (var nI = 0; nI < files.length; nI++) { File = InputBrowseFiles [nI]; // Check the file type. if (File .type.match("*.htm") || File .type.match("*.txt") || File .type.match("*.php")) { // Add the file to the request. formData.append('contents[]', File, File.name); } else { continue; } } // Set up the request. httpReq = new XMLHttpRequest(); alert("2222"); // Open the connection. httpReq .open('POST', 'upload.php', true); alert("3333"); // Set up a handler for when the request finishes. httpReq .onload = OnReqFinish; alert("4444"); // Send the Data. httpReq .send(formData); alert("5555"); }
  2. It is the first time I have tried this so I have no clear idea of what is ajax and what is normal form submit. Basically I need a fully implemented simple example html file, using either method (form submit example preferred), so I can reverse engineer and understand how it is done. And not have to around with long winded explanations, which is all I have found so far. Don't have such an example or can point me in the direction of one can you?
  3. How do you do this folks? I have been trying to follow some examples but all I seem to get in $_POST is the name of the first selected file. $_FILES is empty. This is my code thus far: <?php header('Content-Type: text/html; charset=utf8'); session_start(); ?> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>File(s) size</title> <script> function UpdateList() { var fBytes = 0; var InputUploadFiles = document.getElementById("UploadFiles").files; var nFiles = InputUploadFiles.length; var InputFileList = document.getElementById("ListFiles"); var strFilename = ""; var option = null; var fFileSize = 0; var InputLabelTotalBytes = document.getElementById("LabelTotalBytes"); for (var nFileId = 0; nFileId < nFiles; nFileId++) { option = document.createElement("option"); fFileSize = InputUploadFiles[nFileId].size / 1024; option.text = InputUploadFiles[nFileId].name + " (" + fFileSize.toFixed(2) + " kBytes)"; InputFileList.add(option); fBytes += InputUploadFiles[nFileId].size; } fBytes /= 1024; InputLabelTotalBytes.innerHTML = fBytes.toFixed(2); } function UploadFile(file) { var url = 'server/index.php'; var xhr = new XMLHttpRequest(); var fd = new FormData(); xhr.open("POST", url, true); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { // Every thing ok, file uploaded console.log(xhr.responseText); // handle response. } } fd.append("upload_file", file); xhr.send(fd); } function UploadFiles() { var files = this.files; for var nI = 0; nI < files.length; nI++) { UploadFile(this.files[nI]); // call the function to upload the file } } var uploadfiles = document.querySelector('#uploadfiles'); uploadfiles.addEventListener('change', UploadFiles, false); </script> </head> <body onload="updateSize();"> <form name="FileUploadForm" target="upload.php" method="POST"> <p> <input id="UploadFiles" type="file" name="UploadFiles" onchange="UpdateList();" multiple size="10"> </p> <p><select name="ListFiles" id="ListFiles" size="10" style="width: 224px"> <option></option> </select></p> <p><label id="LabelTotalBytes">0</label> kBytes in total to upload...</p> <p><input type="submit" value="Upload files"></p> </form> <?php echo "<pre>"; print_r($_FILES); print_r($_POST); echo "</pre>"; ?> </body> </html>
  4. How do you do this folks? I have been trying to follow some examples but all I seem to get in $_POST is the name of the first selected file. $_FILES is empty. This is my code thus far: <?php header('Content-Type: text/html; charset=utf8'); session_start(); ?> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>File(s) size</title> <script> function UpdateList() { var fBytes = 0; var InputUploadFiles = document.getElementById("UploadFiles").files; var nFiles = InputUploadFiles.length; var InputFileList = document.getElementById("ListFiles"); var strFilename = ""; var option = null; var fFileSize = 0; var InputLabelTotalBytes = document.getElementById("LabelTotalBytes"); for (var nFileId = 0; nFileId < nFiles; nFileId++) { option = document.createElement("option"); fFileSize = InputUploadFiles[nFileId].size / 1024; option.text = InputUploadFiles[nFileId].name + " (" + fFileSize.toFixed(2) + " kBytes)"; InputFileList.add(option); fBytes += InputUploadFiles[nFileId].size; } fBytes /= 1024; InputLabelTotalBytes.innerHTML = fBytes.toFixed(2); } function UploadFile(file) { var url = 'server/index.php'; var xhr = new XMLHttpRequest(); var fd = new FormData(); xhr.open("POST", url, true); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { // Every thing ok, file uploaded console.log(xhr.responseText); // handle response. } } fd.append("upload_file", file); xhr.send(fd); } function UploadFiles() { var files = this.files; for var nI = 0; nI < files.length; nI++) { UploadFile(this.files[nI]); // call the function to upload the file } } var uploadfiles = document.querySelector('#uploadfiles'); uploadfiles.addEventListener('change', UploadFiles, false); </script> </head> <body onload="updateSize();"> <form name="FileUploadForm" target="upload.php" method="POST"> <p> <input id="UploadFiles" type="file" name="UploadFiles" onchange="UpdateList();" multiple size="10"> </p> <p><select name="ListFiles" id="ListFiles" size="10" style="width: 224px"> <option></option> </select></p> <p><label id="LabelTotalBytes">0</label> kBytes in total to upload...</p> <p><input type="submit" value="Upload files"></p> </form> <?php echo "<pre>"; print_r($_FILES); print_r($_POST); echo "</pre>"; ?> </body> </html>
  5. I have an arduino connected to my home network via a wifi shield. I can successfully read the HTTP headers (on the arduino) sent from my browser and send a HTTP response back to the browser from the arduino. But I cannot figure out how to intercept the form data on the arduino when using the POST method. Does the browser send a POST http header, with the data size of the following data and then immediately send the data so that I can read it all with one read loop? Does the browser send a POST http header, with the data size and then the actual data in separate packet? Do the data packets have their own headers and the data is terminated by \r\n like the headers? Or are they data packets just arrive with no headers and no \n\r asynchronously and you have to just keep trying to read until you have read the amount of data specified in the POST http header? How does all this work at this low level? When you are dealing with a full web server with PHP etc, you don't have to worry about any of this.
  6. I can't seem to get the menu items to fit withn the menu bar: I have set the menu items to the same height and line-height as the menu bar but still thet just wont match up. And I have set margins and padding to 0px every where I can think of, but there is still an unwanted margin above the menu items. Where the buggery is coming from? Any suggestions? Here is the CSS and HTML - pretty straight forward I would have thought. Navigation.php =><ul class="Menu"> <li class="MenuItem" <?php if (strcmp($GLOBALS["Filename"], "index.php") == 0) echo "class="current_page_item""; ?>><a class="MenuItemLink" href="index.php">Home</a></li> <li class="MenuItem" <?php if (strcmp($GLOBALS["Filename"], "About.php") == 0) echo "class="current_page_item""; ?>><a class="MenuItemLink" href="DesignGuide.php">About</a></li> <li class="MenuItem" <?php if (strcmp($GLOBALS["Filename"], "WebsiteDesign.php") == 0) echo "class="current_page_item""; ?>><a class="MenuItemLink" href="DesignGuide.php">Website Design</a></li> <li class="MenuItem" <?php if (strcmp($GLOBALS["Filename"], "Services.php") == 0) echo "class="current_page_item""; ?>><a class="MenuItemLink" href="Services.php">Services</a></li> <li class="MenuItem" <?php if (strcmp($GLOBALS["Filename"], "EasyWebStore.php") == 0) echo "class="current_page_item""; ?>><a class="MenuItemLink" href="EasyWebStore.php">Easy Web Store</a></li> <li class="MenuItem" <?php if (strcmp($GLOBALS["Filename"], "Portfolio.php") == 0) echo "class="current_page_item""; ?>><a class="MenuItemLink" href="Portfolio.php">Portfolio</a></li> <li class="MenuItem" <?php if (strcmp($GLOBALS["Filename"], "Contact.php") == 0) echo "class="current_page_item""; ?>><a class="MenuItemLink" href="Contact.php">Contact</a></li> </ul> Style.css =><?php $GLOBALS["PageWidth"] = 1000; $GLOBALS["CornerRadius"] = 10; $GLOBALS["MenuHeight"] = 40;?> <style> body { margin:0; padding:0; background-image:url(images/BodyBackGround4.jpg); background-size:cover; background-origin: content-box; width:100%; height:100%; } .Header { width:100%; height:100px margin:0px; border-style:none; border-width:thin; border-color:cyan; } .BusinessName { font-family:Gill Sans Ultra Bold Condensed; font-size:4em; text-shadow: 5px 5px 5px #000000; text-align:center; width:100%; color:white; border-style:none; border-width:thin; border-color:red; } .Motto { font-family:"Franklin Gothic Demi Cond"; font-size:2em; text-shadow: 5px 5px 5px #000000; text-align:center; width:100%; color:white; border-style:none; border-width:thin; border-color:green; } .Menu { list-style-type:solid; display: inline-block; position:relative; background-color:MidnightBlue; width:100%; height:40px; line-height:<?php echo $GLOBALS["MenuHeight"]; ?>px; vertical-align:middle; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; border-style:none; border-width:thin; border-color:green; } .MenuItem{ display: inline-block; padding-right:0px; padding-left:0px; padding-top:0px; padding-bottom:0px; line-height:<?php echo $GLOBALS["MenuHeight"]; ?>px; height:<?php echo $GLOBALS["MenuHeight"]; ?>px; vertical-align:middle;/* border-style:solid; border-width:thin; border-color:red;*/ } .MenuItemLink{ display: inline-block; line-height:<?php echo $GLOBALS["MenuHeight"]; ?>px; height:<?php echo $GLOBALS["MenuHeight"]; ?>px; vertical-align:middle; padding-right:60px; padding-left:10px; padding-top:0px; padding-bottom:0px; font-family:"Franklin Gothic Demi Cond"; font-size:1em; color:white; background:green; border-style:none; border-width:thin; border-color:red; } .Page { background-color:white; width:<?php echo $GLOBALS["PageWidth"]; ?>px; margin-top:20px; margin-left:auto; margin-right:auto; border-top-left-radius:<?php echo $GLOBALS["CornerRadius"]; ?>px; border-top-right-radius:<?php echo $GLOBALS["CornerRadius"]; ?>px; overflow:hidden; } </style>
  7. I have this navigation structure: <div class="NavigationStyle" id="navigation"> <ul class="ListStyle"> <li id="MenuItem" class="MenuItemBackgroundStyle"><a class="MenuItemLinkStyle" href="index.php"> Home</a></li> <li id="MenuItem" class="MenuItemBackgroundStyle"><a class="MenuItemLinkStyle" href="CompanyProfile.php"> Company Profile</a></li> <li id="MenuItem" class="MenuItemBackgroundStyle"><a class="MenuItemLinkStyle" href="Definitions.php"> Definitions</a></li> <li id="MenuItem" class="MenuItemBackgroundStyle"><a class="MenuItemLinkStyle" href=""> Services ▸</a> <div id="SubMenu" class="SubmenuStyle"> <div id="SubmenuArrow" class="SubMenuArrowStyle"></div> <ul class="ListStyle"> <li id="SubMenuItem" class="SubMenuItemBackgroundStyle"><a class="SubMenuItemLinkStyle" href="LocalGovernment.php">Local Government</a></li> <li id="SubMenuItem" class="SubMenuItemBackgroundStyle"><a class="SubMenuItemLinkStyle" href="StateGovernment.php">State Goverment</a></li> <li id="SubMenuItem" class="SubMenuItemBackgroundStyle"><a class="SubMenuItemLinkStyle" href="UtilityCompanies.php">Utility Companies</a></li> <li id="SubMenuItem" class="SubMenuItemBackgroundStyle"><a class="SubMenuItemLinkStyle" href="PrivateProperty.php">Private Property</a></li> </ul> </div> </li> <li id="MenuItem" class="MenuItemBackgroundStyle"><a class="MenuItemLinkStyle" href="ContactDetails.php"> Contact Details</a></li> <li id="MenuItem" class="MenuItemBackgroundStyle"><a class="MenuItemLinkStyle" href="Database.php"> Database</a></li> <li id="MenuItem" class="MenuItemBackgroundStyle"><a class="MenuItemLinkStyle" href="Links.php"> Links</a></li> </ul> <img src="images/NavigationImage.jpg" /> <p> </p> <p> </p> <p><font face="Arial" size="4" color="white" align="center">Unique hits: <b><?php echo getUniqueHitCount(); ?></b></font></p></div> The problem arises in the first list item inside the 'submenu' div. All the menu items obey my CSS style and their text is aligned to the left as specified by this line of css code: "text-align:left;" below. But the first submenu item simply wont obey this CSS style and the text is aligned to the right. It is always and only the first list item that does this. Check the screen shot below the code snippet. SubMenuItemBackgroundStyle{ behavior: url(CSSPie/PIE.htc); display: block; text-align:left; position:relative; width: 204px; height: 30px; line-height: 30px; vertical-align: middle; position:relative; margin-left: auto; margin-right: auto; border-style:solid; border-top-color:#5404FB; border-left-color:#5404FB; border-bottom-color:#1A014B; border-right-color:#1A014B; background-color:#330396; border-radius:20px; } Now I have found what is causing this bizarre symptom but I have no idea of why it is causing or how to fix it. It is the padding attribute below. With this line not commented out I get the results in the above screen shot. With it commented out I get the results in the screen shot below. As you can see the text in the first list item is now left aligned like all the other list items, as specified in the by my "text-align: left" staement above, but of course there is a whole lot of left padding that I do not want. What the frig has 'padding' got to do with text aignment of list items? And why does it only effect the first item in the list? .ListStyle{ list-style-type:none; margin: 0px; /* padding:0px;*/}
  8. I have this page source: <img class="CategoryImage" alt="BushTucker.jpg" src="images/BushTucker.jpg" /><img class="CategoryImage" alt="LilyIrisLike.jpg" src="images/LilyIrisLike.jpg" /><img class="CategoryImage" alt="SmallPlants.jpg" src="images/SmallPlants.jpg" /><img class="CategoryImage" alt="Climbers.jpg" src="images/Climbers.jpg" /><img class="CategoryImage" alt="Fern.jpg" src="images/Fern.jpg" /><img class="CategoryImage" alt="GroundCover.jpg" src="images/GroundCover.jpg" /><img class="CategoryImage" alt="AquaticHerbs.jpg" src="images/AquaticHerbs.jpg" /><img class="CategoryImage" alt="AquaticReedRush.jpg" src="images/AquaticReedRush.jpg" /><img class="CategoryImage" alt="Grasses.jpg" src="images/Grasses.jpg" /><img class="CategoryImage" alt="GrassLike.jpg" src="images/GrassLike.jpg" /><img class="CategoryImage" alt="SmallShrubs.jpg" src="images/SmallShrubs.jpg" /><img class="CategoryImage" alt="MediumShrubs.jpg" src="images/MediumShrubs.jpg" /><img class="CategoryImage" alt="LargeShrubs.jpg" src="images/LargeShrubs.jpg" /><img class="CategoryImage" alt="SmallTrees.jpg" src="images/SmallTrees.jpg" /><img class="CategoryImage" alt="MediumTrees.jpg" src="images/MediumTrees.jpg" /><img class="CategoryImage" alt="LargeTrees.jpg" src="images/LargeTrees.jpg" /><img class="CategoryImage" alt="LawnSeed.jpg" src="images/LawnSeed.jpg" /><img class="CategoryImage" alt="NestBoxes.jpg" src="images/NestBoxes.jpg" /> And class "CategoryImage" is defined in style.css as: .CategoryImage{/* behavior: url(CSSPie/PIE.htc); border-radius:20px; display:block; margin:auto auto auto auto; line-height:100px; vertical-align:middle;*/ border-style:solid; border-width:thick; border-color:red; } Can any body give me some clue as to why this wont work?
  9. I don't know if this is a CSS problem but I am having a problem where my dynamically created webpages are created at the server and downloaded to my web browser but all the web browsers will only display part of the content. If I view the web page source code, all the content is there but it is simply invisible in the web browsers. This problem seems to be intermittent. One minute the page content displays properly but then when I refresh the webpage most of the content disappear and I can't get it to display again. Does anyone have any clue as to what the ###### is going wrong here? <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta content="text/html; charset=windows-1252" http-equiv="Content-Type" /> <title>Home</title> <style> /*####################################################################################################################*/ /*####################################################################################################################*/ /*# Page structure #*/ /*####################################################################################################################*/ /*####################################################################################################################*/ h1{ font-family:Arial Narrow; font-size:2.5em; font-weight:bold; color:000000; margin:12px; text-decoration:underline; } h2{ font-family:"Arial Narrow"; font-size:xx-large; font-weight:bold; color:000000; margin:12px; text-decoration:underline; } h3{ font-family:"Arial Narrow"; font-size:x-large; font-weight:bold; color:000000; margin:12px; text-decoration:underline; } h4{ font-family:"Arial Narrow"; font-size:large; font-weight:bold; color:000000; margin:12px; text-decoration:underline; } h5{ font-family:"Arial Narrow"; font-size:medium; font-weight:bold; color:000000; margin:12px; text-decoration:underline; } h6{ font-family:"Arial Narrow"; font-size:small; font-weight:bold; color:000000; margin:12px; text-decoration:underline; } hr{ color:#000066; border-style:outset; border-width:medium; width:98%; } p{ font-family:"Arial Narrow"; font-size:medium; font-weight:normal; color:000000; margin:12px} ul{ display:block; margin:12px } li{ font-family:"Arial Narrow"; font-size:medium; font-weight:normal; color:000000; margin:12px} .OrderReceived{ display:none; border-style:solid; border-width:medium; border-radius:10px; border-bottom-color:#FFFFA3; border-right-color:#FFFFA3; border-top-color:#CCCC51; border-left-color:#CCCC51; background-color:#FFFF66; overflow:hidden; line-height:normal; vertical-align:top; width:74%; margin-left:15px; margin-right:15px; } .OrderReceivedParagraph{ color: #000000; font-weight:bold; font-style:normal; font-variant:normal; font-size:large; text-align:left; white-space:normal; word-spacing:normal; letter-spacing:normal;} .container{ behavior: url("CSSPie/PIE.htc"); display:block; position:relative; width:990px; background-color:#000066; font-family:"Arial"; font-size:small; color:000000; text-align:left; border-radius:5px; border-top-color:#0000AD; border-left-color:#0000AD; border-bottom-color:#00003D; border-right-color:#00003D; border-left-style: solid; border-right-style: solid; border-top-style: solid; border-bottom-style: solid;} .columns{ display:block; width:100%; nMin-height:1200px; margin-top:0px; clear:both; border-style:none; border-width:thin; border-color:yellow; } .navigation{ display:block; float:left; width:180px; clear:both; text-align:center; margin-top:8px; border-style:none; border-width:thin; border-color:red red red red; } .content{ behavior: url("CSSPie/PIE.htc"); display:block; position:relative; background-color:#FFFFFF; float:left; width:80.6%; font-family:"Arial Narrow"; font-size:small; color:#000000"; text-align:left; border-radius:5px; border-bottom-color:#0000AD; border-right-color:#0000AD; border-top-color:#00003D; border-left-color:#00003D; min-height:1200px; border-left-style: solid; border-left-width: medium; border-right-style: solid; border-right-width: medium; border-top-style: solid; border-top-width: medium; border-bottom-style: solid; border-bottom-width: medium; } .footer{ border: thin none red; display:block; position:relative; clear:both; font-family:"Arial"; font-size:medium; color:#F2F2F2; text-align:left; padding-left:182px; line-height:50px; vertical-align:middle; height:50px; margin-bottom:12px; } .header{ display:block; position:relative; top:-10px; width:100%; height:200px; border-style:none; border-width:thin; } .heading{ behavior: url("CSSPie/PIE.htc"); display:block; position:relative; float:left; font-family:"Cooper Black"; font-size:4.5em; font-weight:bold; color:#FFFFFF; text-shadow:3px 3px 0px #000000; width:650px; height:100%; vertical-align:middle; line-height:100%; border-style:none; border-width:thin; } .motto{ behavior: url("CSSPie/PIE.htc"); display:block; position:relative; font-family:"Cooper Black"; font-size:xx-large; font-weight:bold; color:#FFFFFF; text-shadow:2px 2px 0px #000000; height:36px; line-height:36px; margin-top:10px; margin-bottom:10px; border-style:none; border-width:thin; } .ABN{ behavior: url("CSSPie/PIE.htc"); display:block; position:relative; font-family:"Arial"; font-size:medium; font-weight:bold; color:#F2F2F2; height:25px; line-height:25px; text-align:right; border-style:none; border-width:thin; } .HeaderImage{ behavior: url(CSSPie/PIE.htc); display:block; float:left; border-radius:5px; border-style:solid; border-bottom-color:#0000AD; border-right-color:#0000AD; border-top-color:#00003D; border-left-color:#00003D; width:177px; height:194px; margin-top:auto; margin-bottom:auto; overflow:hidden; margin-left:10px; } .symbol{ behavior: url(CSSPie/PIE.htc); display:block; float:left; margin-left:10px; margin-right:10px; height:200px; line-height:200px; vertical-align:middle; overflow:hidden; border-style:none; border-width:thin; border-color:black; } .PageTitle{ behavior: url(CSSPie/PIE.htc); display: block; color:#000066; font-family:"Forte"; font-size:42px; font-weight:bold; text-shadow:2px 2px 0px #000000; } .Quote{ behavior: url(CSSPie/PIE.htc); border-bottom-color:#FFFFA3; border-right-color:#FFFFA3; border-top-color:#CCCC51; border-left-color:#CCCC51; color: #000000; border-style:solid; border-width:thin; border-radius:5px; background-color: #FFFF66; padding:5px; } /*####################################################################################################################*/ /*####################################################################################################################*/ /*# Navigation menu structure #*/ /*####################################################################################################################*/ /*####################################################################################################################*/ .NavMenu{ list-style-type:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:180px; border-style:none; border-width:thin; border-color:black; } /*########################/ /*# Navigation menu item #*/ /*########################*/ .NavMenuItem{ behavior:url(CSSPie/PIE.htc); display:block; position:relative; background-color:#000066; width:160px; height:30px; line-height:30px; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:2px; border-radius:3px; border-style:solid; border-width:thin; border-color:#000066; } li > a{ behavior:url(CSSPie/PIE.htc); display:block; position:relative; background-color:#000066; color:#FFFFFF; font-family:Arial Narrow; font-size:medium; text-align:left; padding-left:2px; width:156px; height:28px; line-height:28px; vertical-align:middle; top:0px; left:0px; border-radius:3px; border-style:solid; border-width:thin; border-color:#000066; } li > a:hover, li > a:active{ behavior:url(CSSPie/PIE.htc); display:block; position:relative; background-color:#3366FF; color:#FFFFFF; font-family:"Arial Narrow"; font-size:medium; text-align:left; padding-left:2px; width:160px; height:30px; line-height:30px; vertical-align:middle; top:0px; left:0px; border-radius:3px; border-style:solid; border-width:thin; } /*########################*/ /*# Down arrow #*/ /*########################*/ .NavMenuItemArrow{ behavior:url(CSSPie/PIE.htc); display:block; position:absolute; width:20px; height:30px; line-height:30px; text-align:middle; vertical-align:center; top:0px; left:140px; border-radius:3px; border-style:solid; border-width:thin; border-color:transparent; } li > div > a{ border: thin solid transparent; behavior:url(CSSPie/PIE.htc); display:block; position:relative; color:#FFFFFF; font-family:"Arial Narrow"; font-size:small; text-align:middle; width:20px; height:30px; line-height:30px; text-align:middle; vertical-align:center; z-index:999; top:-1px; left:-1px; border-radius:3px; } li > div > a:hover, li > div > a:active{ behavior:url(CSSPie/PIE.htc); color:#FFFFFF; font-family:"Arial Narrow"; font-size:small; text-align:middle; background-color:#3366FF; width:20px; height:30px; line-height:30px; text-align:middle; vertical-align:center; z-index:999; top:-1px; left:-1px; border-radius:3px; border-style:solid; border-width:thin; } /*########################*/ /*# Navigation sub-menu #*/ /*########################*/ .NavSubmenu{ behavior:url(CSSPie/PIE.htc); display:none; list-style-type:none; position:relative; z-index:10; background-color:#000066; width:177px; left:-162px; top:-10px; padding:0px 0px 0px 0px; overflow:hidden; border-style:solid; border-width:thin; border-color:transparent; } li > div > a + ul > li > a{ behavior:url(CSSPie/PIE.htc); display:block; position:relative; background-color:#000066; color:#FFFFFF; font-family:"Arial Narrow"; font-size:medium; text-align:left; margin-left:20px; padding-left:2px; width:140px; height:30px; line-height:30px; vertical-align:middle; top:0px; left:0px; border-radius:3px; border-style:solid; border-width:thin; } li > div > a + ul > li > a:hover, li > div > a + ul > li > a:active{ behavior:url(CSSPie/PIE.htc); display:block; position:relative; background-color:#3366FF; color:#FFFFFF; font-family:"Arial Narrow"; font-size:medium; text-align:left; margin-left:20px; padding-left:2px; width:140px; height:30px; line-height:30px; vertical-align:middle; top:0px; left:0px; border-radius:3px; border-style:solid; border-width:thin; } /*########################*/ /*# Navigation image #*/ /*########################*/ .NavImage{ behavior: url(CSSPie/PIE.htc); display:block; position:relative; border-style:solid; border-radius:5px; border-bottom-color:#0000AD; border-right-color:#0000AD; border-top-color:#00003D; border-left-color:#00003D; width:90%; height:120%; margin-left:auto; margin-right:auto; margin-top:20px; overflow:hidden; } /*####################################################################################################################*/ /*####################################################################################################################*/ /*# Catrgory structure of Store.php #*/ */ /*####################################################################################################################*/ /*####################################################################################################################*/ #CategoryContainerImage{ border-radius:20px; display:block; margin-left:auto; margin-right:auto; height:60%; line-height:100px; vertical-align:middle; border-style:none; border-width:thin; border-color:red; } #CategoryContainer{ behavior: url(CSSPie/PIE.htc); display:table-cell; float:left; width:130px; height:130px; line-height:130px; margin:40px 0px 40px 40px; border-style:none; border-color:red; border-width:thin; border-radius:30px; } #Category{ behavior: url(CSSPie/PIE.htc); display:table-cell; position:relative; background-color:#000066; width:130px; height:130px; line-height:130px; vertical-align:middle; overflow:hidden; top:-1px; left:-1px; border-style:solid; border-width:medium; border-radius:30px; border-bottom-color:#0000AD; border-right-color:#0000AD; border-top-color:#00003D; border-left-color:#00003D; } #Category:hover{ behavior: url(CSSPie/PIE.htc); display:table-cell; position:relative; background-color:#3366FF; width:130px; height:130px; line-height:130px; vertical-align:middle; overflow:hidden; top:-1px; left:-1px; border-style:solid; border-width:medium; border-radius:30px; border-bottom-color:#56ADFF; border-right-color:#56ADFF; border-top-color:#1E3D99; border-left-color:#1E3D99; } #Category:active{ behavior: url(CSSPie/PIE.htc); display:table-cell; position:relative; background-color:#3366FF; width:130px; height:130px; line-height:130px; vertical-align:middle; overflow:hidden; top:-1px; left:-1px; border-style:solid; border-width:medium; border-radius:30px; border-bottom-color:#56ADFF; border-right-color:#56ADFF; border-top-color:#1E3D99; border-left-color:#1E3D99; } #ItemDetails{ display:block; position:relative; border-style:solid; border-width:medium; border-radius:5px; border-color:#000066; width:98%; margin-left:10px; margin-bottom:10px; overflow:hidden; } #ItemImage{ display:block; width:300px; } /*####################################################################################################################*/ /*####################################################################################################################*/ /*# Form structure #*/ /*####################################################################################################################*/ /*####################################################################################################################*/ .CartTable{ width:98%; margin-left:10px; border-style:none solid solid none; border-width:thin; border-color:black; border-radius:5px; border-spacing:0; } .CartHeaderCell{ background-color:silver; font-family:Arial; font-size:medium; color:black; border-style:solid none none solid; border-width:thin; border-color:black; } .CartCommonCell{ background-color:white; font-family:Arial; font-size:medium; color:black; height:30px; border-style:solid none none solid; border-width:thin; border-color:black; } .AlignRight{ text-align:right; } .AlignMiddle{ text-align:center; } .RoundedTopLeft{ border-top-left-radius:5px; } .RoundedTopRight{ border-top-right-radius:5px; } .RoundedBottomLeft{ border-bottom-left-radius:5px; } .RoundedBottomRight{ border-bottom-right-radius:5px; } .CartPaypal{ background-image:url("https://www.sandbox.paypal.com/en_AU/i/btn/btn_paynowCC_LG.gif"); background-repeat: no-repeat; background-position:center; background-color:transparent; border-style:none; border-color:black; width:116px; height:54px; cursor:pointer; } .CartQuantity{ width:45px; } .CartText{ border-style:solid; border-width:2px; border-top-color:#808080; border-left-color:#808080; border-bottom-color:#DDDDDD; border-right-color:#DDDDDD; border-radius:4px; font-size:medium; font-family:Arial; margin-right:10px; float:left; } .CartSelect{ border-style:solid; border-width:2px; border-top-color:#808080; border-left-color:#808080; border-bottom-color:#DDDDDD; border-right-color:#DDDDDD; border-radius:4px; font-size:medium; font-family:Arial; margin-right:10px; float:left; } .CartButton{ border-style:solid; border-width:2px; border-top-color:#DDDDDD; border-left-color:#DDDDDD; border-bottom-color:#808080; border-right-color:#808080; border-radius:4px; font-size:medium; font-family:Arial; margin-right:10px; background-color:#C0C0C0; } .CartItemsButton{ border-style:solid; border-width:2px; border-top-color:#DDDDDD; border-left-color:#DDDDDD; border-bottom-color:#808080; border-right-color:#808080; border-radius:4px; font-size:medium; font-family:Arial; margin-right:10px; background-color:#C0C0C0; float:left; } .InventoryItemImageLink{ } .InventoryItemImage{ border-radius:5px; border-style:solid; border-width:medium; border-bottom-color:#FFFFA3; border-right-color:#FFFFA3; border-top-color:#CCCC51; border-left-color:#CCCC51; display:block; width:330px; } .InventoryLabel{ font-size:medium; font-family:"Arial Narrow"; color:#000000; line-height:20px; margin-top:8px; float:left; } input[type=text]:disabled{ color:gray; } .InventoryText{ border-radius:4px; border-bottom-color:#FFFF99; border-right-color:#FFFF99; border-top-color:#BFBF4C; border-left-color:#BFBF4C; background-color:#FFFFAD; font-size:medium; line-height:20px; font-family:"Arial Narrow"; color:#000000; margin-right:10px; margin-top:8px; width:80px; float:left; border-left-style: solid; border-left-width: thin; border-right-style: solid; border-right-width: thin; border-top-style: solid; border-top-width: thin; border-bottom-style: solid; border-bottom-width: thin; } .InventoryNumber{ border-radius:4px; border-bottom-color:#FFFF99; border-right-color:#FFFF99; border-top-color:#BFBF4C; border-left-color:#BFBF4C; background-color:#FFFFAD; font-size:medium; line-height:20px; font-family:"Arial Narrow"; color:#000000; margin-right:10px; margin-top:8px; width:80px; float:left; border-left-style: solid; border-left-width: thin; border-right-style: solid; border-right-width: thin; border-top-style: solid; border-top-width: thin; border-bottom-style: solid; border-bottom-width: thin; } .InventorySelect{ border-radius:4px; border-bottom-color:#FFFF99; border-right-color:#FFFF99; border-top-color:#BFBF4C; border-left-color:#BFBF4C; background-color:#FFFFAD; font-size:medium; line-height:20px; font-family:"Arial Narrow"; color:#000000; margin-right:10px; margin-top:auto; margin-bottom:auto; margin-top:6px; float:left; border-left-style: solid; border-left-width: thin; border-right-style: solid; border-right-width: thin; border-top-style: solid; border-top-width: thin; border-bottom-style: solid; border-bottom-width: thin; } .InventoryButton{ border-radius:4px; border-top-color:#FFFF99; border-left-color:#FFFF99; border-bottom-color:#BFBF4C; border-right-color:#BFBF4C; background-color:#D8D856; width:100px; height:40px; line-height:40px; font-family:"Arial Narrow"; color:#000000; margin-right:10px; margin-top:auto; margin-bottom:auto; float:left; position:relative; border-left-style: solid; border-left-width: thin; border-right-style: solid; border-right-width: thin; border-top-style: solid; border-top-width: thin; border-bottom-style: solid; border-bottom-width: thin; } form{ margin-left:12px; } .ItemAdditionalDetailsImage{ border-radius:5px; margin-top:8px; margin-bottom:8px; width:280px; } .ItemAdditionalDetails{ display:block; position:relative; border-radius:5px; border-bottom-color:#FFFFA3; border-right-color:#FFFFA3; border-top-color:#CCCC51; border-left-color:#CCCC51; background-color:#99CCFF; font-family:"Arial Narrow"; color:#000000; float:right; top:15px; padding-bottom:10px; padding-right:10px; margin-right:10px; height:340px; width:400px; overflow:auto; border-left-style: solid; border-left-width: medium; border-right-style: solid; border-right-width: medium; border-top-style: solid; border-top-width: medium; border-bottom-style: solid; border-bottom-width: medium; } .ItemDetails{ display:inline-block; position:relative; border-radius:5px; background-color:#FFFF66; border-top-color:#FFFFA3; border-left-color:#FFFFA3; border-bottom-color:#CCCC51; border-right-color:#CCCC51; font-family:"Arial Narrow"; color:#000000; width:98%; margin-left:10px; overflow:hidden; border-left-style: solid; border-left-width: medium; border-right-style: solid; border-right-width: medium; border-top-style: solid; border-top-width: medium; border-bottom-style: solid; border-bottom-width: medium;} </style> <script type="text/javascript"> </script> </head> <body> <div class="container">  <div class="header"> <div class="symbol"><img alt="Symbol" src="images/Symbol.png"></div> <div class="heading">Greg's Indigenous Plants & Landscapes<div class="motto">Australian plants for Australia</div><div class="ABN">ABN: 65 285 170 251</div></div> <div class="HeaderImage"> <a href="images/HeaderOutback.jpg"><img width="177" alt="Header image1" src="images/HeaderImage1.jpg" /></a> <a href="images/HeaderPond.jpg"><img width="177" alt="Header image2" src="images/HeaderImage2.jpg" /></a> </div> </div> <div class="columns"> <nav class="navigation"> <ul class="NavMenu"> <li class="NavMenuItem"><a href="index.php">Home</a></li> <li class="NavMenuItem"><a href="AboutMe.php">About me</a></li> <li class="NavMenuItem"><a href="Contact.php">Contact Details</a></li> <li class="NavMenuItem"><a href="PreviousJobs.php">Previous Jobs</a></li> <li class="NavMenuItem"><a href="Definitions.php">Definitions</a></li> <li class="NavMenuItem"><a href="EnvironmentalWeeds.php">Environmental Weeds</a></li> <li class="NavMenuItem"><a href="GardenTips.php">Garden Tips</a></li> <li class="NavMenuItem"><a href="NativeLawns.php">Native Lawns</a></li> <li class="NavMenuItem"><a href="OnlineNursery.php">Online Nursery</a> <div class="NavMenuItemArrow"><a href="#" id="NavMenuItemArrow" onclick="doOnClick('NavMenuItemArrow', 'NavSubmenu')">▼</a> <ul class="NavSubmenu" id="NavSubmenu"> <li id="NavMenuItem"><a href="Category1.php">Bush Tucker</a></li> <li id="NavMenuItem"><a href="Category2.php">Lily & Iris Like Plants</a></li> <li id="NavMenuItem"><a href="Category3.php">Small Plants</a></li> <li id="NavMenuItem"><a href="Category4.php">Climbers</a></li> <li id="NavMenuItem"><a href="Category5.php">Ferns</a></li> <li id="NavMenuItem"><a href="Category6.php">Ground Covers</a></li> <li id="NavMenuItem"><a href="Category7.php">Aquatic Herbs</a></li> <li id="NavMenuItem"><a href="Category8.php">Aquatic Reeds & Rushes</a></li> <li id="NavMenuItem"><a href="Category9.php">Grasses</a></li> <li id="NavMenuItem"><a href="Category10.php">Grass Like Plants</a></li> <li id="NavMenuItem"><a href="Category11.php">Small Shrubs</a></li> <li id="NavMenuItem"><a href="Category12.php">Medium Shrubs</a></li> <li id="NavMenuItem"><a href="Category13.php">Large Shrubs</a></li> <li id="NavMenuItem"><a href="Category14.php">Small Trees</a></li> <li id="NavMenuItem"><a href="Category15.php">Medium Trees</a></li> <li id="NavMenuItem"><a href="Category16.php">Large Trees</a></li> <li id="NavMenuItem"><a href="Category17.php">Lawn Seeds</a></li> <li id="NavMenuItem"><a href="Category18.php">Nest Boxes</a></li> <div class="content" id="content"> <p class="PageTitle"> <script type="text/javascript"> document.write(document.title); </script> </p> <!--******************************************************************************************************************************************** ******************************************************************************************************************************************** Start main content ******************************************************************************************************************************************** ********************************************************************************************************************************************--> <p class="Quote"> <b> <i> The exotic vegetation that replaces indigenous plant communities in urbanising regions, disassociates us from the rhythms and diversity of the native landscape and a sense of the place; and we are the poorer because of it. </i> <br><br> Michael Hough, Professor of Landscape Architecture, York University, Canada. </b> </p> <hr> <p> <font size="5"> Please check out my <a href="OnlineNursery.php">online nursery</a> to see the diverse range of native plants I use in my landscapes... </font> </p> <p>I have greatly expanded the range of species available but please keep in mind that this is still only a selection of what is available!</p> <p>If you are hankering for a species or a cultivar that I do not have listed then please email with your request and I will see if I can get it for you.</p> <hr> <p><a href="images/GreenGardenerCertificate.jpg">Green Gardener Certificate</a></p> <hr> <h3>My Country</h3> <p><font size="2"> The love of field and coppice,<br> Of green and shaded lanes.<br> Of ordered woods and gardens<br> Is running in your veins,<br> Strong love of grey-blue distance<br> Brown streams and soft dim skies<br> I know but cannot share it,<br> My love is otherwise.<br> <br> I love a sunburnt country,<br> A land of sweeping plains,<br> Of ragged mountain ranges,<br> Of droughts and flooding rains.<br> I love her far horizons,<br> I love her jewel-sea,<br> Her beauty and her terror,<br> The wide brown land for me!<br> <br> A stark white ring-barked forest<br> All tragic to the moon,<br> The sapphire-misted mountains,<br> The hot gold hush of noon.<br> Green tangle of the brushes,<br> Where lithe lianas coil,<br> And orchids deck the tree-tops<br> And ferns the warm dark soil.<br> <br> Core of my heart, my country!<br> Her pitiless blue sky,<br> When sick at heart, around us,<br> We see the cattle die -<br> But then the grey clouds gather,<br> And we can bless again<br> The drumming of an army,<br> The steady, soaking rain.<br> <br> Core of my heart, my country!<br> Land of the Rainbow Gold,<br> For flood and fire and famine,<br> She pays us back threefold -<br> Over the thirsty paddocks,<br> Watch, after many days,<br> The filmy veil of greenness<br> That thickens as we gaze.<br> <br> An opal-hearted country,<br> A wilful, lavish land -<br> All you who have not loved her,<br> You will not understand -<br> Though earth holds many splendours,<br> Wherever I may die,<br> I know to what brown country<br> My homing thoughts will fly.<br> <br> Dorothea Mackellar, 1907 </font></p> <hr> <p style="margin-left:10px;"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- LargeRectangle2 --> <ins class="adsbygoogle"style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-7440900945243804" data-ad-slot="6006941405"> </ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </p> <hr> <h3>Landscaping Services</h3> <ul> <li>The type of landscape that I love creating the most are natural ones that resemble Australia's natural landscapes. Here are two of my favourites:</li> </ul> <p style="margin-left: 50px;"> <a href="images/HeaderPond.jpg"> <img alt="" height="417" src="images/HeaderPond.jpg" width="550"></a></p> <p style="margin-left: 50px;"> <a href="images/HeaderOutback.jpg"> <img alt="" height="415" src="images/HeaderOutback.jpg" width="548"></a></p> <h4>Weed Control</h4> <ul> <li>For short term weed control I use herbicides and thick layers of bush mulch.</li> <li>Unfortunately herbicides are a necessary evil given that most of us do not have that much spare time these days to devote to hand weeding.</li> <li>But my aim is always to minimise the their use as far as possible, and they are all biodegradeable.</li> <li>A thick layer of bush mulch laid directly over the soil goes a long way to suppressing weeds and minimising herbicide usage for around 12 months until the ground cover plants get established and take over the weed suppression role.</li> <li>As you can see from the pond above, weeds have little chance of being able to row through the dense covering of plants.</li> <li>The desert garden actually consists of a thick layer of bush mulch which I have then covered with terracotta tile 7mm minus.</li> </ul> <h4>Bush Mulch</h4> <ul> <li>The bush mulch comes straight from the tree loppers that operate around the suburbs.</li> <li>It is usually quite fresh and the fact that it is actively 'cooking' when I lay it means that it creates a very hostile environment for weed seedlings.</li> <li>However it does need topping up every 1-2 years because it thins out as it cooks, and weeds eventually start establishing in the garden bed.</li> <li>This mulch is a completely sustianble product because there is never a shortage of trees throughout the suburbs that need to be lopped or removed and the 'mulch miles' are minimal.</li> <li>The mulch contains a mixture of both woody and green leafy material.</li> <li>The green leafy material in particular breaks down quickly, enriches the soil with nutrients and organic matter and encourages earth worms.</li> <li>All in all it is a terrific and cheap soil improver if you use it on your garden beds over a long period of time.</li> <li>Fresh bush mulch:</li> </ul> <p style="margin-left: 50px;"> <a href="images/TreeMulchFresh.JPG"> <img alt="" height="298" src="images/TreeMulchFresh.JPG" width="400"></a></p> <ul> <li>Aged bush mulch:</li> </ul> <p style="margin-left: 50px;"> <img alt="" height="294" src="images/TreeMulchAged.jpg" width="400"></p> <ul> <li>The convenient thing about this sort of mulch is that:<ol> <li>And leaf debris etc that blows into your garden from the street simply belnds in with it.</li> <li>You can shred your garden waste and use the resulting mulch on your garden beds - it quickly bleaches in the sun and blends in.</li> <li>It is inexpensive and you can afford to lay it thickly.</li> </ol> </li> <li style="height: 38px">The problem with more formal gardens with decorative mulches is that leaf debris is very noticeable and spoils the look of the garden bed within weeks or months:</li> </ul> <p style="margin-left: 50px;"> <img alt="" height="316" src="images/LeafDebrisDecorativeMulch.jpg" width="236"></p> <ul> <li style="height: 38px">The red desert garden and the natural pond above are informal, so any leaf debris that blows onto them blends in with their overall look - you would expect to see some plant debris in the desert or around a pond.</li> </ul> <h4>No Plastic Weed Mat</h4> <ul> <li>I wont use plastic weed mat so please don't ask me.</li> <li>It simply does not stop weeds as well as a 5-10cm thick layer of tree mulch laid driectly over the soil and maintained!</li> <li>And it's a comletely avoidable form of plastic pollution.</li> <li>Unlike the herbicides I use, plastic is not biodegradeable, will last for thousands of years and it will do greater and greater environmenal harm is it breaks down into smaller and smaller pieces which can be consumed by insects etc.</li> <p> If you would like to learn a bit more about the environmental harm that plastics do then please click <a href="http://education.nationalgeographic.com.au/education/encyclopedia/great-pacific- garbage-patch/?ar_a=1">here</a>. </p> <li>Many weeds simply grow through the weave and then, when you hand weed, you end up tearing holes in the weed mat which allows even more weeds to grow.</li> <li>It prevents earth worms from incorporating organic matter from the mulch into the underlying soil.</li> <li>It reduces infiltration of rainfall into the underlying soil.</li> <li>It reduces aeration of the soil.</li> </ul> <h4>Quotes</h4> <ul> <li>As well as a fully itemised quote I will prepare a landscape plan for you property detailing all aspects of the work I will carry out.</li> <li>This will take the form of a Microsoft Word document and will include:<ol> <li> All the plant species.</li> <li>All soils, mulches and pebbles.</li> <li>All edging, retaining walls and paving materials, including construction details.</li> <li>Weed control methods and maintenance instructions.</li> </ol> </li> </ul> <hr> <h3>Have you got possums in your roof?</h3> <p>They always seem to end up nesting in your wall cavities don't they!</p> <p>Meaning that they prefer tight little nooks rather than your open roof space.</p> <p>So instead of continually trying to get them out of your roof why don't you provide them with alternative accomodation they they would no doubt prefer anyway.</p> <p>Buy a coule of flat pack possum next boxes, assemble them and put them up in any convenient trees or even up under your eves.</p> <p>The nest boxes have been designed by the Melbourne Wildlife Sanctuary according to the types of tree hollows that their research has shown that possoms tend to favour.</p> <p> <a href="images/plants/BrushtailPossumNestBoxFlat.jpg"> <img alt="" height="283" src="images/plants/BrushtailPossumNestBoxFlat.jpg" width="400" style="border-width: 0px;"></a></p> <p> <a href="images/plants/BrushtailPossumNestBox.jpg"> <img alt="" style="border-width:0px;margin-bottom:0px;" height="300" src="images/plants/BrushtailPossumNestBox.jpg" width="400"></a></p> <hr> <h3>Got drainage problems?</h3> <ul> <li>Don't solve it the hard and expensive way with excavation, geotextiles, aggy pipe and gravel.</li> <li>Plants are the perfect 'water pumps' - they transpire.</li> <li>Tranpsiation is the process where by water, containing nutrients, is:<ul> <li>Taken up by the roots from the soil.</li> <li>Drawn up through the microscopic tubes called xylem, that extend unbroken from the roots tips to the leaves, via capillary action.</li> <li>And then released from the leaves as water vapour.</li> </ul> </li> <li>If you have a wet area near the house then plant it out with a variety of aquatic herbs like:</li> <p style="margin-left:40px;">Hydrocoyle verticillata</p> <p style="margin-left:40px;"> <a href="images/plants/Hydrocotyle_verticillata.jpg"> <img alt="" height="594" src="images/plants/Hydrocotyle_verticillata.jpg" style="height: 300px; width: 400px; border-width: 0px" width="792" /> </a> </p> <p style="margin-left:40px;">Villarsia reniformis</p> <p style="margin-left:40px;"> <a href="images/plants/Villarsia_reniformis.jpg"> <img alt="" height="233" src="images/plants/Villarsia_reniformis.jpg" width="400" /> </a> </p> <p style="margin-left:40px;">Viola hederacea</p> <p style="margin-left:40px;"> <a href="images/plants/Viola_hederacea.jpg"> <img alt="" height="300" src="images/plants/Viola_hederacea.jpg" width="400" /> </a> </p> <p style="margin-left:40px;">Marsillea drummondii.</p> <p style="margin-left:40px;"> <a href="images/plants/Marsilea_drummondii.jpg"> <img alt="" height="300" src="images/plants/Marsilea_drummondii.jpg" width="400" /> </a> </p> <li>If the wet area is a safe distance from any structure then plant it out with small gum trees - the soil under mature gum trees is always bone dry.</li> </ul> <hr> <h3>Artificial Turf</h3> <p>The problem with artificial turf is that it looks great to begin with, but it is all down hill from there:</p> <p><a href="images/ArtificialTurf.jpg"> <img alt="" height="550" src="images/ArtificialTurf.jpg" style="height: 300px; width: 400px; border-width: 0px" width="733"></a></p> <p>The only way to fix this is to tear it all up and start again. A very expensive fix!</p> <h3>Native Lawns</h3> <p>With a native lawn you can simply let the grass go to seed, mow and collect the clippings plus mature seed and then scatter the clippings plus seed where you need it.</p> <p>Or just buy some new seed for a fraction of the cost of replacing artificial turf.</p> <p>And you don't necessarily have to mow native lawns if you don't mind a 'meadow' rather than a lawn.</p> <p>'Griffin' <i>Microlaena stipoides</i></p> <p> <a href="images/Griffin_Microlaena_stipoides.jpg"> <img alt="" height="409" src="images/Griffin_Microlaena_stipoides.jpg" style="border-width: 0px" width="310"></a><a href="images/Griffin_Microlaena_stipoides2.jpg"><img alt="" height="411" src="images/Griffin_Microlaena_stipoides2.jpg" style="border-width: 0px" width="290"></a></p> <p>'Oxley' <i>Austrodanthonia geniculata</i></p> <p><a href="images/Oxley_Austrodanthonia_geniculata.jpg"> <img alt="" height="415" src="images/Oxley_Austrodanthonia_geniculata.jpg" style="border-width: 0px" width="597"></a></p> <hr> <h3>Instant Lawns..........Sigh!</h3> <p>I have lost count of how many times I have seen people puting in rolled turf lawns only to have them turn to dust and weeds within a few years. I just don't get why folks keep, in Albert Einstein's own words, repeating the same experiment and expecting to get different results from all the previous experiments. </p> <p>It is beyond my comprehension how so many people just blindly accept the marketing hype from the rolled turf companies. Regardless of the advertising hype, the varieites they use are just not suited to average Australian conditions. They have shallow root systems are rely on consistent rainfall, or consistent irrigation, and deep rich loamy soils.</p> <p>In this region of Australia we have none of these things. Our rainfall is erratic, we often have very hot dry summers that thouroughly dry out the top soils and we have heavy black clay soils that become water logged over winter. So you can't just roll out your instant turf, water it for a few weeks and then expect to have a beautiful English lawn for the next 20 years.</p> <p>If you want an reliable lawn then use a native grass species that has adapted to the local conditions over many thousands of years, e.g. Microlaena stipoides, Austrodanthonia geniculata and Bothriochloa macra. All of these species have very deep root systems (30cm or more) that penetrate deep into the subsoil and access moisture that is beyond the reach of rolled turf grass varities.</p> <p>The fact that you can cut and roll up a turf means that the grass it must have shallow roots. If you attempted this with any of the native grasses then more than likely you would kill them because you will have removed most of their root system.</p> <p>If you seriously want an English style lawn in Australia, then check out my native lawns page. But it does not mean that your English lawn is effortless. And you need patience and perserverance to successfully establish one. Something that a lot of Australians need to re-learn!</p> <hr> <h3>Do you own acerage?</h3> <ul> <li>If you own acerage in the City of Whittlesea municipality, or any adjacent muncipalities, and have DEPI on your back about Serrated Tussock, Paterson Curse and/or other noxious weeds then I can help.</li> <p><a href="images/SerratedTussock.jpg"> <img alt="" height="300" src="images/SerratedTussock.jpg" width="400"></a></p> <li>For a reasonable hourly rate I can spot spray these for you.</li> <li>I have a current ACUP and 10 years experience in noxious weed control using a range of herbicides.</li> <p><a href="images/ACUP.jpg">Agricultural Chemical Users Permit No: 19523</a></p> <li>Give me a call or email me.</li> </ul> <hr> <h3>Bush Tucker</h3> <ul> <li>Why not incorporate some bush tucker plants into your garden?</li> <li>May of them a great looking ornamental plants and they produce something you can eat or cook with as well.</li> <li>Check these out: <ul> <li><i>Santalum accuminatum</i> / Quandong</li> <a href="images/plants/Santalum_acuminatum.jpg"> <img alt="" height="367" src="images/plants/Santalum_acuminatum.jpg" width="490" style="border-width: 0px; height: 299px; width: 400px;"></a> <li><i>Kunzea pomifera</i> / Muntries</li> <a href="images/plants/Kunzea_pomifera.jpg"> <img alt="" eight="364" src="images/plants/Kunzea_pomifera.jpg" width="490" style="border-width: 0px; width: 400px;"></a> <li><i>Austromyrtus dulcis</i> / Midyim Berries</li> <a href="images/plants/Austromyrtus_dulcis.jpg"> <img alt="" height="299" src="images/plants/Austromyrtus_dulcis.jpg" width="488" style="border-width: 0px; height: 245px; width: 400px;"></a> <li><i>Backhousia citriodora</i> / Lemon Myrtle</li> <a href="images/plants/Backhousia_citriodora.jpg"> <img alt="" height="355" src="images/plants/Backhousia_citriodora.jpg" width="488" style="border-width: 0px; height: 290px; width: 400px;"></a> <li><i>Macadamia integrifolia</i> / Macadamia Nuts</li> <a href="images/plants/Macadamia_integrifolia.jpg"> <img alt="" height="373" src="images/plants/Macadamia_integrifolia.jpg" width="487" style="border-width: 0px; height: 306px; width: 400px;"></a> <li><i>Apium prostratum</i> / Native Parsley</li> <a href="images/plants/Apium_prostratum.jpg"> <img alt="" height="364" src="images/plants/Apium_prostratum.jpg" width="486" style="border-width: 0px; height: 299px; width: 400px;"></a> <li><i>Davidsonia puriens</i> / Davidson's Plum</li> <a href="images/plants/Davidsonia_pruriens.jpg"> <img alt="" src="images/plants/Davidsonia_pruriens.jpg" height="413" width="486" style="border-width: 0px; height: 339px; width: 400px;"></a> </ul> </li> </ul> <h3>Quandong Jam</h3> <p><a href="images/Quandongs.jpg"> <img alt="" height="334" src="images/Quandongs.jpg" style="height: 297px; width: 400px; border-width: 0px" width="449"></a></p> <p>Makes 8cups</p> <p>1kg fresh quandongs<br>1kg caster sugar<br>100ml water</p> <p>Chop up the fruit and combine with sugar and water in a large saucepan and put it over medium heat, stirring constantly as it comes to the boil. Lower the heat so it simmers. Cook until it reaches setting point (usu 45mins ish). Test by dropping a teaspoonful onto a cold saucer. Let it cool, and when you push it with your finger, it should wrinkle.<br>Be careful not to overcook and caramilze the sugar as this will alter the colour and flavour of the jam.<br> Once its ready, pour into sterilized jars and seal. Should keep about a year unopened in the pantry, refrigerate once opened.</p> <p><a href="images/QuandongJam.jpg"> <img alt="" height="550" src="images/QuandongJam.jpg" style="height: 299px; width: 400px; border-width: 0px" width="733"></a></p> <hr> <h3>My tough gaurd dog Rocky...</h3> <p>Well he reckons he's tough anyway!</p> <p><a href="images/MyToughGuardDog.jpg"> <img alt="" height="304" src="images/MyToughGuardDog.jpg" width="400" style="border-width: 0px;"></a></p> <p><a href="images/Rocky.jpg"> <img alt="" height="294" src="images/Rocky.jpg" width="400"></a></p> <h3> <a href="images/RockyOnSlide.mp4">Rocky on slide</a> </h3> <!-- "Video For Everybody" v0.4.1 by Kroc Camen of Camen Design <camendesign.com/code/video_for_everybody> =================================================================================================================== --> <!-- first try HTML5 playback: if serving as XML, expand `controls` to `controls="controls"` and autoplay likewise --> <!-- warning: playback does not work on iPad/iPhone if you include the poster attribute! fixed in iOS4.0 --> <video width="640" height="360" controls preload="none"> <!-- MP4 must be first for iPad! --> <source src="images/RockyOnSlide.mp4" type="video/mp4" /><!-- WebKit video --> <!-- fallback to Flash: --> <object width="640" height="384" type="application/x-shockwave-flash" data="__FLASH__.SWF"> <!-- Firefox uses the `data` attribute above, IE/Safari uses the param below --> <param name="movie" value="__FLASH__.SWF" /> <param name="flashvars" value="image=__POSTER__.JPG&file=images/RockyOnSlide.mp4" /> <!-- fallback image. note the title field below, put the title of the video there --> <img src="__VIDEO__.JPG" width="640" height="360" alt="__TITLE__" title="No video playback capabilities, please download the video below" /> </object> </video> <!-- you *must* offer a download link as they may be able to play the file locally. customise this bit all you want --> <p> <strong>Download Video:</strong> <a href="images/RockyOnSlide.mp4">"Rocky on slide"</a> </p> <hr> <h3>Australia - where to from here?</h3> <p>Developing country India has successfully developed sent a space probe to Mars and have developed a space industry to rival NASA in the USA. The Indian people have a sense of national prode and optimism for their future and respect for their politicians.</p> <p>I find it an absolute disgrace that the best vision for Australia that both the ALP and Liberal/National parties can come up with is giant quarry operations and immigration driven property speculation and housing construction. The ALP agitates to increase social spending, without increasing national earnings, while Liberal/National parties agitate to cut social spending, without increasing national earnings.</p> <p>If Australia is to move to the next economic level beyond quarry operations and unsustainable intensive agriculture, and have the money to pay for the social programs we all demand, then all three of parties, in their current forms, are an obstacle to be overcome.</p> <p>Australia needs a credible alternative to the major parties other than the Greens.</p> <p> </p> <h3>Aging Population & Skills Shortages</h3> <p>Australian big businesses wants millions more job seekers so that they can force down wages and conditions and increase profitiability.</p> <p>Australian governments want millions more workers so they can increase their tax revenue to pay for burgeoning pension payments and Medicare costs.</p> <p>The real estate sector wants millions more new home buyers to maintain the value of their property investments.</p> <p>The construction sector, particularly those involved with housing estates and houses want millions more new home buyers to increase demand for their services.</p> <p>All of them pay bribes to both major parties to ensure they both maintain an excessive immigration intake when in government and conspire to disempower local communities and councils to halt inappropriate high rise residential developmentss in their neighbourhoods.</p> <p>All of them exagerate the aging population and skill shortages issues to ensure that the general public accepts their mantra that population growth is unavoidable and our economy will collapse without high immigration.</p> <p>Except that our high immigration intake is having its own economic consequences the costs of which are being imposed on you rather than those who want population growth.</p> <ol> <li>All these new immigrants compete with locals for the limited supply of new and existing houses and rental properties thus forcing up prices and all but destroying the dreams of your children to own their own home. The real estate and contruction sectors love it though and indeed ration the supply of residential properties in order to maintain maximum profitability.</li> <li>All these immigrants also want to drive cars and so choke our roads. Parts of the construction sector love it because they are then contracted to extend freeways and widen roads but you find yourself spending more and more time stuck in traffic one your way to and from work.</li> <li>The government loves all the new tax payers that are boosting their revenue but then they will end up borrowing more money they they generate from increased taxes that the larger population will pay on the expansion of infrastructure and services that the increased population demands in order to maintain living stanbdards.</li> <li>All the new immigrants want to run air conditioners in their McMansions. But increased peak demand for electrciity forces the electrcity retailers to upgrade their poles and wire to prevent them from melting down on hot summer days when everyone one is running their air conditioner. But then you find your electrciity bills growing larger and larger and have increasing difficulty in paying them.</li> <li>During the recent 10 year drought, the exapnded population used more water daily than the current dams were ever envisaged to have to sustain. Many major cities came very close to running out of water forcing governments to build expensive desalination plants whose water we are contracted to purchase regardless of whether we need it. So you find your water bills increasing beyond your capacity to pay them easily.</li> <li>When there is an economic down turn all the skilled immigrants end up in Centrelink looking for their handout.</li> <li>Hospital emergency rooms are choked with skilled immigrants looking for their slice of Medicare funded treatement for minor ailments.</li> <li>Our kids struggle to get their first job in the face of competition from skilled immigrants and the refusal of many employers to undertake on the job training.</li> <li>And the government wants to increase the official retirment age but many employers wont hire older Australians when there are numerous younger skilled immigrants who are often willing to work for lower wages.</li> </ol> <p>So this massive skilled immigration program and population growth is solving this supposed economic crisis of skills shortages and an aging population how exactly? Seems to me that it is just exascerbating the problem.</p> <p>Or perhaps it solving the financial problems of a few narrow sectors in our economy while allowing them to off load all the economic and social costs on to ordinary Australians like you and I.</p> <p>Mean while you vote for the ALP one election and the Coalition at the next election and you wonder why your vote never seems to make your life easier.Why do you think that is?</p> <p>Perhaps because real estate and assorted big businesses who want population growth are bribing both major parties to maintain high immigration and population growth which they all want in order to maximise their own profitiability. Both major parties primarily represent the interests of those bribimg them while going out of their way to appear as though they are representing your interests.</p> <p>When there is one simple thing that either of them could do, to ease cost of living pressures and to ease traffic congestion and housing costs, with a stroke of their pen. I.E. Cut our annual immigration intake to more sensible levels and so ease the pressure across Australian society and our economy.</p> <p>There is one thing that you can do about it. Stop giving them your primary vote at each election and send them a message! The country will not fall apart if we have minority governments. It is our democratic institutions like the ATO that make Australia a politically stable country. Governments come and go but the ATO etc are always there. A family member who works for the ATO, will be dilligently ensuring that big businesses pay their full share of taxes regardless of which party forms government or even regardless of how long it takes to form a working government after any given election.</p> <p>The major parties just want you to think that the country will fall apart with minority governments because those businesses bank rolling them through bribes will no longer do so if it becomes clear that the major parties are no longer effective at implementing their favours.</p> <p> </p> <!--******************************************************************************************************************************************** ******************************************************************************************************************************************** End main content ******************************************************************************************************************************************** ********************************************************************************************************************************************--> </div> </div>  <div class="footer"> This Easy Web Store was created by Gregary Boyles. The inventory is loaded from a standard Excel spreadsheet. </div> </div> </body></html>
  10. I am trying to send an email with html format body and and xlsx attachment. The xlsx attachment works just find when I receive the email - I can open it with microsoft excel just fine. But I can't get the html code in the email body to show up - the emails comes through with no content apart from the attachment. What am I doing wrong? Here is the call to PHP mail(...) mail($_SESSION["BusinessEmail"], "Order from ".$_SESSION["BusinessName"], $strEmailBody, getHeader($strEmailBody)); Here is the html that should appear in the body of the email: $strEmailBody contains this html code. <html> <body> <table border="0" width="800px" cellspacing="0" cellpadding="0"> <tr> <td width="25%" rowspan="5" valign="middle" style="border-style:solid;border-width:thin;border-color:#000000;"> <p align="right"><b>BILLING DETAILS:</b> </td> <td colspan="3" style="border-style:solid solid none none;border-width:thin;border-color:#000000;padding-left:5px;" align="left"> Gregary Boyles </td> </tr> <tr> <td colspan="3" style="border-style:none solid none none;border-width:thin;border-color:#000000;padding-left:5px;" align="left"> 56 Derby Drive </td> </tr> <tr> <td width="9%" align="right"> <b>Phone:</b> </td> <td colspan="2" style="border-style:none solid none none;border-width:thin;border-color:#000000;" align="left"> 94013696 </td> </tr> <tr> <td width="9%" align="right"> <b>Mobile:</b> </td> <td colspan="2" style="border-style:none solid none none;border-width:thin;border-color:#000000;" align="left"> 0414318470 </td> </tr> <tr> <td width="9%" align="right" style="border-style:none none solid none;border-width:thin;border-color:#000000;"> <b>Email:</b> </td> <td colspan="2" style="border-style:none solid solid none;border-width:thin;border-color:#000000;" align="left"> greg@gregsindigenouslandscapes.com.au </td> </tr> </table> <br> <table border="0" width="800px" cellspacing="0" cellpadding="0"> <tr> <td width="25%" rowspan="5" align="right" valign="middle" style="border-style:solid;border-width:thin;border-color:#000000;"> <b>DELIVERY DETAILS:</b> </td> <td colspan="3" style="border-style:solid solid none none;border-width:thin;border-color:#000000;padding-left:5px;" align="left"> Gregary Boyles </td> </tr> <tr> <td colspan="3" style="border-style:none solid none none;border-width:thin;border-color:#000000;padding-left:5px;" align="left"> 56 Derby Drive </td> </tr> <tr> <td width="9%" align="right"> <b>Phone:</b> </td> <td colspan="2" style="border-style:none solid none none;border-width:thin;border-color:#000000;" align="left"> 94013696 </td> </tr> <tr> <td width="9%" height="24" align="right"> <b>Mobile:</b> </td> <td colspan="2" style="border-style:none solid none none;border-width:thin;border-color:#000000;" height="24" align="left"> 0414318470 </td> </tr> <tr> <td width="9%" align="right" style="border-style:none none solid none;border-width:thin;border-color:#000000;"> <b>Email:</b> </td> <td colspan="2" style="border-style:none solid solid none;border-width:thin;border-color:#000000;" align="left"> greg@gregsindigenouslandscapes.com.au </td> </tr> </table> <br> <table border="0" width="800px" cellspacing="0" cellpadding="0" bordercolor="#000000"> <tr> <td width="49%" align="left" style="border-style:solid none solid solid;border-width:thin;border-color:#000000;"> <b>ITEM DESCRIPTION</b> </td> <td width="17%" align="right" style="border-style:solid none solid solid;border-width:thin;border-color:#000000;"> <b>UNIT PRICE</b> </td> <td width="17%" align="right" style="border-style:solid none solid solid;border-width:thin;border-color:#000000;"> <b>QUANTITY</b> </td> <td width="17%" align="right" style="border-style:solid solid solid solid;border-width:thin;border-color:#000000;"> <b>SUB_TOTAL</b> </td> </tr> <tr> <td width="44%" style="border-style:none none none solid;border-width:thin;border-color:#000000;"> </td> <td width="16%" align="right" style="border-style:none none none solid;border-width:thin;border-color:#000000;"> $14.50 </td> <td width="16%" align="right" style="border-style:none none none solid;border-width:thin;border-color:#000000;"> 2 </td> <td width="16%" align="right" style="border-style:none solid none solid;border-width:thin;border-color:#000000;"> $29.00 </td> </tr> <tr> <td width="44%" style="border-style:none none none solid;border-width:thin;border-color:#000000;"> </td> <td width="16%" align="right" style="border-style:none none none solid;border-width:thin;border-color:#000000;"> $11.50 </td> <td width="16%" align="right" style="border-style:none none none solid;border-width:thin;border-color:#000000;"> 3 </td> <td width="16%" align="right" style="border-style:none solid none solid;border-width:thin;border-color:#000000;"> $34.50 </td> </tr> <tr> <td width="44%" style="border-style:none none none solid;border-width:thin;border-color:#000000;"> </td> <td width="16%" align="right" style="border-style:none none none solid;border-width:thin;border-color:#000000;"> $3.50 </td> <td width="16%" align="right" style="border-style:none none none solid;border-width:thin;border-color:#000000;"> 1 </td> <td width="16%" align="right" style="border-style:none solid none solid;border-width:thin;border-color:#000000;"> $3.50 </td> </tr> <tr> <td width="76%" align="right" colspan="3" style="border-style:solid solid none solid;border-width:thin;border-color:#000000;"> <b>SUB-TOTAL</b> </td> <td width="16%" align="right" style="border-style:solid solid none solid;border-width:thin;border-color:#000000;"> $67.00 </td> </tr> <tr> <td width="76%" align="right" colspan="3" style="border-style:solid solid none solid;border-width:thin;border-color:#000000;"> <b>POSTAGE & HANDLING</b> </td> <td width="16%" align="right" style="border-style:solid solid none solid;border-width:thin;border-color:#000000;"> $23.64 </td> </tr> <tr> <td width="76%" colspan="3" align="right" style="border-style:solid solid solid solid;border-width:thin;border-color:#000000;"> <b>TOTAL</b> </td> <td width="16%" align="right" style="border-style:solid solid solid none;border-width:thin;border-color:#000000;"> $90.64 </td> </tr> </table> </body></html> Here is the email header that I have constructed, including the body html: The call to getHeader($strEmailBody) generates this From: Gregary Boyles <greg@gregsindigenouslandscapes.com.au>Reply-To: greg@gregsindigenouslandscapes.com.auMIME-Version: 1.0Content-Type: text/html; charset=ISO-8859-1MIME-Version: 1.0Content-Type: multipart/mixed; boundary="1a32c8baa7619101ce8bb1aa09d09ac4"This is a multi-part message in MIME format.--1a32c8baa7619101ce8bb1aa09d09ac4Content-type:text/html; charset=UTF-8<html><body><table border="0" width="800px" cellspacing="0" cellpadding="0"> <tr> <td width="25%" rowspan="5" valign="middle" style="border-style:solid;border-width:thin;border-color:#000000;"> <p align="right"><b>BILLING DETAILS:</b></td> <td colspan="3" style="border-style:solid solid none none;border-width:thin;border-color:#000000;padding-left:5px;" align="left">Gregary Boyles</td> </tr> <tr> <td colspan="3" style="border-style:none solid none none;border-width:thin;border-color:#000000;padding-left:5px;" align="left">56 Derby Drive</td> </tr> <tr> <td width="9%" align="right"> <b>Phone:</b></td> <td colspan="2" style="border-style:none solid none none;border-width:thin;border-color:#000000;" align="left">94013696</td> </tr> <tr> <td width="9%" align="right"> <b>Mobile:</b></td> <td colspan="2" style="border-style:none solid none none;border-width:thin;border-color:#000000;" align="left">0414318470</td> </tr> <tr> <td width="9%" align="right" style="border-style:none none solid none;border-width:thin;border-color:#000000;"> <b>Email:</b></td> <td colspan="2" style="border-style:none solid solid none;border-width:thin;border-color:#000000;" align="left">greg@gregsindigenouslandscapes.com.au</td> </tr></table><br><table border="0" width="800px" cellspacing="0" cellpadding="0"> <tr> <td width="25%" rowspan="5" align="right" valign="middle" style="border-style:solid;border-width:thin;border-color:#000000;"> <b>DELIVERY DETAILS:</b></td> <td colspan="3" style="border-style:solid solid none none;border-width:thin;border-color:#000000;padding-left:5px;" align="left">Gregary Boyles</td> </tr> <tr> <td colspan="3" style="border-style:none solid none none;border-width:thin;border-color:#000000;padding-left:5px;" align="left">56 Derby Drive</td> </tr> <tr> <td width="9%" align="right"> <b>Phone:</b></td> <td colspan="2" style="border-style:none solid none none;border-width:thin;border-color:#000000;" align="left">94013696</td> </tr> <tr> <td width="9%" height="24" align="right"> <b>Mobile:</b></td> <td colspan="2" style="border-style:none solid none none;border-width:thin;border-color:#000000;" height="24" align="left">0414318470</td> </tr> <tr> <td width="9%" align="right" style="border-style:none none solid none;border-width:thin;border-color:#000000;"> <b>Email:</b></td> <td colspan="2" style="border-style:none solid solid none;border-width:thin;border-color:#000000;" align="left">greg@gregsindigenouslandscapes.com.au</td> </tr></table><br><table border="0" width="800px" cellspacing="0" cellpadding="0" bordercolor="#000000"> <tr> <td width="49%" align="left" style="border-style:solid none solid solid;border-width:thin;border-color:#000000;"><b>ITEM DESCRIPTION</b></td> <td width="17%" align="right" style="border-style:solid none solid solid;border-width:thin;border-color:#000000;"> <b>UNIT PRICE</b></td> <td width="17%" align="right" style="border-style:solid none solid solid;border-width:thin;border-color:#000000;"> <b>QUANTITY</b></td> <td width="17%" align="right" style="border-style:solid solid solid solid;border-width:thin;border-color:#000000;"> <b>SUB_TOTAL</b></td> </tr> <tr> <td width="44%" style="border-style:none none none solid;border-width:thin;border-color:#000000;"></td> <td width="16%" align="right" style="border-style:none none none solid;border-width:thin;border-color:#000000;">$14.50</td> <td width="16%" align="right" style="border-style:none none none solid;border-width:thin;border-color:#000000;">2</td> <td width="16%" align="right" style="border-style:none solid none solid;border-width:thin;border-color:#000000;">$29.00</td> </tr> <tr> <td width="44%" style="border-style:none none none solid;border-width:thin;border-color:#000000;"></td> <td width="16%" align="right" style="border-style:none none none solid;border-width:thin;border-color:#000000;">$11.50</td> <td width="16%" align="right" style="border-style:none none none solid;border-width:thin;border-color:#000000;">3</td> <td width="16%" align="right" style="border-style:none solid none solid;border-width:thin;border-color:#000000;">$34.50</td> </tr> <tr> <td width="44%" style="border-style:none none none solid;border-width:thin;border-color:#000000;"></td> <td width="16%" align="right" style="border-style:none none none solid;border-width:thin;border-color:#000000;">$3.50</td> <td width="16%" align="right" style="border-style:none none none solid;border-width:thin;border-color:#000000;">1</td> <td width="16%" align="right" style="border-style:none solid none solid;border-width:thin;border-color:#000000;">$3.50</td> </tr> <tr> <td width="76%" align="right" colspan="3" style="border-style:solid solid none solid;border-width:thin;border-color:#000000;"> <b>SUB-TOTAL</b></td> <td width="16%" align="right" style="border-style:solid solid none solid;border-width:thin;border-color:#000000;">$67.00</td> </tr> <tr> <td width="76%" align="right" colspan="3" style="border-style:solid solid none solid;border-width:thin;border-color:#000000;"> <b>POSTAGE & HANDLING</b></td> <td width="16%" align="right" style="border-style:solid solid none solid;border-width:thin;border-color:#000000;">$23.64</td> </tr> <tr> <td width="76%" colspan="3" align="right" style="border-style:solid solid solid solid;border-width:thin;border-color:#000000;"><b>TOTAL</b></td> <td width="16%" align="right" style="border-style:solid solid solid none;border-width:thin;border-color:#000000;">$90.64</td> </tr></table></body></html>--1a32c8baa7619101ce8bb1aa09d09ac4Content-Type: application/ms-excel; name="Invoice.xlsx"Content-Transfer-Encoding: base64Content-Disposition: attachment; filename="Invoice.xlsx"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--1a32c8baa7619101ce8bb1aa09d09ac4--
  11. I don't ubderstand why this example works in my browser: http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_video_js_prop But this in my own web page does not - I just get a big blank space: <div style="text-align:center"> <button onclick="playPause()">Play/Pause</button> <br> <video id="RockyOnSlide" width="560"> <source src="RockyOnSlide.mp4" type="video/mp4"> Your browser does not support HTML5 video. </video> </div> <script> var myVideo = document.getElementById("RockyOnSlide"); function playPause() { if (myVideo.paused) myVideo.play(); else myVideo.pause(); } </script> The mp4 in question exists and I can do a hyperlink to it.
  12. How do you make this pain in the arse image vertical align? I can get horizontal alignment in the middle but I can get vertical alignment in the middle. div id="CategoryContainer"> <a id="Category" href="Category.php"> <img id="CategoryContainerImage" width="100" width="100px" src="image.jpg" /> </a> <div id="CategoryName">Category</div></div>These styles are in a the file style.css #CategoryContainerImage{ border-style:none; border-radius:20px; display:block; position:relative; margin-left:auto; margin-right:auto; vertical-align:middle; } #CategoryContainer{ behavior: url(CSSPie/PIE.htc); display:table-cell; float:left; width:140px; height:140px; margin:40px 0px 40px 40px; vertical-align:middle; line-height:135px; border-style:none; border-color:#000099; border-width:thin; border-radius:30px; } #CategoryName{ behavior: url(CSSPie/PIE.htc); border: thin solid #000099; display:block; position:relative; background-color:white; color:#000099; font-family:"<?php echo $_SESSION["ContentsFont"]; ?>"; font-size:medium; height:60px; width:130px; line-height:30px; vertical-align:middle; text-align:center; top:10px; } #Category{ behavior: url(CSSPie/PIE.htc); display:block; background-color:#000099; width:130px; height:130px; line-height:130px; border-style:solid; border-width:medium; border-radius:30px; border-style:solid; border-top-color:#3131FF; border-left-color:#3131FF; border-bottom-color:#00004D; border-right-color:#00004D; vertical-align:middle; }
  13. www.bushlandrecovery.com.au This website looks good in Chrome, IE 8+, Firefox and Safari on my windows laptop and PC. However I just noticed today that there is a problem with the top banner part of the website in Safari on an apple PC. The company name overlaps the cross symbol. Any suggestions on how I can deal with this from my windows laptop? Is there any way to simulate an apple PC? I could always sit at the apple PC with my windows laptop. But short of that.....
  14. http://www.bushlandrecovery.com.au/
  15. I can't figure out what is causing the gap between my menu items (see attachment) Apart from the fact that it is resulting from the little right arrow (▸) and its containing div (#NavSubMenuArrow {). <nav id="navigation"> <ul id="NavMenu"> <li id="NavMenuItem"><a href="#">Services</a><div id="NavSubMenuArrow">▸</div> <div id="NavSubMenuBalloon"> <div id="NavBalloonArrow"></div> <ul id="NavSubMenu"> Local Government</a></li> State Goverment</a></li> Utility Companies</a></li> Private Property</a></li> </ul> </div> </li> </ul> <div align="center"><img style=";border-style:solid;border-bottom-color:#006F00;border-right-color:#006F00;border-top-color:#002200;border-left-color:#002200;" src="images/NavigationImage.jpg" /></div></nav> #NavMenuItem{ border-style:none; border-width:thin; display: block; width:162px; } #NavMenuItem a { display: block; width: 134px; height: 30px; text-align:right; line-height: 30px; vertical-align: middle; position:relative; margin-left: auto; margin-right: auto; border-style:solid; border-top-color:#5404FB; border-left-color:#5404FB; border-bottom-color:#1A014B; border-right-color:#1A014B; background-color:#330396; color:white; padding-right:15px; border-top-left-radius:20px; border-bottom-left-radius:20px; border-top-right-radius:20px; border-bottom-right-radius:20px; margin:5px; } #NavMenuItem a:hover { display: block; width:134px; height: 30px; text-align:right; line-height: 30px; vertical-align: middle; position:relative; border-style:solid; border-top-color:#5404FB; border-left-color:#5404FB; border-bottom-color:#1A014B; border-right-color:#1A014B; background-color:#330396; color:white; font-weight:bold; padding-right:15px; border-top-left-radius:20px; border-bottom-left-radius:20px; border-top-right-radius:20px; border-bottom-right-radius:20px; margin:5px; } #NavMenuItem a:active { display:block; width:134px; height:30px; text-align:right; line-height:30px; vertical-align:middle; position:relative; border-style:solid; border-top-color:#1A014B; border-left-color:#1A014B; border-bottom-color:#5404FB; border-right-color:#5404FB; background-color:#330396; color:white; padding-right:15px; border-top-left-radius:20px; border-bottom-left-radius:20px; border-top-right-radius:20px; border-bottom-right-radius:20px; margin:5px; } #NavMenu { /*nav ul*/ list-style-type: none; margin: 0; padding: 0; } #NavSubMenu { /*nav ul li div*/ list-style-type:none; display:block; position:relative; left:-40px; } #NavSubMenuArrow { /*nav ul li div*/ display:inline-block; position:relative; top:-31px; left:145px; width:5px; height:14px; border-style:none; border-width:thin; color:white; } #NavSubMenuBalloon { /*nav ul li div*/ display:none; } #NavMenuItem:hover > #NavSubMenuBalloon { /*nav ul li:hover > div*/ list-style-type:none; position:relative; display:block; float:right; top:262px; left:199px; background:#004200; border-radius:5px; padding:10px; position:absolute; width:164px; height:190px; border-style:solid; border-top-color:#006F00; border-left-color:#006F00; border-bottom-color:#002200; border-right-color:#002200; } #NavBalloonArrow{ border-color: transparent #004200 transparent transparent; /*border-color: transparent black transparent transparent;*/ border-style: solid; border-width: 20px; display: block; height: 0; left: -50px; position: relative; top: 0px; width: 0; float:left; /*clear:both;*/ }
×
×
  • Create New...