woodsytime

Thanks guys, Much appreciated. I had to apply and inline-block to the images to ensure they stayed on the same line. I'll do some testing to make sure this doesn't break in various clients.

Hi guys, I'm coding for an HTML email and I've got a footer in a table which is unexpectedly being given a height? I've not specified one, and there's no padding, and only a 5px margin on the bottom <p> tag. I can't work out where the white space on the top and bottom is coming from? The text and green/red buttons should be flush to the black line. I've attached an image of the table footer and what's showing up in firebug, displaying the dimensions. HTML Code: <tfoot> <!-- ############### SECTION: Footer ############## --> <tr> <td align="center"> <table style="width: 735px; border-collapse: collapse; table-layout: fixed;"> <tbody> <tr> <td style="width: 545px; padding: 0px;"> <p style="margin: 0px; text-align: justify; font-family: Tahoma, Verdana, Geneva, sans-serif; font-size: 10px;color: #000; "> Fusce dictum nunc sit amet diam cursus fermentum. In quam quam </p> <p style="margin: 0px 0px 5px; text-align: justify; font-family: Tahoma, Verdana, Geneva, sans-serif; font-size: 10px; color: #000;"> Suspendisse eu consequat massa. Morbi quis sapien lectus, congue tincidunt risus </p> </td> <td style="margin: 0px; padding: 0px; text-align: right;"> <!-- ############### Buttons ############## --> <p> <a href="#"> <img style="border: none;" src="footer-img1.jpg" alt="blah blah" > </a> <a href="#"> <img style="border: none;" src="footer-img2.jpg" alt="blah blah" > </a> </p> </td> </tr> </tbody> </table> </td> </tr> </tfoot> Not sure where the 55px is coming from for the height?! It looks the same in FF 3.6, IE8, Chrome, Safari and Opera. Thanks for your help.

Title says it all... Is it possible to align "alt" attribute?

Hi guys, I've just started designing and managing a clients Email marketing. I'm wondering if I need to take browser compatibility into consideration? After doing a bit of research (found this site very useful)...it seems that Outlook, Hotmail, Yahoo and Gmail are the most popular desktop & web email clients. I take it each client deals with the email HTML in different ways, so a focus on each client looks necessary. However, what role does each browser play in the process?

The same amount of dots appeared for both red and white BGs on my I.E. For now I can just apply a black background to the div behind the image as it only seems to effect black pixels. Not an ideal workaround but it'll do for now. Another annoying I.E. bug!

Thanks for your reply zed. I've tried a few suggestions on that link but to no avail. It's a strange one as the image I'm using is a non-transparent .jpg. However, after testing with a coloured div background, it seems as though the FadeOpacity jquery script in I.E. is causing the jpg to become transparent in a few places. I've updated it with a red background and now you can clearly see red dots after hovering over the images (http://www.delightfulweb.com/fadeopacity.html)

Hi there, I've got a couple of images which I'm applying a fade opacity to when the mouse is hovered over it. This simple animation works fine in Firefox, Chrome, Opera and Safari. However, in Internet Explorer small white dots appear after the first hover and stay there??? I've tested in I.E. versions 6, 7 and 8 and they appear in all of them. Here's a link to an example...the white dots are a little clearer on the bottom image: http://www.delightfulweb.com/fadeopacity.html Here's the HTML: <div id="content"> <a class="fade" style="position:absolute; left:0px; top:10px;" href="http://www.tottenhamhotspur.com/matches/matches_frr.html"><img src="images/bunny.jpg" alt="White Hart Lane" /></a> <a class="fade" style="position:absolute; left:0px; top:520px;" href="http://en.wikipedia.org/wiki/Paul_Gascoigne"><img src="images/stick.jpg" alt="Gazza" /></a> </div> <!-- END of DIV Content --> <style type="text/css"> img {border:none;} #content a {position:absolute;} </style> <script src="scripts/FadeOpacity.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $(".fade").FadeOpacity({opacity:'0.4'}); }); </script> And here's the FadeOpacity script: (function($){ $.fn.FadeOpacity = function(opt) { var defaults = { opacity:0.5, duration:305 }; var options = $.extend(defaults, opt); $(this).mouseover(function() { $(this).animate({opacity:options.opacity},{queue:false, duration:options.duration}); }); $(this).mouseout(function() { $(this).animate({opacity:1},{queue:false, duration:options.duration}); }); }; })(jQuery); Anyone else had these problems? Any clues for a workaround in I.E.?

Thanks for your reply but I'm afraid it didn't work. It came up with the error: Parse error: syntax error, unexpected T_IS_EQUAL, expecting ',' or ')'

Hi there, I've got a PHP script which I've copied and altered for my needs from a text book. The aim of the PHP script is to add and delete records from a MySQL database. I can add records ok, however, the delete function is not working? Whenever I press the delete button nothing happens??? I'm relatively new to PHP and tried to follow the book's explanation of what's happening but still can't figure out the problem? If anyone could have a look at my code and suggest a possible solution that would be greatly appreciated......here's the code: PS. I've also attached a screen dump of the script running on my local server for a visual representation. <?php // Connect to MySQL Database require_once 'login.php'; $db_server = mysql_connect($db_hostname, $db_username, $db_password); if (!"db_server") die("Unable to connect to MySQL: " . mysql_error()); mysql_select_db($db_database, $db_server) or die("Unable to select Database: " . mysql_error()); if ( isset($_POST['id']) && isset($_POST['title']) && isset($_POST['embed']) && isset($_POST['comment']) && isset($_POST['date']) ) { $id = get_post('id'); $title = get_post('title'); $embed = get_post('embed'); $comment = get_post('comment'); $date = date( 'Y-m-d H:i:s', time() ); if (isset($_POST['delete']) && $id != "") { $query = "DELETE FROM vids WHERE id='$id'"; if(!mysql_query($query, $db_server)) echo "DELETE failed: $query<br />" . mysql_error() . "<br /><br />"; } else { $query = "INSERT INTO vids VALUES" . "('$id', '$title', '$embed', '$comment', '$date')"; if(!mysql_query($query, $db_server)) echo "INSERT failed: $query<br />" . mysql_error() . "<br /><br />"; } } echo <<<_END <form action="video-add.php" method="post"><pre> <input type="hidden" name="id" /> Title <input type="text" name="title" /> Embed URL <input type="text" name="embed" /> Comment <input type="text" name="comment" /> <input type="hidden" name="date" /> <input type="submit" value="ADD RECORD" /> </pre></form> _END; $query = "SELECT * FROM vids"; $result = mysql_query($query); if (!$result) die ("Database access failed: " . mysql_error()); $rows = mysql_num_rows($result); for ($j = 0 ; $j < $rows ; ++$j) { $row = mysql_fetch_row($result); echo <<<_END <pre> ID $row[0] Title $row[1] Comment $row[3] Date $row[4] </pre> <form action="video-add.php" method="post"> <input type="hidden" name="delete" value="yes" /> <input type="hidden" name="id" value="$row[0]" /> <input type="submit" value="DELETE RECORD" /> </form> _END; } mysql_close($db_server); function get_post($var) { return mysql_real_escape_string($_POST[$var]); } ?> Just to clear things up in my own mind I'll describe what I think is happening in the code: PART ONE - First few lines are to do with connecting to the MySQL Db, and presenting necessary error messages if it can't connect to MySQL or the Db. ------------------------ PART TWO - The first 'if' statement checks to see if the values for the POST array have been set (in this case 'id', 'title', 'embed' etc.) - the 'get_post' function then passes each item to the 'mysql_real_escape_string' function to strip any added characters from a potential hacker. - $_POST['delete'] variable is then checked. If user has clicked on DELETE RECORD button, then the 'delete' value in the POST array will have been set to 'yes'. If 'if (isset($_POST['delete']) && $id != "")' is TRUE then set the query to delete the relevant record according to the '$id' variable. - Else....insert the user input into a new field. ------------------------------ PART THREE - Add a user-input form o ------------------------------ PART FOUR - Display current fields in database along with adding a DELETE RECORD button ------------------------------ PART FIVE - Close connection to Server ------------------------------- PART SIX - Run get_post function. ------------------------------- That's my understanding with my basic knowledge of PHP. If anyone can explain it better than that would be fantastic!

Thanks for clearing that up....cheers!

Excellent, thanks for your help. I'm a little confused as to how the PHP code was being processed then in my orignal example. $mySQLdate = mysql_result($result,$j-1,'date'); echo date('jS M', $mySQLdate); Was it ignoring the $mySQLdate variable in the date('jS M', $mySQLdate) statement, or giving this variable a new value based on the Unix Timestamp?

I've got my dates stored in a MySQL table in TIMESTAMP format. I then pull these dates from the table using PHP, and I can echo the TIMESTAMP date in PHP exactly as it appears in the MySQL table. E.G. 2010-07-01 14:26:00 What I'd like to do is convert the TIMESTAMP format '2010-07-01 14:26:00' to something like '1st Jul'. This is the code I'm using, but it keeps on displaying '1st Jan'? $mySQLdate = mysql_result($result,$j-1,'date'); echo date( 'jS M', $mySQLdate );

Hi there, I've been wondering for a little while what's the best way to create a full screen background with an image? For instance something like this website... http://www.thesixtyone.com/# I've got a few questions/issues so here goes... - How do you compensate for different screen resolutions? - Would the best approach be to have a very large image then scale down according to the browser dimensions? - Not all screens/browsers will have the same width/height ratio so in some instances the image may get cropped or be too small in one dimension - What's the best way to achieve this? with Flash or JavaScript or something else? Any pointers would be greatly appreciated!

Now the page is displaying correctly, I've encountered another problem. I can add records to the Db fine, but can't delete them for some reason? I've adapted this code from a book I'm learning from and I'm relatively inexperienced with PHP so there could be something obvious I'm missing. Here's the code: <?php // Connect to MySQL Database require_once 'login.php'; $db_server = mysql_connect($db_hostname, $db_username, $db_password); if (!db_server) die("Unable to connect to MySQL: " . mysql_error()); mysql_select_db($db_database, $db_server) or die("Unable to select Database: " . mysql_error()); if ( isset($_POST['id']) && isset($_POST['title']) && isset($_POST['embed']) && isset($_POST['comment']) && isset($_POST['date']) ) { $id = get_post('id'); $title = get_post('title'); $embed = get_post('embed'); $comment = get_post('comment'); $date = date( 'Y-m-d H:i:s', time() ); if (isset($_POST['delete']) && $id != "") { $query = "DELETE FROM vids WHERE id='$id'"; if(!mysql_query($query, $db_server)) echo "DELETE failed: $query<br />" . mysql_error() . "<br /><br />"; } else { $query = "INSERT INTO vids VALUES" . "('$id', '$title', '$embed', '$comment', '$date')"; if(!mysql_query($query, $db_server)) echo "INSERT failed: $query<br />" . mysql_error() . "<br /><br />"; } } echo <<<_END <form action="video-add.php" method="post"><pre> <input type="hidden" name="id" /> Title <input type="text" name="title" /> Embed URL <input type="text" name="embed" /> Comment <input type="text" name="comment" /> <input type="hidden" name="date" /> <input type="submit" value="ADD RECORD" /> </pre></form> _END; $query = "SELECT * FROM vids"; $result = mysql_query($query); if (!$result) die ("Database access failed: " . mysql_error()); $rows = mysql_num_rows($result); for ($j = 0 ; $j < $rows ; ++$j) { $row = mysql_fetch_row($result); echo <<<_END <pre> ID $row[0] Title $row[1] Comment $row[3] Date $row[4] </pre> <form action="video-add.php" method="post"> <input type="hidden" name="delete" value="yes" /> <input type="hidden" name="id" value="$row[0]" /> <input type="submit" value="DELETE RECORD" /> </form> _END; } mysql_close($db_server); function get_post($var) { return mysql_real_escape_string($_POST[$var]); } ?>

Cheers Jock! That got it one. Will have to remember that when using heredoc in the future.