Jump to content

joePHP

Members
 View Profile  See their activity

  • Posts

    57

  • Joined

  • Last visited

    Never

Profile Information

  • Gender
    Not Telling

joePHP's Achievements

Newbie

Newbie (1/5)

0

Reputation

  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
×
×
  • 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.