|
HTML - Images In Tables Not Appearing
http://www.shiningstarwebdesign.com/pawcb/coaches.htm
I used the design portion of Dreamweaver to put pictures in to the tables that say Competitor 1, 2, 3, and 4, and when opened in a browser, the pictures did not appear. I checked the HTML and couldn't find the problem. Does anybody know why these pictures are not showing up? Similar TutorialsHi all-- Even this seems like a stupid question to me, but I can't seem to figure it out. I've been creating a site for awhile now, with many images. I've uploaded all the images to the server, but some of them still aren't showing up. I've checked and rechecked my paths, links, that the images are uploaded, etc. and I can't figure it out. There doesn't seem to be any rhyme or reason on images showing up or not. Here is one of the URL's: http://www.playdr.com/classicphotote...tanytease.html. (Keep in mind it is adult, but no nudity--I don't want to offend anyone) If anybody could give me ANY help at all, it would be greatly appreciated--this is driving me nuts. Also, I don't know if this is of any interest, but the server this is on just got updated, and I have had a little trouble with it so far, so I don't know if that might be a factor as well? Anyway, thanks again in advance for any help. Attention all HTML lovers, geeks and essentially anyone who can relieve me of my burden... for you will surely be blessed. Check out this site: equinat-usa.com For whatever the reason, and one clearly above and beyond my HTML ability to see... the page images should be at the very top on both sides. BUT NO!! There is a bit 'o white space at the top. What's up with that? At first, everything was fine... until one day the mysterious white space appeared. DTM *anxiously awaiting your reply* Hi everyone, I'm new here and a total newbie - so please bear with me! I want to create a table with 3 rows x 5 columns: Row 1: basic text Row 2: clickable image Row 3: clckable text The image in row two would be in the forum gallery, but the destination when the user clicks the image should be to the bands website. No matter what I do, i can't get a clickable image to sit into the table! If anyone could help with this simple piece of code I would really appreciate it. Thanks, Dave I have an 8 year old website with 99.9% valid HTML4.01 transitional code. The only problem I'm having is that the attribute "BACKGROUND" in my tables is not recognized as valid. I need to use images as backgrounds in some of my tables. Is there any way I can do this with HTML, or maybe an in line style sheet? I'm not at all familiar with CSS so I'm hoping that there is another way. Thanks. I need my background image in the main table to stretch the entire length of the viewers browser whenever the content of the page is not enough to require the use of the entire page. Using table height at 100% it will only extend as far as the farthest south piece of content on the page, which might not be the bottom of the browser window. The site is here, and i'm currently using a table height of 750px to take it off the bottom of the page. However in IE i get an unwanted scrollbar. Is there an easy workaround of do i just accept the scrollbar is going to be there? Also, if your bored can you tell me why IE wont valign the td to the top of the cell, whereas FF will, and how i might fix that pls? Thx! Hi all, I've been trying to fix this bug which won't go away. Yeah, it's basically images in tables, but before you cringe, I gotta declare that I'm using tables to display graphical data (that is, thumbnails in grids). I'm not using tables explicitly for layout. Visit the emulated-page at http://varlern.com/CrappyBug.html to see the problem. There's 4 cells. Notice that in every cell, there's some gaps at the right, top and bottom inside each cell (the left sides have no gaps). For a quick glance, below's the code: Code: <!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
.tablestyle
{
table-layout:fixed;
width:740px;
border-collapse:separate;
border-spacing:3px;
}
.tablestyle tr td
{
border:1px solid black;
width:175px;
height:175px;
}
</style>
</head>
<body>
<table class="tablestyle">
<tr>
<td><img src="Box.GIF" width="175" height="175" /></td>
<td><img src="Box.GIF" width="175" height="175" /></td>
<td><img src="Box.GIF" width="175" height="175" /></td>
<td><img src="Box.GIF" width="175" height="175" /></td>
</tr>
</table>
</body>
</html>
I've searched the forums and tried all kinds of tricks and fixes suggested for others who've encountered this before.... I've tried using "display:block" on the <img> tag, I've set the cellspacing, cellpadding, padding, margin, hspace, vspace, cols, rows, line-height, font-size and almost every dimension related tag in CSS / HTML to 0 .......but the darn thing just REFUSE to go away! I'm really angry, I tell you. Hopefully, someone can help! The problem occurs in both IE 6.0 and FF. Thanks! Xeon Please take a look at the image I attached to this post. If you look closely, you can tell that the bottom half of the lightbulb, the "Imaginit" title, and the yellow bar to the left of that is all one image file. Above that is a larger image (part of which has the top half of the lightbulb) that spans the whole page. I'm sure you can tell by the break in the lightbulb and the white borders around the image where this question is going... I'm trying to get rid of those breaks. Currently, the large image on top is in its own span tag. Below that everything else is organized in a table structure. I've messed with border-collapse: collapse, tried setting the margins to negative values (of em, px, & pt), set border widths to 0. Nothing gets rid of those spaces. Setting the background color for the cells I think would work, but the problem there is that the bottom-half-lightbulb/Imaginit image's cell is set to colspan=2, rowspan=2. Is it possible to have the image just be "laid" over four individual cells? Just a thought. I'm doing this in Visual Studio 2005/ASP.NET if that helps any. Thanks for anyone's help. Why favicon do not appear on this my page? http://www.astrosport07.webs.com/pakistancricket.html On some other pages of same website they appear, for example: http://www.astrosport07.webs.com/parcska2009.html Greetings, Goca Hi! I'm working on adapting a we-based system called OTRS (open ticket request system) for our offices here and I've just finished modifying all the headers and css and stuff for our needs. Now, I did it in Firefox and I'm brand spanking new to this game so when one of the header logos didn't appear in IE7, it took me about an hour to figure out maybe it was IE7 that was the problem, and it turns out it is... so would someone mind having a look at this below? It's very basic, but what's happening is that the picture 'HeaderCropped' isn't displaying, the border outlines don't even show, only that funny little graphic that appears when a picture is missing ( I don't know what it's called). Obviously I'd like to be able to see the picture in both FF and IE7, but will this take a major overhaul of this code? (It took me quite a while to do this little bit!) Thanking you in advance! -Emily _________________________________________________________ # include Copyright.dtl $Include{"Copyright"} # set some html variables #<dtl set $Env{"Box0"} = ">> "> #<dtl set $Env{"Box1"} = " <<"> # check refresh <dtl if ($Data{"Refresh"} ne "") { $Data{"MetaHttpEquiv"} = "<meta http-equiv="refresh" content="$Data{"Refresh"}">"; }> <html> <head> $Data{"MetaHttpEquiv"} <title>$Config{"ProductName"} $QData{"TitleArea"}</title> $Include{"customer-css"} </head> <a name="top"></a> <body> #<!-- start CI layout --> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="100%" class="header"><img style= width: 454px; height: 109px; "src="/otrs-web/images/Standard/HeaderCropped.jpg"> </td> <td width="100%" class="header" title="www.alliedpensions.com"><a href="http://www.alliedpensions.com"><img border="0" src="/otrs-web/images/Standard/APTLogo.jpg" width="150" height="100"></a></td> </tr> <tr> <td colspan="2"><hr align="left" width="100%" height="2"><!-- end CI layout --><!-- end header --></td></tr></table></body></html> Hey everyone, hope your having a good a day! My header on my wordpress blog is appearing twice and I don't know why. It's fine on my homepage but on the other two pages, it appears twice! I would love some help with this but would prefer to PM my blog address if that's ok with you? Thank you, I really appreciate this because I'm a COMPLETE newbie and have no idea about html ect. Thanks again! Steve I recently picked up some javascript code from an external site to set up a feedback form for the site I run; I did some messing about with it and came up with what is currently at the site: http://www.trekandromeda.com/Temp/feedbacktest.html . Trouble is, the left hand button (no matter which of the four is placed in that position) always appears as a very small one with no type on it. I have no idea what in the code might be causing this and would very much appreciate any help on this score. Thanks! Hey, I'm new here so I hope this is in the right forum. I am trying to make a program just to simply store information in a better fashion and presently cannot get an HTML file to appear in the right place. Also note that my experience in HTML programming is very basic, as in started-fooling-around-with-it-the-other-day-basic. Here is my code: Quote: <html> <head> <title>Title</title> <link rel="stylesheet" type="text/css" href="main.css"> </head> <frameset frameborder="0" border="0" framespacing="0" rows="100,*"> <frame marginwidth="0" marginheight="0" src="html/message.html" name="top" scrolling="no" target="text" noresize> <frame marginwidth="15" marginheight="15" src="html/home.html" scrolling="auto" name="main" target="text"> </html> The layout will as message.html appearing as a horizontal window at the very top of the screen just show the most recent news and topics, index.html will appear on the left hand corner of the screen allowing links for navigation, and home.html will appear every where else in the center to bottom right hand corner of the screen. I have the links up and running for the index.html and can bring up new files that appear in the index frame but I need them to appear in the home frame, what is the line the line of code for this. Thank you for any help. Hi all, I have been trying in so many ways now to make the favicon appear in IE 6. It works fine in FF but not in IE. I made sure the name was "favicon.ico". I tried clearing my cache and readding the bookmark. None of them seems to work. Can anyone give any suggestions as to why it is not working? If there are HTML errors on the page or if the image size is too big would that prevent it from working. If that is so then why would it work in FF? Also does it have to be in the root folder or in the same folder as the page for IE? Has anyone gotten it to work in IE with a link to the images folder like this... <link rel="shortcut icon" href="/images/public/favicon.ico" type="image/x-icon" /> This is what I have and it works in FF but not in IE. Thanks for any help, Jehan I'm not much of a html guru, I cobbled this web page together and everything looks good to me but the images don't appear. It works find when I test it, view the file in the in browser, but when I uploaded it to the server it flunked. I'm guessing the html is pointing to the wrong location of the files, but I can't figure it out. I need a little help. Here's the web location: http://home.att.net/~puudstrand/index2.htm Here's the HTML for the page: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <!-- saved from url=(0014)about:internet --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Minneapolis photographer</title> <meta name="keywords" content="Minneapolis, wedding, portrait, event, photographer"> <meta name="description" content="Minneapolis wedding, portrait, event, and corporate photography"> <link rel="stylesheet" href="res/css/slightbox.css" type="text/css" media="screen" /> <link rel="stylesheet" href="res/css/jd.gallery.css" type="text/css" media="screen" /> <script language="javascript" type="text/javascript" src="res/scripts/mootools.js"></script> <script language="javascript" type="text/javascript" src="res/scripts/jd.gallery.js"></script> <script language="javascript" type="text/javascript" src="res/scripts/slightbox.js"></script> <link rel="alternate" href="album.rss" type="application/rss+xml"> <style fprolloverstyle>A:hover {color: #FF0000; font-weight: bold} </style> </head> <body id="index" bgcolor="#000000"> <center> <!-- Create navigation buttons if more than one index page --> <h1><font color="#FFFF00" face="Garamond" size="4">Paul Udstrand Photographer</font><font face="Garamond" color="#FFFF00"> Paul's Photography</font><font face="Garamond" size="4" color="#FFFF00"> &nbs p; 952-546-2802</font></h1> <p><font face="Georgia" size="5" color="#FFFF00"> <a style="color: #FFFF00; font-style: italic" href="http://home.att.net/~pudwed/wed1/wed1.htm"> <font color="#FFFF00">Weddings</font></a><i> <font color="#FFFF00"> </font><a style="color: #FFFF00" href="http://home.att.net/~pudstrand/Portraits/Portraits.html"><font color="#FFFF00">Portraits</font></a> <a style="color: #FFFF00" href="http://home.att.net/~paulsassignments/Main/intro/Assments.html"> <font color="#FFFF00">Freelance</font></a> <font color="#FFFF00"> </font> <a style="color: #FFFF00" href="http://home.att.net/~puudstrand/assignment/Decor1.htm"> <font color="#FFFF00">Fine Art</font></a> <font color="#FFFF00"> </font> <a style="color: #FFFF00" href="http://home.att.net/~paulsassignments/Main/events/events.html"> <font color="#FFFF00">Corporate Events </font></a> </i></font></p> <p><font face="Garamond" size="5" color="#FFFF00"><i>Special Feature</i>: <a style="color: #FFFF00" href="http://home.att.net/~pthumb/frank09/index.html"> <font color="#FFFF00">Al Franken</font></a></font></p> <div class="content"> <div id="myGallery"> <script type="text/javascript"> function startGallery() { var myGallery = new gallery($('myGallery'), { timed: true, textShowCarousel: '', lightbox: true }); var mylightbox = new Lightbox(); } window.onDomReady(startGallery); </script> <div class="imageElement"> <h3>Weddings </h3> <p> </p> <a href="slides/Iphoto02 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto02 .jpg" class="full" /> <img src="thumbs/Iphoto02 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>News </h3> <p></p> <a href="slides/Iphoto17 .JPG" title="open image" class="open" ></a> <img src="slides/Iphoto17 .JPG" class="full" /> <img src="thumbs/Iphoto17 .JPG" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Weddings </h3> <p></p> <a href="slides/Iphoto05 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto05 .jpg" class="full" /> <img src="thumbs/Iphoto05 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>News </h3> <p> </p> <a href="slides/Iphoto07 .JPG" title="open image" class="open" ></a> <img src="slides/Iphoto07 .JPG" class="full" /> <img src="thumbs/Iphoto07 .JPG" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Reunions and Corporate Events </h3> <p> </p> <a href="slides/Iphoto18 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto18 .jpg" class="full" /> <img src="thumbs/Iphoto18 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Weddings </h3> <p> </p> <a href="slides/Iphoto09 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto09 .jpg" class="full" /> <img src="thumbs/Iphoto09 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Weddings</h3> <p> </p> <a href="slides/Iphoto08 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto08 .jpg" class="full" /> <img src="thumbs/Iphoto08 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Portraits </h3> <p> </p> <a href="slides/Iphoto01 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto01 .jpg" class="full" /> <img src="thumbs/Iphoto01 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Portraits</h3> <p> </p> <a href="slides/Iphoto03.jpg" title="open image" class="open" ></a> <img src="slides/Iphoto03.jpg" class="full" /> <img src="thumbs/Iphoto03.jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Bar Mitzvahs </h3> <p></p> <a href="slides/Iphoto15 .JPG" title="open image" class="open" ></a> <img src="slides/Iphoto15 .JPG" class="full" /> <img src="thumbs/Iphoto15 .JPG" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Portraits</h3> <p></p> <a href="slides/Iphoto06 .JPG" title="open image" class="open" ></a> <img src="slides/Iphoto06 .JPG" class="full" /> <img src="thumbs/Iphoto06 .JPG" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Fine Art </h3> <p> </p> <a href="slides/Iphoto13 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto13 .jpg" class="full" /> <img src="thumbs/Iphoto13 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Portraits </h3> <p> </p> <a href="slides/Iphoto04 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto04 .jpg" class="full" /> <img src="thumbs/Iphoto04 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>News </h3> <p> </p> <a href="slides/Iphoto12 .JPG" title="open image" class="open" ></a> <img src="slides/Iphoto12 .JPG" class="full" /> <img src="thumbs/Iphoto12 .JPG" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Wedding</h3> <p> </p> <p> <a href="slides/Iphoto11 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto11 .jpg" class="full" /> <img src="thumbs/Iphoto11 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Weddings </h3> <p> </p> <a href="slides/Iphoto08 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto08 .jpg" class="full" /> <img src="thumbs/Iphoto08 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Weddings </h3> <p> </p> <a href="slides/Iphoto14 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto14 .jpg" class="full" /> <img src="thumbs/Iphoto14 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Fine Art</h3> <p> </p> <a href="slides/StFferriswhl3web.jpg" title="open image" class="open" ></a> <img src="slides/StFferriswhl3web.jpg" class="full" /> <img src="thumbs/StFferriswhl3web.jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> </div> </div> </div> <div class="inc"> </div> </div> <p> </p> <p> <!--webbot bot="HitCounter" i-image="4" I-ResetValue="20660" B-Reset="TRUE" I-Digits="0" U-Custom --></p> <p></p> <p><small>S</small></p> </body> </html> I've got the weirdest thing happening... An image on a site I'm working on doesn't appear on in Firefox on my computer when I view the site online. It's fine offline, and it's fine on other computers... including browsercam. It's also fine in IE on my system AND when I set up a guest system in VMWare I can see it in Firefox. So this probably isn't really an HTML question, just a "Have you ever seen this total weirdness?" question. I've rebooted repeatedly. The image is the photo of the sledders in the upper left corner at http://tourismwithkidsinnh.com. Hi all, I have 2 tr tags in table. For some reason a space seems to be appear in between these 2 tags when the page is displayed in the browser. The HTML is below... The space appears between the button and the "Para Espanol" link. Does anyone know why this could be happening? I want these link to be right under the button. Any help would be appreciated. Thanks, Jehan <table width="100%" border="0" align="left" cellpadding="0" cellspacing="0"> <tr> <td> </td> <td class="bodyMenuMajor">search for: </td> </tr> <tr> <td> </td> <td><FORM name="webSearchForm" method="post" action="/search/search_process.jsp" onfiltered="return checkbae()"><INPUT type="text" name="queryString" value="" size="15" maxlength="30"> <INPUT type="hidden" name="exactPhrase" value="true"> <INPUT type="hidden" name="hitsPerSet" value="10" > <input type="hidden" name="fromDays" value="~"> <input name="search" type="submit" value="go" class="button"> </form> </td> </tr> <tr> <td> </td> <td class="hfaSpanish"> <a href="/public/HFAEspanol.jsp" >Para Espanol</a></td> </tr> Hi all - I've got a DIV on this site which needs to scroll horizontally. It was previously working, and then I messed around with the code and the scroll bar stopped working ... and now I can't get it back again. The scrollbar appears but is blank with no buttons. this is the link: http://www.gmbfilms.com/november/ebp...wesome%20Video you see the thumbnails - there are more in the div and before I could scroll to the right to see them. Now it doesn't work! hopefully this is an easy fix. Any help much appreciated! Thanks |
|||||||