|
HTML - Weird Case Of Images Shifting To Other Areas Of The Site - Non Css
This is really strange. Normally I would expect to see something like this happening on pure CSS sites, but this is a good old fashioned table-based layout. If you go to:
url and try to click on any of the menus, you'll see the menu item below it moves up. Also if you click on the logo it jumps down to the menu area? Very bizarre and have never seen this behavior in the 10 years I've been coding. Any insight would be greatly appreciated :-) Similar TutorialsHello, I am building a website for a local organization from an HTML template, and am having issues with images shifting to the right in IE, Firefox and other browsers on PC. I am working on a Mac and the images appear as they should on Mac browsers, but are shifted a few pixels to the right on PC browsers. Changing the pixel alignment from top and left of the page doesn't solve my problem because then the images will appear too far to the left on a Mac. Here are examples of two pages. Everything else appears as it should on PC browsers, except for the images. http://www.chuffed.ca/BIAWebsite/renaissance.html http://www.chuffed.ca/BIAWebsite/events.html Thanks in advance for any ideas that might be able to help me out... I'm having some trouble with my site. Some images at the bottom are shifting when using IE. On Safari, it looks fine. Just wondering if anyone can help... Here is the site: http://www.ballermag.com/ and here is the code: <td width="100" valign="top"><a href="http://www.ballermag.com/blog/?cat=40" target="_blank"><img src="img/duzzblog.jpg" alt="Duzzyduzz" width="100" height="66" hspace="5" align="left" border="0" /></td> <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="2"> <tr> <td valign="top" class="video01"></td> </tr> <tr> <td valign="top"><span class="style4">■■■■■■■■</span></td> </tr> </table></td> </tr> </table></td> <td><table border="0" cellspacing="0" cellpadding="3"> <tr> <td width="100" valign="top"><a href="http://www.ballermag.com/blog/?cat=21" target="_blank"><img src="img/jessblog.jpg" alt="J-Dimes" width="100" height="66" hspace="5" align="left" border="0" /></td> <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="2"> <tr> <td valign="top" nowrap="nowrap" class="video01"></td> </tr> <tr> <td valign="top"><span class="style4">■■■■■■■■</span></td> </tr> </table></td> </tr> </table></td> <td><table border="0" cellspacing="0" cellpadding="3"> <tr> <td width="100" valign="top"><img src="img/what.gif" alt="Who's next?" width="100" height="66" hspace="5" align="left" border="0" /></td> <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="2"> <tr> <td valign="top" nowrap="nowrap" class="video01"></td> </tr> <tr> <td valign="top"><span class="style4">■■■■■■■■</span></td> </tr> </table></td> Greetings all, i have a site that i've tested on my servers, and everything looks great in IE, FF, Eudora, etc... but then when i post it to the client's server, it appears fine in IE, but in FF (through Netscape), it gets these funny characters everywhere (see attached). Like 'A's w/ carats over them at the spaces and such... i don't know if this is something correctable in my code, or if it's a difference in hosting environments. Any insight would be greatly appreciated... and just for reference, this is the encoding at the top of each page in case it matters: 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=utf-8" /> TIA Hi all -- I'm not sure even how to start dealing with this, so here goes. I have a site (adult) that users pay to see pics/videos. One of the members apparently is taking these pictures and uploading them to like an adult "hack" site... is there anything I can really do about this? If so, how would I go about it? I don't really want to disable the right-click, save as.. I have probably 3-4 thousand pictures up now, and more every week. Any ideas? Thanks! Mary K. I will be working on a site soon and what I want to do is have a small box in which images scroll automatically from right to left. Similar to the image at the top of this page - http://www.huntingground.freeserve.c...mgscroll3h.htm - but I want it to be less wide and have one image showing at a time, at most two show at one time. I don't know if this is possible with HTML or if it is Javascript. I want it to repeat the images too. Thanks in advance. Google chrome, IE 7 and 8, and i think Opera all load the images fine. but Firefox (latest version) just does not load all of them. I refresh the page and it loads the ones that did not load before but still has some unloaded. Can some one please explain to me or help me on this? i have been pulling my hair out Thanks for help people, photos should be below. The first one is the Firefox one. Also here is a link to the page: http://www.dubbest.com/index%20MAIN.htm Hi, I made a test site with HTML coding as .txt, then I opened it with the browser (Internet Explorer) and looked just as I made it. However, when I paste the code in the editor of the site host (freewbs.com) it does not show my images, they just dissapear. I used this kind of code when I put the images: <TD width=300 background="examplesite_archivos/navbar1.jpg" </TD> and it works great except when I open the site with the host. I thought I should upload them somehow, but doesn`t works. It's the first time I use a host so if someone could explain me what I'm doing wrong or what's the problem?? Thanks a lot. I've been running an ad on my site using the Google Double Click program since March with no problems. Suddenly this week, despite not even logging into Doubleclick or making any changes to the code on any of my pages, one of my larger ads is jumping outside of the space allotted for it and into my text. To make it even stranger, it will only do this periodically. IOW, sometimes the ads are being served correctly, but sometimes they get messed up. You can see this happening on this page: http://www.raw-food-health.net/NaturalCures.html Continue to hit refresh as my ads cycle until my large green/yellow square ad to the top left of the center column for "The Raw Food Lifestyle Ebook," appears. Keep hitting refresh over and over again. It might take a dozen times or more. I've seen this happen in firefox and Safari. I've cleared my cache. You'll see that sometimes it appears within its normal area, but sometimes it "jumps" out and partially covers the text to the right of it. Since I haven't done anything to my site or my doubleclick settings , I don't know what to make of this. I've already sought help on the Doubleclick forum, but the consensus there seems tobe that it is not a DC issue, but an HTML issue. You can see lengthy discussion about it here. Let me know if there are any other questions. Any help you could give me would be greatly appreciated. Thanks, Andrew hi, recently ive been doing a layout and something came across that i couldn't fix. In internet explorer, the "Search Archive" box's height becomes bigger, but when viewed in firefox, it looks okay... does any1 know how to fix this? link: http://blogremix.cjb.net Here's a link to the page I'm currently working on. http://www.vancouver4condos.com/test/ The big map picture is set up as an image map, with all the areas already specified. Each area gets highlighted when viewer hovers the cursor over it. Also, right above the map is a navigation menu, with all the buttons corresponding to each of the areas on the image map below. I was wondering if there is a way to connect each of the navigation buttons with their corresponding map image areas in such a way that when the user hovers the cursor over a button, its map area will automatically get highlighted. Ideally, the opposite would also be true - when hovering the cursor over one of the map areas, its corresponding navigation button would also highlight. Hi there, Im kinda stuck. I would like these following areas: <span class="text">xx</span> <span class="icon">xx</span> .. to ALL be positioned at the same place when being hovered.Problem now is that they keep appearing besides their "button": Have a look here to see what I mean. Have a look here for the source, hope im making sense, thanks. Hi, I have a problem which I can't seem to sort out at all. When I add an image to a website page which I am trying to create the page shifts about half a centimetre to the left. The page can't be getting wider, as the grey fading off sections on the left and the right are one image (which is around 800x1 pixel in size), so things such as the blue navigation bar would start to overlap the grey image if it was doing that. All the other (so far blank) pages on the website all stay in the same place. I just think it looks bad when you are browsing when the page shifts - especially if more pictures end up on further pages, and so every time you click onto a new page it shifts to a new area of the screen! Has anyone else had this problem before and know any way of resolving it? Kind Regards. Matt I'm building a webpage for this nonprofit company and after moving data over from the old website to my newly created site it looks fine in Firefox but shifts halfway down the page. I am using dreamweaver to make the site. any ideas why? Here's a sample of what I mean: http://www.doornetwork.org/test/s_week.htm other pages look fine like this: http://www.doornetwork.org/test/miami.htm the original site has them set correctly like this: http://www.doornetwork.org/d_week.htm I didn't make the old site and am a relatively amateur website maker. Any help would be grateful. edit: a few friends have confirmed it looks right in Opera and IE7 I am working on http://kintetaylor.com/smc/ The site displays fine in Firefox and Safari but in Internet Explorer (the bane of my existence) everything is shifted down This is how it should look. Can anyone tell me what is going on? Hi, I have many pictures withthe extension ".JPG" on the web site. In my code Code: <td><a href='../Photos/2011/DSC_0001.jpg' target='_new' title='Click to enlarge'> <img src='../Photos/2011/DSC_0001.jpg' width=100 height=75 border=0></a> <br>Photo1</td> They never show up, but if I replace "jpg" with "JPG", then everything is fine. Why? Thanks. Recently one heck of a lot of stuff about why you should use tabless layouts, but I have yet to find any reason to use tabless layouts, apart from their fashionable and W3C say so. However I have found several not to use them. Let me start with a plain simple myth about: Tabless layouts are more browser compatibly. Right? I frequently seen Mozilla Firefox, and IE process tabless layouts in quite different ways. Yet every time I have seen a table based layout, virtual browser has processed it exactly the same. The only exception I have seen is a percentage height on a table. Conitinuing on: Positioning Also has anyone here found with nested div's, a reliable way of positioning a nested div and still keeping firmly fixed to the parent? Ok, you can use the absolute position and make sure the div is within the area of the parent, what happens if you move or resize the parent div? I have yet to find of way of making sure the child stay in a position relative to is parent, apart from not using positioing at all. If their is a way of reliably positioning a div relative to its parent, then I would be very glad to know. Fixing a 'div' to another div. Secondly, if you got a multiple column layout, without using JS, I yet to see a way of fixing two or more divs to together to make sure that they are always the same height. With a table layout, you just had three columns in the table, and they will be fixed together, no faffing about Overflowing Content. Anyone here ever had a content div nested in a parent div, What happens when the content divs hot taller than the parent. In a very large number of setups, the contents of the content will flow straight out the parent. To sort the problem out you resize the parent. With a table, whats in the table stays in the table. I have yet to see it happen any other way. This is how things are my experience, I have yet to see any article that tells any way of doing that completely avoids all of these problems. If you know a way of avoiding these problems please, if not, and I ask the question, what is the practical point of tableless layouts? I apoligise for what may seem a basic question but I have built a very large website in HTML 4.0, which runs fine in both IE7 and Firefox 3. Out of habit, I put the first letter of each name - folder, file, and image, in upper case. I have been told, however, that I shouldn't have done that as it could cause problems with some browsers. As there really is a very large number of folders, files, and images that I would have to change, and because the website works fine with IE7 and Firefox, I thought I'd ask what forum members know (or think). I've looked in my book on HTML and searched the Internet but have not managed to find the answer anywhere. TIA Tyger I am simply developing a HTML website page, on this page, there are two flag images(USA and Poland) which is used as a language selection of the page for users. I am wondering, for this single web page development (without any backend system), is there any efficient way to implement the page localization(that's display the page in different language) based on the flag selection from user? Thank you in advance for any help. I am wondering if it is possible to create an INDEX.HTML to redirect to another website? I would like it to display the redirected site, but if possible keep to the original address.. e.g. A site named www.mysite.com, with an INDEX.HTML to redirect to www.othersite.com, which displays OTHERSITE with www.mysite.com in the address bar. Hope I explained ok, any responce would be much appricated! Thanks! |
|||||||