Trying to find out why the rating part over here appear in a vertical list and with bullet when in the CSS stylesheet I have it floated to the left and list-style:none; Price: $3.50 Raiting: * 1 * 2 * 3 * 4 * 5 .rating { list-style:none; width:54px; height:7px; margin:0 0 3px 0; padding:0px; clear:both; position:relative; background:url(../images/NYhungry%27s%20grid%20Rating%20system.gif) no-repeat 0 0; } ul.rating li { cursor: pointer; float:left; text-indent:-900em; } ul.rating li a { position:absolute; left:0; top:0px; width:12px; height:7px; text-decoration:none; z-index: 200; } ul.rating li.one a {left:0px} ul.rating li.two a {left:11px;} ul.rating li.three a {left:22px;} ul.rating li.four a {left:33px;} ul.rating li.five a {left:44px;} ul.rating li a:hover { z-index:2; width:54px; height:7px; overflow:hidden; left:0; background:url(../images/NYhungry%27s%20grid%20Rating%20system.gif) no-repeat 0 0; list-style:none; } ul.rating li.one a:hover {background-position:0 -42px;} ul.rating li.two a:hover {background-position:0 -49px;} ul.rating li.three a:hover {background-position:0 -56px;} ul.rating li.four a:hover {background-position:0 -63px;} ul.rating li.five a:hover {background-position:0 -70px;} HTML: HTML code. if (Rating::CheckRatingsByIp($varItem) == 0) { $classes = "rating" . Rating::ShowStars($averageStars); // Write Output HTML for the Rating Data $output = "\r\n"; $output .= "<ul class=\"{$classes}\" id=\"{$varItem}\">\r\n"; $output .= " <li class=\"one\"><a href=\"javascript:RateItem('{$varItem}', 1);\" title=\"1 Star\">1</a></li>\r\n"; $output .= " <li class=\"two\"><a href=\"javascript:RateItem('{$varItem}', 2);\" title=\"2 Stars\">2</a></li>\r\n"; $output .= " <li class=\"three\"><a href=\"javascript:RateItem('{$varItem}', 3);\" title=\"3 Stars\">3</a></li>\r\n"; $output .= " <li class=\"four\"><a href=\"javascript:RateItem('{$varItem}', 4);\" title=\"4 Stars\">4</a></li>\r\n"; $output .= " <li class=\"five\"><a href=\"javascript:RateItem('{$varItem}', 5);\" title=\"5 Stars\">5</a></li>\r\n"; $output .= "</ul>\r\n"; } else { $classes = "rated " . Rating::ShowStars($averageStars); // Write Output HTML for the Rating Data $output = "\r\n"; $output .= "<ul class=\"{$classes}\" id=\"{$varItem}\">\r\n"; $output .= " <li class=\"one\">1</li>\r\n"; $output .= " <li class=\"two\">2</li>\r\n"; $output .= " <li class=\"three\">3</li>\r\n"; $output .= " <li class=\"four\">4</li>\r\n"; $output .= " <li class=\"five\">5</li>\r\n"; $output .= "</ul>\r\n"; } } HTML:
Instead of posting PHP, could you post HTML? Just look at your page in your browser, go to View > Source (something like that, different per browser), and you'll see pure HTML.
Thank stomme poes I got the view source, now it can be a lot more easy to figure it out This is the part that display the rating it passing the classes rating and nostar together not separate as it should be <ul class="rating nostar"> Code (markup): <td><strong>Raiting:</strong></td> <td> <ul class="ratingnostar" id="Jordan air"> <li class="one"><a href="javascript:RateItem('Jordan air', 1);" title="1 Star">1</a></li> <li class="two"><a href="javascript:RateItem('Jordan air', 2);" title="2 Stars">2</a></li> <li class="three"><a href="javascript:RateItem('Jordan air', 3);" title="3 Stars">3</a></li> <li class="four"><a href="javascript:RateItem('Jordan air', 4);" title="4 Stars">4</a></li> <li class="five"><a href="javascript:RateItem('Jordan air', 5);" title="5 Stars">5</a></li> </ul> </td> Code (markup): The whole view source is below and it contain the html code above which as I said display the rating which right now is displaying it vertical instead of formatting it horizontally. <style type="text/css"> <!-- .style1 {color: #FF3300} .style2 {color: #FFFFFF} .style3 {color: #000000} --> </style> <link type="text/css" href="../stylesheets/shoewebpageprueba.css" rel="stylesheet" media="all" /> <title>NYhungry</title> <script src="../flowplayer/flowplayer.controls-3.1.1.swf"></script> <div id="sidebar1"> <ul id="mainNav"> <li id="restaurants"><a href="../../includes/Restaurants frontpage.html" title="All restaurants inside nyhungry" class="first">Restaurants</a></li> <li id="takeouts"><li><a href="../../Take Outs/Take Outs frontpage.html" title="Information about all take Outs">Take Outs</a></li> <li id="pizzerias"><a href="../../Pizzeria/Pizzeria frontpage.html" title="All the pizzerias inside nyhungry">Pizzerias</a></li> <li id="fishmarkets"><a href="../../Fish Markets/Fish Market frontpage.html" title="All the fishmarkets inside nyhungry">Fish Markets</a></li> </ul> <!-- end #sidebar1 --></div> <table id="restaurantview"> <a href=""><td width="40" id="contenido1">tropiezo></td></a> <a href=""><td width="40" id="contenido2">colozar1></td></a> <a href=""><td width="40" id="contenido3">colozar2></td></a> <a href=""><td width="40" id="contenido4">colozar3></td></a> <a href=""><td width="40" id="contenido4">colozar4></td></a> <a href=""><td width="40" id="contenido4">colozar3</td></a> </table> </head> <body> </body> </html> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> <script> $(function() { var default_image = $('td.largethumb img').attr('src'); $('table.smallthumbs a').mouseover(function() { $('td.largethumb img').attr('src', $('img', this).attr('src')); }); }); </script> <script type="text/javascript" src="scripts/prototype.js"></script> <script type="text/javascript" src="scripts/rating.js"></script> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="itemdetails"> <tr> <td width="1100" height="350" bgcolor="#FFFFFF" class="tento"> <table class="cafe"><tr><td width="547"> <a href="#"><h3 align="justify" style="position:relative; height:5px; top: 10px;">Cereza</h3></a> </td> </tr> </table> <table width="1215" height="609" class="chencho" > <td class="largethumb" rowspan="8" align="center"> <a href="#"><img src="../images/image1.jpg" width="270" height="160" alt="coloe"/></a></td> <td width="340" rowspan="8" padding="0" ><table width="252" style="font-size:12px; position:relative; top:-6px;"> <td width="1"> </td> <td width="54" bgcolor="#FFFFFF"><strong>Price:</strong></td> <td colspan="7">$<span class="style3">3.50</span></td> <tr> <td class="style1"> </td> <td colspan="7" class="style3"> </td> </tr> <tr><td> </td> <td><strong>Raiting:</strong></td> <td> <ul class="ratingnostar" id="Cereza"> <li class="one"><a href="javascript:RateItem('Cereza', 1);" title="1 Star">1</a></li> <li class="two"><a href="javascript:RateItem('Cereza', 2);" title="2 Stars">2</a></li> <li class="three"><a href="javascript:RateItem('Cereza', 3);" title="3 Stars">3</a></li> <li class="four"><a href="javascript:RateItem('Cereza', 4);" title="4 Stars">4</a></li> <li class="five"><a href="javascript:RateItem('Cereza', 5);" title="5 Stars">5</a></li> </ul> </td> </tr><tr> <td width="12"><span class="style2">coloso</span></td> </tr> <tr> <td > </td> </tr></table> </td> <tr> <td width="400" height="40" rowspan="3"><strong>Details:</strong></td> </tr> <tr> <td width="134" height="28"><a href="#"><img src="../images/add to Car.gif" alt="df" width="99" height="28" /></a></td> </tr><tr> <td height="25"><a href="#"><img src="../images/viewcart.gif" alt="rt" width="99" height="28" /></a></td> </tr> <tr> <td width="400" height="29"><ul> <li>coloso mentiroso</li> </ul></td> </tr> <tr> <td width="400" height="29"><ul> <li>coloso mentiroso</li> </ul></td> </tr> </td></table> Code (markup): I have to add that the <td><strong>Raiting:</strong></td> Code (markup): is not horizontally aligned with the row of stars displayed when the css classes format the html code. The row of star is a little upward and the Rating: is a little be downward i want it to be at the same height, Do i have to use the property top?
Line 3 you need a space after rating. Should be: $classes = "rating " . Rating::ShowStars($averageStars); As it is now the class is "ratingnostar" which has no rules applied to it. I assume it should be "rating nostar"
Thank you Austing that was the problem $classes = "rating " . Rating::ShowStars($averageStars); PHP: the problem with the two Css classes together was that I needed to put an space after rating i had "rating" but it is "rating " an space before the double qoutes it was a php error then it pick the nostar or onestar or twostar whichever css rating it pick up, then It pick up the CSS class from the ShowStars Php class and put it "rating nostar" It needed a space. But there is a lot more error I need to take care later I will late you.
Austing Web Design i am facing the following problem... <td> <ul class="rating nostar" id="Torpedo"> <li class="one"><a href="javascript:RateItem('Torpedo', 1);" title="1 Star">1</a></li> <li class="two"><a href="javascript:RateItem('Torpedo', 2);" title="2 Stars">2</a></li> <li class="three"><a href="javascript:RateItem('Torpedo', 3);" title="3 Stars">3</a></li> <li class="four"><a href="javascript:RateItem('Torpedo', 4);" title="4 Stars">4</a></li> <li class="five"><a href="javascript:RateItem('Torpedo', 5);" title="5 Stars">5</a></li> </ul> </td> Code (markup): this is a rating star row which is suppose to refresh without a browser refreshing. it is refreshing but is not CSS formating to <td><strong>Raiting:</strong></td> <td> <ul class="rated twostar" id="Torpedo"> <li class="one">1</li> <li class="two">2</li> <li class="three">3</li> <li class="four">4</li> <li class="five">5</li> </ul> Code (markup): I have to refresh the browser in order to <td><strong>Raiting:</strong></td> <td> <ul class="rated twostar" id="Torpedo"> <li class="one">1</li> <li class="two">2</li> <li class="three">3</li> <li class="four">4</li> <li class="five">5</li> </ul> Code (markup): to appear.. It's the javascript working? This is the code before clicking on one of the star in the star row. <style type="text/css"> <!-- .style1 {color: #FF3300} .style2 {color: #FFFFFF} .style3 {color: #000000} --> </style> \<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link type="text/css" href="../stylesheets/rantwebpageprueba.css" rel="stylesheet" media="all" /> <title>Shoes</title> <script type="text/javascript" src="scripts/prototype.js"></script> <script type="text/javascript" src="scripts/rating.js"></script> <script src="../flowplayer/flowplayer.controls-3.1.1.swf"></script> </head> <body> <table id="rantview"> <a href=""><td width="40" id="contenido1">tropiezo></td></a> <a href=""><td width="40" id="contenido2">colozar1></td></a> <a href=""><td width="40" id="contenido3">colozar2></td></a> <a href=""><td width="40" id="contenido4">colozar3></td></a> <a href=""><td width="40" id="contenido4">colozar4></td></a> <a href=""><td width="40" id="contenido4">colozar3</td></a> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="itemdetails"> <tr> <td width="1100" height="350" bgcolor="#FFFFFF" class="tento"> <table class="cafe"><tr><td width="547"> <a href="#"><h3 align="justify" style="position:relative; height:5px; top: 10px;">Torpedo</h3></a> </td> </tr> </table> <table width="1215" height="609" class="chencho" > <td class="largethumb" rowspan="8" align="center"> <a href="#"><img src="../images/image1.jpg" width="270" height="160" alt="coloe"/></a></td> <td width="340" rowspan="8" padding="0" ><table width="252" style="font-size:12px; position:relative; top:-6px;"> <td width="1"> </td> <td width="54" bgcolor="#FFFFFF"> <img src="../images/price.gif" alt="s" /></td> <td colspan="7">$<span class="style3">6.00</span></td> <tr> <td class="style1"> </td> <td colspan="7" class="style3"> </td> </tr> <tr><td> </td> <td> <img src="../images/rating.gif" alt="s" /></td> <td> <ul class="rating nostar" id="Torpedo"> <li class="one"><a href="javascript:RateItem('Torpedo', 1);" title="1 Star">1</a></li> <li class="two"><a href="javascript:RateItem('Torpedo', 2);" title="2 Stars">2</a></li> <li class="three"><a href="javascript:RateItem('Torpedo', 3);" title="3 Stars">3</a></li> <li class="four"><a href="javascript:RateItem('Torpedo', 4);" title="4 Stars">4</a></li> <li class="five"><a href="javascript:RateItem('Torpedo', 5);" title="5 Stars">5</a></li> </ul> </td> </tr><tr> <td width="12"><span class="style2">coloso</span></td> </tr> <tr> <td > </td> </tr></table> </td> <tr> <td width="400" height="40" rowspan="3"><strong>Details:</strong></td> </tr> <tr> <td width="134" height="28"><a href="#"><img src="../images/add to Car.gif" alt="df" width="99" height="28" /></a></td> </tr><tr> <td height="25"><a href="#"><img src="../images/viewcart.gif" alt="rt" width="99" height="28" /></a></td> </tr> <tr> <td width="400" height="29"><ul> <li>coloso mentiroso</li> </ul></td> </tr> <tr> <td width="400" height="29"><ul> <li>coloso mentiroso</li> </ul></td> </tr> <tr> <td width="400" height="21"><ul> <li>coloso mentiroso</li> </ul></td> </tr><tr> <td height="12" colspan="2"><img src="../images/line..gif" alt="as" width="300" height="7" /></td> </tr> <tr></tr><td rowspan="2"> <table width="162" align="center" class="smallthumbs"> </td></table> </body> </html> Code (markup): This is the code after clicking as you can see is the same as the one above except that after clicking it does record the data in the database but it does not refresh as it supposed to with the javascript and Ajax links it has on top of the code. <style type="text/css"> <!-- .style1 {color: #FF3300} .style2 {color: #FFFFFF} .style3 {color: #000000} --> </style> \<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link type="text/css" href="../stylesheets/rantwebpageprueba.css" rel="stylesheet" media="all" /> <title>Shoes</title> <script type="text/javascript" src="scripts/prototype.js"></script> <script type="text/javascript" src="scripts/rating.js"></script> <script src="../flowplayer/flowplayer.controls-3.1.1.swf"></script> </head> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="itemdetails"> <tr> <td width="1100" height="350" bgcolor="#FFFFFF" class="tento"> <table class="cafe"><tr><td width="547"> <a href="#"><h3 align="justify" style="position:relative; height:5px; top: 10px;">-1/2 Pollo al horno</h3></a> </td> </tr> </table> <table width="1215" height="609" class="chencho" > <td class="largethumb" rowspan="8" align="center"> <a href="#"><img src="../images/image1.jpg" width="270" height="160" alt="coloe"/></a></td> <td width="340" rowspan="8" padding="0" ><table width="252" style="font-size:12px; position:relative; top:-6px;"> <td width="1"> </td> <td width="54" bgcolor="#FFFFFF"> <img src="../images/price.gif" alt="s" /></td> <td colspan="7">$<span class="style3">9.00</span></td> <tr> <td class="style1"> </td> <td colspan="7" class="style3"> </td> </tr> <tr><td> </td> <td> <img src="../images/rating.gif" alt="s" /></td> <td> <ul class="rating nostar" id="Torpedo"> <li class="one"><a href="javascript:RateItem('-1/2 Torpedo', 1);" title="1 Star">1</a></li> <li class="two"><a href="javascript:RateItem('-1/2 Torpedo'', 2);" title="2 Stars">2</a></li> <li class="three"><a href="javascript:RateItem('-1/2 Torpedo'', 3);" title="3 Stars">3</a></li> <li class="four"><a href="javascript:RateItem('-1/2 Torpedo'', 4);" title="4 Stars">4</a></li> <li class="five"><a href="javascript:RateItem('-1/2 Torpedo'', 5);" title="5 Stars">5</a></li> </ul> </td> </tr><tr> <td width="12"><span class="style2">coloso</span></td> </tr> <tr> <td > </td> </tr></table> </td> <tr> <td width="400" height="40" rowspan="3"><strong>Details:</strong></td> </tr> <tr> <td width="134" height="28"><a href="#"><img src="../images/add to Car.gif" alt="df" width="99" height="28" /></a></td> </tr><tr> <td height="25"><a href="#"><img src="../images/viewcart.gif" alt="rt" width="99" height="28" /></a></td> </tr> <tr> <td width="400" height="29"><ul> <li>coloso mentiroso</li> </ul></td> </tr> <tr> <td width="400" height="29"><ul> <li>coloso mentiroso</li> </ul></td> </tr> <tr> <td width="400" height="21"><ul> <li>coloso mentiroso</li> </ul></td> </tr><tr> <td height="12" colspan="2"><img src="../images/line..gif" alt="as" width="300" height="7" /></td> </tr> <tr></tr><td rowspan="2"> <table width="162" align="center" class="smallthumbs"> </td></table> </body> </html Code (markup): instead of the result row of star appear the output and result after clicking is recording the data in the database and outputing.. Price: $9.00 Rating: * 1 * 2 * 3 * 4 * 5 it doesn't format the ul ordered list with the classes rated without a manual browser refresh. It will formatted if I manually refresh the browser. It seem like the Ajax code is not affecting the html code why do I have to manually refresh? By the way the source page after manually refreshing vary and it gets formatted with the CSS class "rated". Before the users click in one of the star in the row it gets formatted with the CSS class "rating" and it supposed to change after clicking in one of the star in the row without manually having to refresh the browser. The source page after manually refreshing the browser is: <style type="text/css"> <!-- .style1 {color: #FF3300} .style2 {color: #FFFFFF} .style3 {color: #000000} --> </style> \<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link type="text/css" href="../stylesheets/rantwebpageprueba.css" rel="stylesheet" media="all" /> <title>Shoes</title> <script type="text/javascript" src="scripts/prototype.js"></script> <script type="text/javascript" src="scripts/rating.js"></script> <script src="../flowplayer/flowplayer.controls-3.1.1.swf"></script> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="itemdetails"> <tr> <td width="1100" height="350" bgcolor="#FFFFFF" class="tento"> <table class="cafe"><tr><td width="547"> <a href="#"><h3 align="justify" style="position:relative; height:5px; top: 10px;">-1/2 Pollo al horno</h3></a> </td> </tr> </table> <table width="1215" height="609" class="chencho" > <td class="largethumb" rowspan="8" align="center"> <a href="#"><img src="../images/image1.jpg" width="270" height="160" alt="coloe"/></a></td> <td width="340" rowspan="8" padding="0" ><table width="252" style="font-size:12px; position:relative; top:-6px;"> <td width="1"> </td> <td width="54" bgcolor="#FFFFFF"> <img src="../images/price.gif" alt="s" /></td> <td colspan="7">$<span class="style3">9.00</span></td> <tr> <td class="style1"> </td> <td colspan="7" class="style3"> </td> </tr> <tr><td> </td> <td> <img src="../images/rating.gif" alt="s" /></td> <td> <ul class="rated fourstar" id="Torpedo"> <li class="one">1</li> <li class="two">2</li> <li class="three">3</li> <li class="four">4</li> <li class="five">5</li> </ul> </td> </tr><tr> <td width="12"><span class="style2">coloso</span></td> </tr> <tr> <td > </td> </tr></table> </td> <tr> <td width="400" height="40" rowspan="3"><strong>Details:</strong></td> </tr> <tr> <td width="134" height="28"><a href="#"><img src="../images/add to Car.gif" alt="df" width="99" height="28" /></a></td> </tr><tr> <td height="25"><a href="#"><img src="../images/viewcart.gif" alt="rt" width="99" height="28" /></a></td> </tr> <tr> <td width="400" height="29"><ul> <li>coloso mentiroso</li> </ul></td> </tr> <tr> <td width="400" height="29"><ul> <li>coloso mentiroso</li> </ul></td> </tr> <tr> <td width="400" height="21"><ul> <li>coloso mentiroso</li> </ul></td> </tr><tr> <td height="12" colspan="2"><img src="../images/line..gif" alt="as" width="300" height="7" /></td> </tr> <tr></tr><td rowspan="2"> <table width="162" align="center" class="smallthumbs"> </td></table> </body> </html> Code (markup): The only differences is that: Stage 1. Before clicking on one of the stars it appear nostar and the user get to choose which number of star he/she wants to choose by hovering over. The code below is the output when stars=0, nostar are show just a blank row of star and the users get to hover over them to chooses the number of stars they want. <td> <ul class="rating nostar" id="Torpedo"> <li class="one"><a href="javascript:RateItem('Torpedo', 1);" title="1 Star">1</a></li> <li class="two"><a href="javascript:RateItem('Torpedo', 2);" title="2 Stars">2</a></li> <li class="three"><a href="javascript:RateItem('Torpedo', 3);" title="3 Stars">3</a></li> <li class="four"><a href="javascript:RateItem('Torpedo', 4);" title="4 Stars">4</a></li> <li class="five"><a href="javascript:RateItem('Torpedo', 5);" title="5 Stars">5</a></li> </ul> </td> Code (markup): The javascript href="javascript:RateItem('Torpedo', 1);". Code (markup): does appear the first time. Stage 2. the code below appear in the source page. <td> <ul class="rating nostar" id="Torpedo"> <li class="one"><a href="javascript:RateItem('Torpedo', 1);" title="1 Star">1</a></li> <li class="two"><a href="javascript:RateItem('Torpedo', 2);" title="2 Stars">2</a></li> <li class="three"><a href="javascript:RateItem('Torpedo', 3);" title="3 Stars">3</a></li> <li class="four"><a href="javascript:RateItem('Torpedo', 4);" title="4 Stars">4</a></li> <li class="five"><a href="javascript:RateItem('Torpedo', 5);" title="5 Stars">5</a></li> </ul> </td> Code (markup): The output in the browser is Price: $9.00 Rating: * 1 * 2 * 3 * 4 * 5 The javascript href="javascript:RateItem('Torpedo', 1);". Code (markup): does appear and at this point the data or number of star has been record in the database but instead of stage appearing it should be stage 3 right after stage 1. Stage 3 After refreshing the browser manually the ul gets formatted by the CSS rated class. <td> <ul class="rated fourstar" id="Torpedo"> <li class="one">1</li> <li class="two">2</li> <li class="three">3</li> <li class="four">4</li> <li class="five">5</li> </ul> </td> Code (markup): pluss the javascript property href="javascript refreshing effect is not working helpjavascript:RateItem('Torpedo', 1);". Code (markup): does not appear as it appears in the source page before users click on one of the stars. The javascript links that should do the refreshing automatically supposed to be the two below: <script type="text/javascript" src="scripts/prototype.js"></script> <script type="text/javascript" src="scripts/rating.js"></script> Code (markup): How can it be possible to auto refresh it?
Jah: partially because this is not the top of help forums (it's true, it just isn't) but also because he is posting these same questions word for word on several other help forums and for example I saw this one at SitePoint where a few people started helping him on this problem. So he's getting answers from somewhere, and I kinda feel like I wasted my time asking for the HTML (since on the other forum someone asked that same question, and was able to get back to him as soon as he posted the HTML). If I didn't get answers in a reasonable time on one forum, I mean I'd give it a bit of time, then move on to another forum, and so on. If you ask on a bunch all at once you get multiple people spending time giving the same answers (or similar-enough answers). That's not terribly efficient.
no, you misunderstood me, i was telling others not to bother helping him if he's gonna clog up the board with the same topic over and over.
JahRasta311 I knew you had some kind of sarcasms in your statement anyway bro.. what I am trying to do is not to piss off some people, i just out of answer looking suggestion that's all. it get really hard sometimes life in general plus php, html, CSS and all of this stuff Lol. Thank you guys any way this is part of the way, I just sometime don't even understand your terms and that's why i don't get things sometimes and I know it might seem like a waste of time lol explaining me things but thank you guys for taking your time. Thank you i am getting it little by little the hard way Thank you....
Guys it was a simple / after the ?> causing all this trouble and headaches and it was fixed by SoulScratch at sitepoint forum If any body need the script for the RAting system just let PM
co.ador from your posts that I've read, it seems you need a refresher or something on programming in PHP. I've noticed you often have little problems from things like a missing space, too much space, mixing types of " and ' or not using them when you should... there's probably a sort of validator for PHP out there, I know there's something related to Perl's user strict, user warnings (where if you make typos like that, they get flagged and tell you which line your errors are on), which you should use. I'm sure they're listed on any decent PHP helpforum. With programming languages, even if you get something to work with your buggy code, it's not really like English, where you can make a lot of mistakes and people still understand what you mean. You need to keep yourself very strict with programming languages. Things like spaces and quotes and slashes are very very important. Having your text editor that you write in have code highlighting can help you see missed closing tags, and a validator can help too. Unfortunately PHP can let you be very sloppy and seem to work (just like browsers can let you let your HTML be very sloppy). This is bad. Don't rely on something looking like it works in some browser as proof that your code is good— otherwise the hidden bugs will come out and bite you later when your code is asked to do something else. JahRasta: oh ok, yes I misunderstood you. : )
About tasting my work in only one browser i need to do something with it. I am waiting to finish the web page then fix everything I don't know if that's correct i am focusing on structuring the functionality and see how it will look on firefox but then I know it doesn't display well in internet explorer and maybe in other browsers. I will fix everything once I have the functionality or I don't know if i should be doing everything at once..
I'm not sure about web programming, but with HTML and CSS, we definitely test in all browsers as we go, not build everything in one browser and later test in all. This is because some little bug somewhere is much harder to find when you have to go through more code to find it. So I'd say, when possible, build your code in little testable chunks, test in all browsers, then link two chunks together, test, add another chunk, test... it might seem slower but you'll ultimately do less debugging. But still, run all your code through a syntax checker of some kind. It will save you a LOT of time! You can have all the basic concepts correct, but your code will fail due to some misplaced semi-colon ; or a mistyped variable name (which PHP will let you do, so turn warnings on!).