|
HTML - Images Messing Up In Ie
Anyone have any idea why the thumbnail pictures are off when the page is viewed in IE but they're fine when shown on FireFox? I'm using slimbox/lightbox and can't for the life of me figure out what's going on.
http://www.jnsitedesign.com/photocms...?gallery=./Art I really appreciate the help!! Similar TutorialsIt's in the first stages, so bear with the lack of images, etc. however... If you go to http://dev.bkriegtech.net/web/06/ you will see that the content of the right nav bar is pushed way over for some reason. I looked at the code of the included page (http://dev.bkriegtech.net/web/06/home.php) and I have no tables or anything in there that would cause this to have extra room on the right to push the nav content over. What could be causing this? My Tables are messing up somehow on 2 pages. This is my site: http://the1337arcade.com The site should look like the home page or when you click a game, Notice how the table is seperated into 2 <td>'s. But on the search page and the category page http://the1337arcade.com/search.php?q=ant&page=1 and http://the1337arcade.com/browse.php?...trategy&page=1 Notice how the page is now different, The left TD basically took over the whole page and pushed the other TD down. My codes: for the search page Code: <?php include('headerforsite.php') ?>
<?php include('topofmiddle.php') ?>
<td style="border:solid black 0px;" width="650px" valign="top">
<tr>
<td style="border:solid black 0px;" width="650px" valign="top" colspan="2"><h1>Search Results for '<?= $search_term; ?>'</h1>Page: <strong><?= $page; ?></strong> of <strong><?= $total_pages; ?></strong> | <strong><?= $total_num; ?></strong> Games Found<br></td>
</tr>
<tr>
<td colspan="2" class="page_nav" align="right">
<?php gen_page_links($page,$last_page,$total_pages,'',$sort,$search_term); ?>
</td>
</tr>
<?php
// >> If games to show
if($search_count > 0 && !empty($search_term)) {
// $counter = 1; // Undo for double
// $place = 1; // Undo for double
// >> Go fetch
while($row = mysql_fetch_array($do_sql)) {
?>
<?php //if($counter == 1) { ?>
<tr>
<td width="500" valign="top"><center>
<a href="<?= get_game_link($row['g_name']); ?>" onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?><br>Filesize: Working on it. MB</center>','green', 400)";
onMouseout="hideddrivetip()"><strong><?= $row['g_name'] ?></a></strong><br>
<a href="<?= get_game_link($row['g_name']); ?>" onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?><br>Filesize: Working on it. MB</center>','green', 400)";
onMouseout="hideddrivetip()"><center><img src="<?= $site_url; ?>/media/icons/<?= $row['g_iconname']; ?>" alt="<?= $row['g_name']; ?>" width="<?= $thumb_width; ?>" height="<?= $thumb_height; ?>" border="0"></a><strong>
</tr>
<?php //} ?>
<?php
// if($counter == 2) { // Undo for double
// $counter = 0; // Undo for double
// } // Undo for double
// $counter++; // Undo for double
// $place++; // Undo for double
} // >> Close Loop
} // >> Close mysql_num_rows
// If no games to show
else {
echo '<tr><td valign="top" class="browse"><strong>Sorry, No Games Found.</strong></tr></td>';
// >> Close no games to show
}
?>
<tr>
<td colspan="2" class="page_nav" align="right"><br>
<?php gen_page_links($page,$last_page,$total_pages,'',$sort,$search_term); ?>
</td>
</tr>
</table>
</td>
<?php include('bottomofmiddle.php') ?>
<?php include('footerforsite.php') ?>
Code for the Category page Code: <?php include('headerforsite.php') ?>
<?php include('topofmiddle.php') ?>
<td style="border:solid black 0px;" width="650px" valign="top">
<?php
// >> If games to show
if($browse_count > 0) {
// $counter = 3; // Undo for double
// $place = 1; // Undo for double
// >> Go fetch
while($row = mysql_fetch_assoc($result)) {
// >> Assign the data easier/universal namess
$game_name = $row['g_name'];
$game_desc = $row['g_desc'];
$game_totalplays = $row['g_totalplays'];
$game_totalplays = number_format($game_totalplays);
$game_date = $row['g_date'];
$game_date = date('F jS, Y',$game_date);
$game_iconname = $row['g_iconname'];
?>
<?php //if($counter == 1) { ?>
<tr>
<?php //} ?>
<td style="border:solid black 0px;" width="650px" valign="top"><center><br><a href="<?= get_game_link($game_name) ?>" onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?><br>Filesize: Working on it. MB</center>','green', 400)";
onMouseout="hideddrivetip()"><center><img src="<?= $site_url; ?>/media/icons/<?= $game_iconname; ?>" alt="<?= $game_name; ?>" width="<?= $thumb_width; ?>" height="<?= $thumb_height; ?>" border="0"></a><strong><center><a href="<?= get_game_link($game_name); ?>"onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?><br>Filesize: Working on it. MB</center>','green', 400)";
onMouseout="hideddrivetip()"><center><?= $game_name; ?></a></strong>
<br>
<br></td>
<?php //if($counter == 2 || $place == $browse_count) { ?>
</tr>
<?php //} ?>
<?php
// if($counter == 2) { // Undo for double
// $counter = 2; // Undo for double
// } // Undo for double
// $counter++; // Undo for double
// $place++; // Undo for double
} // >> Close while loop
} // >> Close mysql_num_rows
// >> If no games to show
else {
echo '<tr><td valign="top" class="browse"><strong>Sorry, No Games Found.</strong></tr></td>';
// >> Close no games to show
}
?>
</table>
</td>
<?php include('bottomofmiddle.php') ?>
<?php include('footerforsite.php') ?>
Code for a fully working page Code: <?php include('headerforsite.php') ?>
<?php include('topofmiddle.php') ?>
<td align=center style="border:solid black 0px;" width="650" valign="top">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<div style="border: 3px black solid;">
<strong><center>::.. Newest Games ..::</strong>
</div>
<center>
<?php
$sql = 'SELECT * FROM '. $table_games .'
WHERE g_status = 1
ORDER BY g_totalplays DESC
LIMIT 24';
$counter = 1;
if (mysql_num_rows($result)) {
while($row = mysql_fetch_assoc($result) ) {
if (strlen($row['g_desc'])> 150) {
$row['g_desc'] = substr($row['g_desc'],0,150).' ...';
}
if (strlen($row['g_desc'])> 150) {
$row['g_desc'] = substr($row['g_desc'],0,150).' ...';
}
if($counter == 1) { echo '<tr>'; }
?>
<center><td width="650" valign="top"><center>
<font color=black><center><a href="<?= get_game_link($row['g_name']); ?>" onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?></center>','blue', 400)";
onMouseout="hideddrivetip()"><strong><?= $row['g_name'] ?></a></strong><br></font>
<font color=black><center><a href="<?= get_game_link($row['g_name']); ?>" onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?></center>','green', 400)";
onMouseout="hideddrivetip()"><center><img src="<?= $site_url; ?>/media/icons/<?= $row['g_iconname']; ?>" alt="<?= $row['g_name']; ?>" width="<?= $thumb_width; ?>" height="<?= $thumb_height; ?>" border="0"></a><strong>
<br><p></font>
</td>
<?php
if($counter == 3) {
$counter = 0;
echo '</tr>';
}
++$counter;
}
}
else {
echo '<td valign="top" class="content">Sorry, No Games To Show</td>';
}
?>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<div style="border: 3px black solid;">
<strong><center>::.. Most Popular Games ..::</strong>
</div>
<?php
$result = do_mysql_query($sql);
$counter = 1;
if (mysql_num_rows($result)) {
while($row = mysql_fetch_assoc($result) ) {
if (strlen($row['g_desc'])> 150) {
$row['g_desc'] = substr($row['g_desc'],0,150).' ...';
}
if($counter == 1) { echo '<tr>'; }
?>
<td width="500" valign="top"><center>
<a href="<?= get_game_link($row['g_name']); ?>"onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?></center>','green', 400)";
onMouseout="hideddrivetip()"><strong><?= $row['g_name'] ?></a></strong><br>
<a href="<?= get_game_link($row['g_name']); ?>"onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br>Total Game Plays: <?= number_format($row['g_totalplays']); ?><br>Game Added On: <?= date('M jS',$row['g_date']); ?></center>','blue', 400)";
onMouseout="hideddrivetip()"><center><img src="<?= $site_url; ?>/media/icons/<?= $row['g_iconname']; ?>" alt="<?= $row['g_name']; ?>" width="<?= $thumb_width; ?>" height="<?= $thumb_height; ?>" border="0"></a><strong>
<p>
</td>
<?php
if($counter == 3) {
$counter = 0;
echo '</tr>';
}
++$counter;
}
}
else {
echo '<td valign="top" class="content">Sorry, No Games To Show</td>';
}
?>
</table>
<br>
</div>
</div>
</div>
</td>
<?php include('bottomofmiddle.php') ?>
<?php include('footerforsite.php') ?>
Thanks for all help.. I depend on help to have my arcade back to normal function ! I use frontpage to edit my page (so I can view it before uploading it to the web) It shows exactly the way I want it when I save it and view it on my HD but once I upload it to the server... it's the same... Then when I edit it again and upload the "update".... it's messed up. Could anyone tell me what I am doing wrong? Thanks Lace Good day. I'm actually trying to make a good site now (still humorous), and am having problems with the background of my right collum. http://web.vtc.edu/users/cjb06271/CI...nal/order.html Quote: <form method="post" action="mailto:cjb06271@vtc.edu"> <table style="border:1px solid black"> <tr> <td><fieldset/>The always favorite Locusts. </td> <td colspan="1"><fieldset/> <input type="checkbox" value="Locusts" name="Locusts"/> </td> </tr> </form> same kind of thing happening on register page. you can see how I wanted it on any of the other pages. Also on the navbar you can see the right collum background image was chopped in half. Not too worries about that but if an easy fix would be apreciated http://web.vtc.edu/users/cjb06271/CI.../real%20final/ my css is in there (as are links to images and all the other sites in navbar) css name is new1. I may also be halucinating but the text seems to change fonts between pages and I don't know why. Thank you very much for any help you may offer. Hey everyone, I have some problems with my website. Basically for some reason when you open my website in Internet Explorer, The tables are messed up, It's hard to explain but basically for some reason it has a massive amount of spaces before the actual text starts. However in firefox the website works perfectly. Here's a link so you can see for yourself what I mean: http://SpiritualSatanism.com Any idea what this could be and/or how to fix it? Thanks, Nightfoxx Hello, I am very new to HTML. With that said here is my issue. I want to post meta data within the head tags of my html. However, when i do this the table i created in the body of the code ceases to work. I created a very simple intro page. all that exists there is a logo of my bussiness then underneath a splash page embeded. When i enter the meta data the logo and splash area are off center. Currently I took the meta tags out of the html, but I really want to place them back. Ever heard of this happening before? Can you help? Thanks, Matt My page is www.skelniktoday.com if you want to take a look and view the source. Who knows maybe you just need a laugh at the level of novice my html is. I'm currently in the process of rebuilding my website and I'm having some trouble. I'm looking to get the page to look like this: http://img170.imageshack.us/img170/5833/designwh9.png This is what I'm at right now: http://www.bclw.ca/content/index2.html The buttons (unlike in the image design) are not touching each other. Is there a way to do this only using HTML? Or am I going to have to purchase one of those Website Design programs? Thanks for any help you can give! I need to display 40-50 images, one at a time, with a forward and backward button. No timer. Seems easy enough, but I don't know how to do it. Any tips would be greatly appreciated. I could not find any previous post for this question but someone has sure had the same problem. Everying looks fine on my website if you use: http://sdgroceryoutlet.com However, if you use: http://www.sdgroceryoutlet.com it scrambles the .jpg images. Why would the images not show when adding the www. prefix? Need some help, please. Heyya, new here, and still fairly new to html. I just started using SSI includes (for obvious reasons), but I'm having an issue. When I preview the actual include file (menu.html), it looks just like it should. To see what it should look like, check out the front page, which just uses the HTML code rather than an insert. www.armoredchampions.com But when I use the include on a page, there is a gap between the two lines. I was originally using a <br> tag, but it had a gap, as if I was using <p>. I then eliminated the tag and made the table border just a little bit wider than the image in order to solve the issue, but the gap is still there. To see what it looks like you can check out this page: www.armoredchampions.com/staff.shtml Can anyone help me with this? I would really really appreciate it Hi, im new to this so sorry for my lack of knowlage. Anyway, I have made a new directory on my website to house our gaming reviews I have copied exactly the same image directorys that work on our main directory in there and the images show up when previewing on my pc but not when i upload to the web, also appartnly no images or styles work in IE? www.gameoracle.co.uk help much appriciated Hi, I'm kinda new to HTML.. I want to add 2 different images aligned horizontally, but one would be aligned on the left of the page, and one to the right.. how would I do that? Can't seem to find the discrepancy within the code. All the image files are in the same location. As stated in the title, some images appear and some do not. http://webpages.charter.net/projects...vertmedia.html Thanks for you help, -=Devil Duck=- I want to try a couple of different approaches to putting medieval scroll-like images behind a menu and the body text of a site I am working on. I vaguely remember that there are separate commands to put images above, behind, and below a list. (Thinks something like scroll_top.gif, scroll_body.gif, scroll_bottom.gif). Can anyone help with that? Also, isn't there a way to do the same think with a div, eg: - image1 at the top - image 2 (repeating) as the body - image 3 at the bottom Thanks much as always! Joshua ok i found a website i registerd got my domain and i uploaded my website my index.html and all the other files and i added all my images but wen i look at my site the images do not appear its just the blank site with text what do it? Hi, Does anyone know a code that can be used so that if there is no image to go into an image box the box will be invisible, i.e. there won't be a little box with a cross in it. Thanks Colin Greetings, I just recently started learning HTML and I am currently taking an HTML class in my college. One of my assignments was to create a web page with a certain amount of requirements but for some reason my teacher was not able to view the pictures when she tried to look at my assignment. Can someone please take a look at my source code and let me know what is wrong with it? <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN "http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Internet Security</title> <style type="text/css"> h1 {text-align: center} h3 {text-align: center} body {background-color: #FFEBCD} </style> </head> <h1>Security and the Internet</h1> <body> <p>Internet Security has become vital in today's society. With the imposing attempts to breach other computers, it is important to have good anti-virus software. Viruses can come in many different types. First and foremost are your standard <em><strong>trojan viruses</strong></em>. These viruses are used to steal passwords so the hacker can attempt to gain pertinent user information. Another form of a virus is a <em><strong>boot virus</strong></em>. A boot virus infects floppy disk or master boot records on a hard drive. They replace the boot record program (which is responsible for loading the operating system in memory) copying it elsewhere on the hard drive or overwriting it. Boot viruses load into memory if the computer tries to read the disk while it is booting.<hr /></p> <h3>Other Types of Security Dilemmas</h3> <p>Other security problems that are slowly rising include wireless network hacking. In this particular method of breaching, the perpetraitor attempts to steal a wireless connection by using DOS (denial of service attacks), man in the middle, Identity theft or MAC spoofing and sometimes, caffe latte attacks. The most frightening part of this type of breach, or any for that matter is the hackers ability to gain personal information by using the aforementioned methods. It is very important to secure your computer with an anti-virus program as well as, a firewall to ensure you are not a victim. Below is a security checklist which will aid in keeping hackers out of your system.<hr /></p> <h4 style="color:#DC143C">Ways to Stay Internet Safe</h4> <!-- The following six lines represent how ordered list work and would appear on a web page --> <ol> <li>Install an anti-virus program and firewall and, <strong>keep the definitions up to date</strong></li> <li><strong>NEVER</strong> open any attachments unless you know the sender</li> <li>Do not close your anti-virus and firewall. Real time protection is often active while they are open</li> <li><strong>DO NOT</strong> visit un-safe websites. Again, virus protection usually has a site watch plug in to aid in this</li> </ol> <p>Follow these helpful tips and you should remain virus free</p> <p>The following pictures to the right indicate two great antivirus and spyware programs used for Internet security today. I personally use both of these. Each of these particular pieces of software serve their own purpose. The AVG Free is used for scanning for viruses while the SuperAnti-Spyware is used to scan and resolve issues pertaining to spyware and adware. <!-- Picture links are displayed below --> <p><a href="http://free.avg.com/" title="click here to visit AVG's website"> <img src="AVG.gif" alt="photo of anti-virus software" border="0" align="right" width="140" height="140"/></a></p> <p><a href="http://www.superantispyware.com/" title="click here to visit SuperAnti-Spyware's website"> <img src="super.gif" alt="picture of SuperAnti-Spyware" border="0" align="right" width="140" height="140"/></a></p> <br> <br> <br> <br> <br> <br> <br><hr /> <p>In the next few steps I am going to describe how to stay virus free if using a wireless network</p> <h2 style="colorC143C">Instructions For Setting Up a Safe Wireless network</h2><br> </body> </html> Hello everyone, I am currently working on a website that will have a simple gradient border (something like an "outer glow" from Photoshop) along the border of a nested table in the page. The final result will be a simple box with data centered in the middle of the page... However, my question is more related to programming in general. I have two options: 1. Have a linear gradient (1 px by 5 px) which is rotated in the 4 cardinal directions, and then tiled all around the page. Also there will be corners (5 px by 5 px) on, you guessed it, the corners. 2. Creating tables, for instance: //"invisible" is a font class with size="1px" <table class="invisible" cellpadding="0" cellspacing="0" width="710"> <tr height="100"> <td width="1" bgcolor="#000000"></td> <td width="1" bgcolor="#333333"></td> <td width="1" bgcolor="#666666"></td> <td width="1" bgcolor="#999999"></td> <td width="1" bgcolor="#CCCCCC"></td> <td width="1" bgcolor="#FFFFFF"></td> <td width="700" bgcolor="#FFFFFF"> <!-- TemplateBeginEditable name="body" --> SITE CONTENT HERE <!-- TemplateEndEditable --> </td> <td width="1" bgcolor="#FFFFFF"></td> <td width="1" bgcolor="#CCCCCC"></td> <td width="1" bgcolor="#999999"></td> <td width="1" bgcolor="#666666"></td> <td width="1" bgcolor="#333333"></td> <td width="1" bgcolor="#000000"></td> </tr> </table> which recreate the same action as tiling the gradient along the outside edges using the simple HTML colors. Which, from the standpoint of REDUCING actual work done by the server, would be the more effective (not my time, which clearly option 2 takes more of). I know very little about image compression, and how the whole process works for calling up images from a server. Any explanation is appreciated. Thanks again, BlitzKampf Hi People, I am trying to take a basic background image. Split it into 3 chunks (top bar, middle blank 1px high, bottom bar) The idea was that I would set the middle image to be 1px and make it repeat so that when the user scrolls down the page, the background image scales accordingly. Also so that it would look ok via different browsers. I cut my image into three, no problem there. I then thought it would be a simple case of inserting my image and setting the CSS accordingly but I am getting different results in IE and FF (but of course). Example: HTML CODE HTML Code: <div id="image1"><img src="images/image1.jpg" alt="image description"></div> CSS CODE PHP Code: body { margin-top:20px; } #image1 { text-align: center; padding-top: 540px; padding-bottom: 0; } When I put this in, the image moves down to the bottom of the page in both IE and FF. Of course FF looks like it place the image in the right place but IE ends up putting lots of white space underneath the image. Any ideas ? Also, Is there a much simpler way of getting the image to scale according to the person scrolling? I am keep to learn a few different methods as it all helps. Thank you all |
|||||||