Jump to content

joePHP

Members
 View Profile  See their activity

  • Posts

    57

  • Joined

  • Last visited

    Never

 Content Type 

Everything posted by joePHP

  1. joePHP
    Hi, I don't have an iPhone but I fixed the HTML so it should be valid and I think it may help. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <!-- STEP ONE: Insert this code into the HEAD section of your HTML document --> <script type="text/javascript"> <!-- Begin loadImage1 = new Image(); loadImage1.src = "http://excusesexcuses.net/images/Untitled-2.gif"; staticImage1 = new Image(); staticImage1.src = "http://img830.imageshack.us/img830/4638/27672655.gif"; loadImage2 = new Image(); loadImage2.src = "http://excusesexcuses.net/images/Financial2.gif"; staticImage2 = new Image(); staticImage2.src = "http://excusesexcuses.net/images/Financial.gif"; loadImage3 = new Image(); loadImage3.src = "http://excusesexcuses.net/images/school2.gif"; staticImage3 = new Image(); staticImage3.src = "http://excusesexcuses.net/images/school1.gif"; loadImage4 = new Image(); loadImage4.src = "http://excusesexcuses.net/images/ab1.gif"; staticImage4 = new Image(); staticImage4.src = "http://excusesexcuses.net/images/ab2.gif"; loadImage5 = new Image(); loadImage5.src = "http://excusesexcuses.net/images/humor1.gif"; staticImage5 = new Image(); staticImage5.src = "http://excusesexcuses.net/images/humor2.gif"; loadImage6 = new Image(); loadImage6.src = "http://excusesexcuses.net/images/common1.gif"; staticImage6 = new Image(); staticImage6.src = "http://excusesexcuses.net/images/common2.gif"; loadImage7 = new Image(); loadImage7.src = "http://excusesexcuses.net/images/unique1.gif"; staticImage7 = new Image(); staticImage7.src = "http://excusesexcuses.net/images/unique2.gif"; loadImage8 = new Image(); loadImage8.src = "http://excusesexcuses.net/images/all1.gif"; staticImage8 = new Image(); staticImage8.src = "http://excusesexcuses.net/images/all2.gif"; // End --> </script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Excuses Excuses</title> <style type="text/css"> #container { height: 668px; width: 857px; background-image: url(http://excusesexcuses.net/images/all.gif); background-repeat: no-repeat; margin: 0 auto; } #wrapper { height: 745px; width: 900px; margin: 0 auto; } #links { height: 30px; width: 715px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 12px; } #links1 { height: 50px; width: 82px; float: left; text-align: center; } #links2 { height: 50px; width: 153px; float: left; text-align: center; } #links3 { height: 50px; width: 173px; float: left; text-align: center; } #links4 { height: 50px; width: 168px; float: left; text-align: center; } #links5 { height: 50px; width: 137px; float: left; text-align: center; } .section { height: 167px; width: 857px; } .subsection1 { font-family: "Arial Black", Gadget, sans-serif; color: #FFF; padding: 71px 0 0 155px; } .subsection { font-family: "Arial Black", Gadget, sans-serif; color: #FFF; padding-top: 48px; } .sub_id { padding-left: 185px; } .sub_by { padding-left: 460px; } #page { height: 24px; overflow: auto; } #sub_page { float: right; } </style> </head> <body> <div id="wrapper"> <div id="container"> <div class="section"> <div class="subsection1"> My dog ate my hw </div> <div class="subsection"> <span class="sub_id">1</span> <span class="sub_by">anonymous</span> </div> </div> <div class="section"> <div class="subsection1"> I had to go to court today </div> <div class="subsection"> <span class="sub_id">2</span> <span class="sub_by">anonymous</span> </div> </div> <div class="section"> <div class="subsection1"> I had chores to do today </div> <div class="subsection"> <span class="sub_id">3</span> <span class="sub_by">anonymous</span> </div> </div> <div class="section"> <div class="subsection1"> I had to pick up a (person of importance) from </div> <div class="subsection"> <span class="sub_id">4</span> <span class="sub_by">anonymous</span> </div> </div> <div id="page"> <div id="sub_page"> [<b>1</b>] <a href='/excuses.php?currentpage=2'>2</a> <a href='/excuses.php?currentpage=2'>&#62;</a> <a href='/excuses.php?currentpage=2'>&#62;&#62;</a> </div> </div> <div class="buttons"> <a href="http://excusesexcuses.net/tardiness.php" onmouseover="image1.src=loadImage1.src;" onmouseout="image1.src=staticImage1.src;"> <img name="image1" src="http://img830.imageshack.us/img830/4638/27672655.gif" border="0" alt="" /></a> <a href="http://excusesexcuses.net/fiscal.php" onmouseover="image2.src=loadImage2.src;" onmouseout="image2.src=staticImage2.src;"> <img name="image2" src="http://excusesexcuses.net/images/Financial.gif" border="0" alt="" /></a> <a href="http://excusesexcuses.net/school.php" onmouseover="image3.src=loadImage3.src;" onmouseout="image3.src=staticImage3.src;"> <img name="image3" src="http://excusesexcuses.net/images/school1.gif" border="0" alt="" /></a> <a href="http://excusesexcuses.net/absense.php" onmouseover="image4.src=loadImage4.src;" onmouseout="image4.src=staticImage4.src;"> <img name="image4" src="http://excusesexcuses.net/images/ab2.gif" border="0" alt="" /></a> <a href="http://excusesexcuses.net/humor.php" onmouseover="image5.src=loadImage5.src;" onmouseout="image5.src=staticImage5.src;"> <img name="image5" src="http://excusesexcuses.net/images/humor2.gif" border="0" alt="" /></a> <a href="http://excusesexcuses.net/common.php" onmouseover="image6.src=loadImage6.src;" onmouseout="image6.src=staticImage6.src;"> <img name="image6" src="http://excusesexcuses.net/images/common2.gif" border="0" alt="" /></a> <a href="http://excusesexcuses.net/unique.php" onmouseover="image7.src=loadImage7.src;" onmouseout="image7.src=staticImage7.src;"> <img name="image7" src="http://excusesexcuses.net/images/unique2.gif" border="0" alt="" /></a> <a href="http://excusesexcuses.net/excuses.php" onmouseover="image8.src=loadImage8.src;" onmouseout="image8.src=staticImage8.src;"> <img name="image8" src="http://excusesexcuses.net/images/all2.gif" border="0" alt="" /></a> </div> <div id="links"> <div id="links1"><a href="http://excusesexcuses.net"><img src="http://kian02.comlu.com/images/test.png" vspace="14" border="0" alt="" /></a></div> <div id="links2"><a href="http://excusesexcuses.net/excuses.php"><img src="http://kian02.comlu.com/images/test2.png" vspace="16" border="0" alt="" /></a></div> <div id="links3"><a href="http://excusesexcuses.net/submit1.php"><img src="http://kian02.comlu.com/images/submit.png" vspace="16" border="0" alt="" /></a></div> <div id="links4"><a href="http://excusesexcuses.net/suggestion.php"><img src="http://kian02.comlu.com/images/suggest.png" vspace="16" border="0" alt="" /></a></div> <div id="links5"><a href="http://excusesexcuses.net/contactus.php"><img src="http://kian02.comlu.com/images/contactus.png" vspace="16" border="0" alt="" /></a></div> </div> </div> </div> <!-- www.000webhost.com Analytics Code --> <script type="text/javascript" src="http://analytics.hosting24.com/count.php"></script> <noscript> <a href="http://www.hosting24.com/"><img src="http://analytics.hosting24.com/count.php" alt="web hosting" /></a> </noscript> <!-- End Of Analytics Code --> </body> </html> Btw, really cool website! I hope this helps, Joe
  2. joePHP

    IE problem !!

    joePHP replied to ne011's topic in CSS Help

    Hi, You can go two ways about this. 1. Add a DOCTYPE 2. Give the border to the td like this: tr.first td { border-bottom: solid #C33 1px; } The only problem with #2 is the hover. I hope this helps, Joe
  3. joePHP
    Hi, The 100% is the font size and the 1.3 is the line-height. Hope that helps, Joe
  4. joePHP

    align ul in div

    joePHP replied to MDanz's topic in CSS Help

    Hi, I am not sure if I fully understand what you are asking, but I'm thinking you are talking about the default left padding the ul tag has. So just remove it like this: ul { margin: 0; padding: 0; } I hope that helps, Joe
  5. joePHP
    Hi, Try this <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <style type="text/css"> #score_progress, #score_normal { display: none; } </style> <script type="text/javascript"> window.onload = displaySelect; function displaySelect(objID) { switch(objID) { case 'normal': document.getElementById('score_progress').style.display = 'none'; document.getElementById('score_normal').style.display = 'block'; break; case 'progress': document.getElementById('score_normal').style.display = 'none'; document.getElementById('score_progress').style.display = 'block'; break; default: document.getElementById('score_normal').style.display = 'none'; document.getElementById('score_progress').style.display = 'none'; document.getElementById('normal').checked = false; document.getElementById('progress').checked = false; } } </script> <title>Webpage Title</title> </head> <body> <div id="main"> <form action="" method="post"> <input type='radio' name='type' value='normal' id='normal' onclick='displaySelect(this.id);' /> Normal<br /> <input type='radio' name='type' value='progress' id='progress' onclick='displaySelect(this.id);' /> Progress<br /> <select name='score_normal' id='score_normal'> <option value='0'></option> <option value='1'>NI (Needs Improvement)</option> <option value='2'>SC -</option> <option value='3'>SC (Successful Contributor)</option> <option value='4'>SC +</option> <option value='5'>EC (Exceptional Contributor</option> </select> <select name='score_progress' id='score_progress'> <option value='0'></option> <option value='1'>UP (Unacceptable Progress)</option> <option value='3'>SP (Satisfactory Progress)</option> <option value='5'>OP (Outstanding Progress)</option> </select> </form> </div> </body> </html> I hope this helps, Joe
  6. joePHP
    It's a matter of calculating the percentage between the widths and the margins like this: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <style type="text/css"> #banner { width: 78%; height: 55px; float: left; border: solid 1px #000; } #small_links { width: 20%; height: 55px; float: left; margin-left: 1%; border: solid 1px #000; } #content1 { width: 78%; height: 345px; overflow: auto; float: left; margin-top: 7px; border: solid 1px #000; } #content2 { width: 20%; height: 345px; overflow: auto; float: left; margin: 7px 0 0 1%; border: solid 1px #000; } #content_bottom { width: 78%; height: 85px; float: left; margin-top: 7px; border: solid 1px #000; } #misc { width: 20%; height: 85px; float: left; margin: 7px 0 0 1%; border: solid 1px #000; } </style> <title>Webpage Title</title> </head> <body> <div id="main_wrapper"> <div id="banner"> </div> <div id="small_links"> </div> <div id="content1"> </div> <div id="content2"> </div> <div id="content_bottom"> </div> <div id="misc"> </div> </div> </body> </html>
  7. joePHP
    Hi, It seems that you can't change the type in IE. But what you can do is start off with a text input and then remove it from the DOM and instead create a password input. Something like this: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <style type="text/css"> </style> <script type="text/javascript"> function changeType(txt) { //Remove input type text var frm = document.getElementById('frm'); frm.removeChild(txt); //Create input type password var new_pass = document.createElement('input'); new_pass.setAttribute('type', 'password'); new_pass.setAttribute('id', 'pass'); frm.appendChild(new_pass); new_pass.focus(); } </script> <title></title> </head> <body> <form id="frm" action="" method="post"> <input type="text" id="txt_pass" value="Password" onfocus="changeType(this);" /> </form> </body> </html> I hope this helps, Joe
  8. joePHP
    Hi, Here is some code to start with. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <style type="text/css"> #main_wrapper { width: 830px; margin: 0 auto; } #banner { width: 595px; height: 55px; float: left; border: solid 1px #000; } #small_links { width: 185px; height: 55px; float: left; margin-left: 11px; border: solid 1px #000; } #content1 { width: 595px; height: 345px; overflow: auto; float: left; margin-top: 7px; border: solid 1px #000; } #content2 { width: 185px; height: 345px; overflow: auto; float: left; margin: 7px 0 0 11px; border: solid 1px #000; } #content_bottom { width: 595px; height: 85px; float: left; margin-top: 7px; border: solid 1px #000; } #misc { width: 185px; height: 85px; float: left; margin: 7px 0 0 11px; border: solid 1px #000; } </style> <title>Webpage Title</title> </head> <body> <div id="main_wrapper"> <div id="banner"> </div> <div id="small_links"> </div> <div id="content1"> </div> <div id="content2"> </div> <div id="content_bottom"> </div> <div id="misc"> </div> </div> </body> </html> I hope this helps, Joe
  9. joePHP
    Hi, If I understand you correctly, you are trying to have the image float to the right of the paragraph? If this is correct, put the image in the p tag and give it an ID. Then set the image with CSS to float to the right. CSS: #img_logo { float: right; } HTML: <p> <img id="img_logo" src="./css/images/black_rose.jpg" /> Black Rose Dying is a newly formed band founded by Michael-John Derges, Black Rose Dying will be specifying in Metal and some softer genre of music. We haven't recently produced any music but will post on a few songs as soon as they have been recorded. </p> I hope that helps, Joe
  10. joePHP

    CSS float help

    joePHP replied to shergold's topic in CSS Help

    Hi, Put the news div's in a holder and set it to float left. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta name="generator" content= "HTML Tidy for Linux/x86 (vers 11 February 2007), see www.w3.org" /> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <style type="text/css"> #wrapper { width:680px; margin: 0 auto; padding: 0 20px; border-left: 1px solid #666666; border-right: 1px solid #666666; font-family: Georgia, Times, serif; overflow: auto; } h1 { color:red; font-size: 2em; font-family: Aria, sans-serif; margin: 0; border-bottom: 2px dashed black; } h2 { } p { color: #003366; font-size: .9em; line-height: 150%; margin-top: 0; width: 400px; } .side { float: right; width: 200px; margin: 10px; padding: 5px; border: 1px solid; background-color: #CCCCCC; } #footer { clear: both; margin: 20px 10px; } #news_holder { float: left; } </style> <title>Webpage Title</title> </head> <body> <div id="wrapper"> <div id="banner"></div> <h1>Website Title</h1> <div id="news_holder"> <div class="news"> <h2>News Item 1</h2> <p>Lorem ipsum dolor sit amet,consectetur adipiscing elit.Praesent vitae dolor risus, ultricies condimentum felis. In eget nisl risus. Fusce auctor euismod sapien ac facilisis. Vestibulum a dolor sed nisl gravida sagittis vel vitae tortor. In varius auctor sem, id faucibus tellus posuere a.Suspendisse quis arcu turpis, in pellentesque.</p> </div> <div class="news"> <h2>News Item 2</h2> <p>Lorem ipsum dolor sit amet,consectetur adipiscing elit.Praesent vitae dolor risus, ultricies condimentum felis. In eget nisl risus. Fusce auctor euismod sapien ac facilisis. Vestibulum a dolor sed nisl gravida sagittis vel vitae tortor. In varius auctor sem, id faucibus tellus posuere a.Suspendisse quis arcu turpis, in pellentesque.</p> </div> </div> <div class="side"> <h3>Events</h3> <ul> <li>14/05/10 - Event name</li> <li>15/05/10 - Event name</li> <li>16/06/10 - Event name</li> </ul> </div> <div class="side"> <h4>Address</h4> <address> 15 lorem road,<br /> Impsum,<br /> England </address> </div> <div class="side"> <h4>Newsletter signup</h4>Recieve news and events via email <form action="newsletter.php" method="get"> <fieldset> Email: <input type="text" id="email" /><br /> <input type="submit" value="submit" /> </fieldset> </form> </div> <div id="footer"> <i>Copyright 2010</i> </div> </div> </body> </html> I hope this helps, Joe
  11. joePHP
    check this out http://wiki.github.com/sorccu/cufon/usage
  12. joePHP
    Try taking away the margin and padding from the h5 h5 { margin: 0; padding: 0; }
  13. joePHP
    Hi, If you are talking about div with the class value title_460px, then, you are giving it a height of 29px but then giving it padding top 18px so you are pretty much kicking out anything in it. I hope that Helps, Joe
  14. joePHP
    Check this out: http://www.dynamicsitesolutions.com/javascript/change-input-type-dynamically/
  15. joePHP
    I see what you are saying. So lets keep the names as the database PK and give the id's the value num. Now lets loop through the forms elements and find the text boxes. If it is a text box, lets make sure that it has an id with the value of num, because we only want to add their values and not for example the text box with the id of total which doesn't get added but just displays the final total. <html> <head> <title>Calculate textbox value</title> <script type="text/javascript"> function getTotal() { var numElements = document.myform.length; var total = 0; //loop through the form for(var i = 0; i < numElements; i++) { //check if it's a textbox if(document.myform[i].type == 'text') { //check if has the id value of num if(document.myform[i].id == 'num') { total += parseFloat(document.myform[i].value); } } } //Display the total document.getElementById("total").value = total; } </script> </head> <body> <div class="main"> <form name="myform"> Name A <input id="num" type="text" name="num[1]" value="12" /> Name B <input id="num" type="text" name="num[3]" value="8" /> Name C <input id="num" type="text" name="num[6]" value="15" /> Name D <input id="num" type="text" name="num[8]" value="5" /> Total <input name="total" type="text" id="total" value="" /> </form> </div> <script type="text/javascript"> getTotal(); </script> </body> </html> I hope that helps, Joe
  16. joePHP
    Hi, You could use $_SERVER['HTTP_REFERER'] so for example if someone was on the about page and clicked the contact page you would get this: http://www.example.com/about.php I hope that helps, Joe
  17. joePHP
    Hi, What you should do is give them all the same name like that you are creating an array. The primary key that you get from the database put in the id property instead. Now that you have an array of text boxes, you could loop through its value and add up the total. <html> <head> <title>Calculate textbox value</title> <script type="text/javascript"> function getTotal() { var numTxt = document.myform.num.length; var total = 0; for(var i = 0; i < numTxt; i++) { total += parseFloat(document.myform.num[i].value); } document.getElementById("total").value = total; } </script> </head> <body> <div class="main"> <form name="myform"> Name A <input name="num" type="text" id="num[1]" value="12" /> Name B <input name="num" type="text" id="num[3]" value="8" /> Name C <input name="num" type="text" id="num[6]" value="15" /> Name D <input name="num" type="text" id="num[8]" value="5" /> Total <input name="total" type="text" id="total" value="" /> </form> </div> <script type="text/javascript"> getTotal(); </script> </body> </html> Hope it helps, Joe
  18. joePHP

    No scrolling?

    joePHP replied to dominod's topic in HTML Help

    Hi, Get rid of position: fixed; in: .content { width: 700px; ---> position: fixed; margin-top: 75px; text-align: justify; } By setting your content div which contains pretty much everything that's on your page to position: fixed; means that you are telling the browser that div content should stay fixed in it's position and not move therefore there is no need for a scroll bar because it's not going anywhere. Joe
  19. joePHP
    Hi, Can you please post the HTML code. Thanks, Joe
  20. joePHP

    :hover problems

    joePHP replied to adam84's topic in CSS Help

    Hi, It works fine in Firefox and IE. Are you sure you don't have any conflicting styles elsewhere? <html> <head> <style type="text/css"> a.nav { color: green; } a.nav:hover { font-weight: bold; cursor: pointer; } </style> </head> <body> <a class="nav" href="http//www.google.ca/">Google</a> </body> </html> Joe
  21. joePHP
    Hi, I ran your code and it's working by me: 15:37, 23rd June 2010 1 tires 2 oil 3 spark plugs $132.00 123 lal 15:37, 23rd June 2010 1 tires 2 oil 3 spark plugs $132.00 456 lal 15:40, 23rd June 2010 1 tires 2 oil 3 spark plugs $132.00 789 lal 15:42, 23rd June 2010 1 tires 2 oil 3 spark plugs $132.00 321 lal Maybe you have orders.txt open?
  22. joePHP
    Hi, Put the mail function in your while loop while ($row_rsnotifier = mysql_fetch_assoc($rsnotifier)) { $email_address = $row_rsnotifier['email_address']; $subject = 'Appointment Reminder'; $message = "<html> <head> <title>Calendar Appointment</title> </head> <body style='background-image:url(http://www.images/bkrnd.jpg); background-repeat:no-repeat; background-position:center;'> <p></p> <p></p> <p></p> <p></p> Hello, $row_rsnotifier[username] <br /> <h3>This is a friendly reminder from XYZ:</h3><br/>"; do{ if ($row_rsnotifier[nick_name] != '') $message .= "$row_rsnotifier[nick_name] is due on $row_rsnotifier[hmfollow_up_date] <hr color='#FFCE00' size='1'><br />"; } while ($row_rsnotifier = mysql_fetch_assoc($rsnotifier)); $message .='<p></p> </body> </html>'; $headers = 'Content-type: text/html; charset=iso-8859-1' . "\r\n" . 'From: admin@XYZ.com'; mail($email_address, $subject, $message, $headers); } Like this it sends an email to the current customer it just received from the database.
  23. joePHP
    In index.php where you want the message to show put this in: <?php if(isset($display_block)) { echo $display_block; } ?>
  24. joePHP
    You could have header('Location: index.php?unsub=1'); And in index.php if(isset($_GET['unsub']) && $_GET['unsub'] == 1) { $display_block = "<p>You're unsubscribed!</p>"; }
  25. joePHP
    To use mines you need to get rid of the opening <?php and the closing ?> and then paste my code. Also, in manage.php you can get rid of it and just include it there instead.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.