Jump to content

newseed

Members
  • Posts

    501
  • Joined

  • Last visited

Everything posted by newseed

  1. Thanks for your feedback. Unfortunately, this site is run on a ecommerce software that I really have no control over how they coded it. Yes I could clean it up but it not part of the budget. Also, the Spry function came with it. I am trying to convince the client that the Spry menu is outdated. You answer, I hope, will convince them to make a change. Thank you.
  2. Please take a look at this link: http://www.todd-holland.com This issue is in IE ONLY. Hover over 'FINE TEAS' or 'TEA ACCESSORIES' from the left menu. The flyout appears but you will notice a whitish border line wrapping around the ul container of the submenu. I have been beating myself up trying to find the problem and solve it. So far tried a good number of things like no background, no borders, etc to each of the element with no success. I hope someone can point me in the right direction as to what the problem is so I can fix it for IE. Thank you.
  3. newseed

    Scrambled website

    I only viewed the demo but I noticed the copyright was in 2010 and so it's possible the method he/she used here is no longer valid meaning some of the html5 and css3 features may have changed. I bet if you read the tutorial that you will probably find references to old browsers such as IE8, Firefox 3 or 4, Opera 10 or earlier, etc.
  4. min-height is not valid for iframe. You have to have a fixed width and height and only then will overflow: hidden; work. Also, float: bottom; is not valid.
  5. The form is the same as the one in the W3C link but not sending the results to the recipient. I mean it sends the results but to an recipient email but the email field entered does not get sent.
  6. I am totally oblivious that I cannot get a simple email form to send a one line field collecting a email address only. Somebody please help me get it working. I tried using the one for W3C (link in this topic) with no success. I just need a simple email collector with a secure way to prevent injections to the form.
  7. Thanks for the reply. So it seems that this form is poorly coded or outdated. Can you suggest a simply php form to collect a single email and have it sent to the recipient? PHP is not my strong point and so I am open for suggestion to either fix this one or try another. Thanks again.
  8. I inherited a site that has a php email script embedded into a WP site. This seems to be a non-WP script. The issue is that the client receives a email notification when someone submits an email but the notification email comes blank. <form action="http://www.SITEURL.com/fb-html/mail.php" onsubmit="javascript:return validForm(document.mailinglist)" name="mailinglist" id="mailinglist"><input name="email" id="email"type="text" onblur="if (this.value == '') {this.value = 'Enter email address...';}" onfocus="if (this.value == 'Enter email address...') {this.value = '';}" size="20" value="Enter email address..."><input type="image" class="button-ok" src="http://SITEURL.com/wp-content/themes/twentyten/images/mailing-button-ok.gif"></form> Here's the form action code (mail.php): <?php/* Set e-mail recipient info@SITEURL.com*/$myemail = "info@SITEURL.com";$subject = "Join Our Mailing List";$headers = "From: SITE NAME Peace Movement <info@SITEURL.com>rn";$from = "SITE NAME Peace Movement <info@SITEURL.com>";/* Check all form inputs using check_input function *//* Let's prepare the message for the e-mail */$message = "Site name: SITE NAMEYour Mailing List form has been submitted by:Email: $email";/* Send the message using mail() function */mail($myemail, $subject, $message, $headers); $myemail1=$_REQUEST['email']; $subject="We're in this together!"; $headers = "From: SITE NAME Peace Movement <info@SITEURL.com>rn";//$headers = "From: SITE NAME <info@SITEURL.com>rn"; $from ="SITE NAME <info@SITEURL.com>"; $message = "<table width='100%' border='0' cellspacing='0' cellpadding='0' style='background:#183e69; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; padding:0px; margin:0px;' height='100%'><tr> <td align='center' valign='top'> </td></tr> <tr> <td align='center' valign='top'> <table width='600' border='0' cellspacing='0' cellpadding='0' align='center' style='background:#fff;' > <tr> <td align='center' valign='top' style='padding:15px 0;'><a href='http://www.SITEURL.com/' target='_blank'><img src='http://www.SITEURL.com/fb-html/the-universal-flag-logo.jpg' alt='THE SITE NAME' width='433' height='98' border='0'></a></td> </tr> <tr> <td align='center' valign='top'><img src='http://www.SITEURL.com/fb-html/banner-img.jpg' width='568' height='267' alt='banner'></td> </tr> <tr> <td align='center' valign='top'> </td> </tr> <tr> <td align='left' valign='top'><table width='95%' border='0' align='center' cellpadding='0' cellspacing='0'> <tr> <td align='left' width='100%' valign='top'> <p style='padding:0px; margin:0px; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; text-align: left;'> Dear Friend,<br> <img src='http://www.SITEURL.com/fb-html/universal-flag.jpg' width='164' height='164' align='right' alt='SITE NAME' style='float:right; margin:10px 0px 10px 15px;' /> <br> Welcome to the SITE NAME Peace Movement! We are a 501c3 non-profit collective, comprised of students, authors, environmentalists, musicians, artists, spiritual leaders, activists, mothers, fathers, and every day people...just like youfrom around the globe. Together, we are working to bring about peace by reminding others...we are all connected.<br> <br> Want to get more involved in the SITE NAME Peace Movement?<br> <br> Please consider the following:<br> <br> </p> <table width='100%' border='0' cellspacing='0' cellpadding='0'> <tr> <td width='95%' align='left' valign='middle' style='font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333;'>- Like us on Facebook by visiting our page <a href='http://www.facebook.com/SITEURL' style='font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0e7791; text-decoration: underline;' target='_blank'>here</a> - and suggest our page to your friends!</td> </tr> <tr> <td align='center' valign='top'> </td> <td align='left' valign='middle'> </td> </tr> <td width='95%' align='left' valign='middle' style='font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333;'>- Follow us on Twitter by visiting our <a href='http://www.twitter.com/universal_flag' style='font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0e7791; text-decoration: underline;' target='_blank'>Twitter</a> page</td> </tr> <tr> <td align='center' valign='top'> </td> <td align='left' valign='middle'> </td> </tr> <tr> <td width='95%' align='left' valign='middle' style='font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333;'>- Purchase a flag from our <a href='http://store.SITEURL.com' style='font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0e7791; text-decoration: underline;' target='_blank'>online store</a> and share it with your friends, family, and community </td> </tr> <tr> <td align='center' valign='top'> </td> <td align='left' valign='middle'> </td> </tr> <tr> <td width='95%' align='left' valign='middle' style='font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333;'>- Write us at <a href='mailto:info@SITEURL.com' style='font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0e7791; text-decoration: underline;'>info@SITEURL.com</a> to volunteer - we have lots of opportunities for people in every country! </td> </tr> <tr> <td align='center' valign='top'> </td> <td align='left' valign='middle'> </td> </tr> <tr> <td width='95%' align='left' valign='middle' style='font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333;'>- Become an affiliate and sell SITE NAMEs to earn money for your own organization - write <a href='mailto:info@SITEURL.com' style='font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0e7791; text-decoration: underline;'>info@SITEURL.com</a> for more info. </td> </tr> <tr> <td align='center' valign='top'> </td> <td align='left' valign='middle'> </td> </tr> </table> <p style='padding:0px; margin:0px; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; text-align:left;'> You'll be receiving periodic updates, invitations, and announcements about special deals and giveaway contests. We will never sell, rent or give your name or email address to anyone. And, you can always unsubscribe by clicking the link at the bottom of any future emails.<br> <br> Thanks again for registering. If you have any questions or comments, feel free to contact us.<br> <br> <br> <strong>Namaste,<br> Brian McClure & the SITE NAME community</strong><br> <br> <br> P.S. If you are not familiar with the meaning of the flag and symbol, you can find it <a href='http://www.SITEURL.com/about/' target='_blank' style='font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0e7791; text-decoration: underline;'>here</a></p> </td> </tr> <tr> <td align='left' valign='top'> </td> </tr> <tr> <td align='left' valign='top'><img src='http://www.SITEURL.com/fb-html/heading-line-img.jpg' width='562' height='25' alt='heading'></td> </tr> <tr> <td align='left' valign='top'> </td> </tr> <tr> <td align='left' valign='top'><table width='100%' border='0' cellspacing='0' cellpadding='0'> <tr> <td width='38%' align='left' valign='middle'><a href='http://www.facebook.com/SITEURL' target='_blank'><img src='http://www.SITEURL.com/fb-html/facebook-img.jpg' alt='Facebook' width='137' height='42' border='0'></a></td> <td width='40%' align='left' valign='middle'><a href='http://twitter.com/Universal_Flag' target='_blank'><img src='http://www.SITEURL.com/fb-html/twitter-img.jpg' alt='Twitter' width='143' height='42' border='0'></a></td> <td width='22%' align='left' valign='middle'><a href='http://www.youtube.com/user/3SITEURL3' target='_blank'><img src='http://www.SITEURL.com/fb-html/youtube-img.jpg' alt='Youtube' width='97' height='42' border='0'></a></td> </tr> </table></td> </tr> <tr> <td align='left' valign='top'> </td> </tr> </table></td> </tr> </table> </td> </tr> <tr> <td align='center' valign='top'> </td> </tr> <tr> <td align='center' valign='top' style='font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;'>©2012 SITE NAME Companies. All Rights Reserved</td> </tr> <tr> <td align='center' valign='top'> </td> </tr></table>";$headers = "MIME-Version: 1.0n"; $headers .= "Content-type: text/html; charset=iso-8859-1n"; $headers .= "X-Priority: 3n"; $headers .= "X-MSMail-Priority: Normaln"; $headers .= "X-Mailer: phpn"; $headers .= 'From: SITE NAME Peace Movement <info@SITEURL.com>'. "rn"; $headers .= 'Content-type: text/html; charset=iso-8859-1' . "rn"; mail($myemail1, $subject, $message, $headers);/* Redirect visitor to the thank you page */header('Location: http://www.SITEURL.com');exit();//------------------------------------------------------------------------------------------function formSelected( $var, $val ){ echo ( $var == $val ) ? "selected" : "";}//------------------------------------------------------------------------------------------function formChecked( $var, $val ){ echo ( $var == $val ) ? "checked" : "";}/* Functions we used */function check_input($data, $problem=''){ $data = trim($data); $data = stripslashes($data); $data = htmlspecialchars($data); if ($problem && strlen($data) == 0) { show_error($problem); } return $data;}function checkbox_values($checkbox_array) { $s = ""; foreach ($checkbox_array as $c) { $s = $s . " " . $c; } return $s;}function show_error($myError){?> <html> <body> <b>Please correct the following error:</b><br /> <?php echo $myError; ?> </body> </html><?phpexit();}?> Any help would be greatly appreciated.
  9. I see parse error at the very beginning of your style.css file. * ====================================================================================================== GENERAL TYPOGRAPHY=======================================================================================================*/ Frist line is missing a forward slash / that should be right before the first asterisk. That should solve your problem. However, you should run it thru a css validator for other errors that may be giving you problems.
  10. Oh my bad! Need to make a little change: FROM:#nav li:hover ul { top: 40px;} TO: #nav a:hover ul { top: 40px;} ===UPDATE FOR IE=== IE seems to not work now because of the change. So to fix that add the following to your css. /*THE CSS BELOW IS SPECIFICALLY FOR IE9 and IE10*/ @media screen and (min-width:00) { #nav li:hover ul { top: 40px; } } The above fix (or hack) applies to IE10 and 9 only. Below will fix IE8 only: @media screen and (min-width:00) { @media 0screen { #nav li:hover ul { top: 40px; } } Some people will use javscript to apply a class name specifically for IE.
  11. The <ul> that is containing those slides has a default padding that you need to reset. Just add padding: 0; to it.
  12. I don't see that on my version. Here preview of what I see.
  13. It could be anything, a typo, incorrect closing tag. Need more info. You should validate both html and css to see if you have any errors.
  14. You can find it here and just add the script onto your server. Be sure to change the path to point to that file. Keep in mind that this file is dated 2010 and so I do not know what version you are using and it may or may not work.
  15. I ran your code thru a validator and you had some css causing parse errors. You were also missing one key element to set the placement of the child menu. Here's the results. View the source and search for /*edk*/ for the changes. I would suggest you view your original work to see your errors.
  16. Your main issue is that the <ul> tag has a default padding which is why you have 30px spacing from the left of your main menu. I set the padding to padding:0 Now the menu is flushed to the far right but you want spacing to left especially on hover. So the fix that you would take the <li>'s css of padding-right:60px and change it to padding: 0 30px; This will cause the parent like to be evenly spaced. Hope that makes sense. Also, if you search for /*edk*/ you will see my changes.
  17. I think I understand what you are trying to achieve here. Take a look at this. If that is what you are looking for then just view the page's source and copy the code. Also, if you don't have one yet be sure to at a DocType at the top of your code. Should be the very first line.
  18. newseed

    @media

    Give this a look: Media Query The article is 3 years old and so IPad was the dominate tablet at that time. Today Android tablets are rampant and can use the same query listed in that link.
  19. Either use a script called highslide.com or search for page flip. One of them may work for you.
  20. Check your host server to make sure that mime type (.woff) is added. Note: I spent many days searching and trying various solutions until I found the one that worked for me and my server because not all servers are the same. It may work for one person but not the other and vice versa. The point here is that the solution I gave you may not apply to you because your server has a different set up. If you don't get an answer from your host then you are going to have to google this and try out one of the many solutions that's out there. Finally, make sure you have a valid DocType. If you are uncertain if your DocType is correct or not then post it here.
  21. I found this problem occurring sometimes in Windows server that for some reason IE does not render the font correctly. If this is the case then you will want to check and see if web.config file is in the root. Open that file and add this code in bold: <staticContent> <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" /> </staticContent> </system.webServer> </configuration> If you are hosting on Linux then you might try the same thing but added this code to .htaccess AddType font/woff .woff
  22. You have a typo in your css: height: 170x; It should be px
  23. Now that I see what is going on per the link you've provide the issue is WP's default content editor. It adds paragraph tags to anything that has a line break in it. You have two options. Add a html editor plugin or you can try to compress all your tab's html code into a single like (no white space) and add it in the Text editor.
  24. When your shrunk your window size did you refresh the browser thereafter? If the problem persist then you might want to look into media query for css which will allow you to set specific background images for specific screen sizes. @media screen and (max-width:640px) {/*add CSS here for phone devices*/}@ media screen and (max-width:1280px) {/*add CSS here for table devices and desktops*/} media screen and (min-width:1281px) {/*add CSS here for desktops with high resolutions*/} Here' the example of how you would code it: media screen and (max-width:1280px) { { background-image: url('image/filename.jpg'); } } The code in bold is the media query and the css in red is what you put in between the two brackets. (note: there is an open and close bracket for the media query and another set for the css itself.
  25. I believe that WP already has the jquery core script by default. So your jquery.min.js may be conflicting the other thus it breaks the menu. Just comment out your jquery.min.js and see if it works. If so, you don't need it. If it still broken then you might share a link so we can see what's going on.
×
×
  • Create New...