|
HTML - Table Or Img Swap Fail
Hi,
can someone please help me with this? In preview in dreamweaver it looks ok but in some browsers its horrible. When I turn the compatibility View on its not ok, bur if I turn it on its fine. Similar TutorialsI am a beginner and I used blogger in Chrome to create a blog. When I checked how it looked in IE it was horrible. The banners and some images did not move over correctly which I have hosted on photobucket. Can somebody look at my code and help me format it to IE. i run a couple of norwegian webshops, and they all use the same backend, developed by myself. however im not using any kind of subversion system, and this sucks right now. check this link to one of my product-pages in your regular browser (not IE. i presume you use chrome or firefox) http://iphonedeksler.no/iphone-og-ip...0mah-sort.html then test it in IE, it looks like a complete mess, and its not possible to use the site at all. i recently made it W3C validated, but i think this error came after that. can anyone see what in the name of the lord is wrong in internet explorer?! Hi Folks, Before I submit code, of which there is a great deal, I was wondering if someone could help me understand a little problem with buttons. My setup is this: 1) A drop-down menu triggers the creation of the form associated with the selection. 2) On that form are three radio buttons which open another form depending on the selection. Sounds simple enough but once the form is opened via radio button you can't click on them until you re-select the same option from the drop-down menu. My objects are set up as follows: Main document - Main form - DD menu - Text field - Sub-form - 3 radio buttons - Sub-form MK2 - Buttons, text fields and labels oh my My thought process is I have a main form object which has a child (Sub-form) and its child has a child (Sub-form MK2). What's even more confusing is when I print out the status of any of the radio buttons it says they are enabled... I just can't interact with them. If you need code I can provide but it is somewhat long. Thanks for your help! I have a parent div=body, and four child div's=sidebar (dark gray), spacer1, content (white), and spacer2. Those are not the backgrounds of the individual div's. I'm using a faux columns method of taking the parent's bg and y-repeating it. You can see the problem below. This works in IE6, but not in Firefox. This would lead me to assume there's a problem in my coding, but the way FF is displaying it...it's like firefox is placing it in a different column just to peeve me off. In IE6 (perfect): In FF (looks like script was placed in spacer1 column--padding:10 for content div) I noticed it repeated correctly for the first div, but it's like it started over with the spacer1 div and doesn't even repeat down: Here is 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>DCS College Football Ratings and College Football News</title>
<link rel="stylesheet" href="css/jd.gallery.css" type="text/css" media="screen" />
<script src="scripts/mootools.v1.11.js" type="text/javascript"></script>
<script src="scripts/jd.gallery.js" type="text/javascript"></script>
</head>
<body background="images/bg.png">
<div id="container" style=" width:785px; background:inherit; height:auto; margin:0 auto;">
<div id="header" style="background:url('images/layout_01.png'); width:785px; height:121px;"></div>
<div id="navbar" style="background:url('images/layout_02.png'); width:758px; height:26px; padding-top:9px; padding-left:27px; clear:both;">
<font color="#cecece" face="Verdana" size="2"><b>»Home »The D-Report »DCS Ratings »Custom Helmets »About the DCS</b></font></div>
<div id="subheader" style="background:url('images/layout_03.png'); width:785px; height:49px; clear:both;"></div>
<div id="body" style="background:url('images/contentbg.png'); width:785px; height:auto; float:left;">
<div id="sidebar" style="background:inherit; width:260px; padding:10px; height:auto; float:left; ">
<font face="verdana" color="#cecece" size="3"><b>The D-Report</b></font><br><font face="verdana" color="white" size="1"><b>Info about the most current DCS news article here. More typing going on to fill up some more space, ya know what I mean?</b></font><br><br><br><br><font face="verdana" color="#cecece" size="3"><b>DCS Ratings</b></font><br><font face="verdana" color="white" size="1"><b>Info about the most current DCS ratings update here. More typing going on to fill up some more space, ya know what I mean?</b></font><br><br><br><br><font face="verdana" color="#cecece" size="3"><b>Custom Helmets</b></font><br><font face="verdana" color="white" size="1"><b>Info about the most current custom helmet here. More typing going on to fill up some more space, ya know what I mean?</b></font></div>
<div id="spacer1" style="background:inherit; width:17px; height:auto; float:left; "></div>
<div id="content" style="background:inherit; width:440px; padding:10px; height:auto; float:left;">
<div id="myGallery" style="width: 438px !important;
height: 250px !important;" ><script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true,
showArrows: false,
showCarousel: false
});
}
window.addEvent('domready', startGallery);
</script>
<div class="imageElement">
<h3>Item 1 Title</h3>
<p>Item 1 Description</p>
<a href="mypage1.html" title="open image" class="open"></a>
<img src="images/brugges2006/1.jpg" class="full" />
<img src="images/brugges2006/1-mini.jpg" class="thumbnail" />
</div>
<div class="imageElement">
<h3>Item 2 Title</h3>
<p>Item 2 Description</p>
<a href="mypage2.html" title="open image" class="open"></a>
<img src="images/brugges2006/2.jpg" class="full" />
<img src="images/brugges2006/2-mini.jpg" class="thumbnail" />
</div>
</div></div>
<div id="spacer2" style="background:inherit; width:28px; height:auto; float:left; "></div>
</div>
<div id="footer" style="background:black; width:785px; height:86px; clear:both">
<div id="contentfooter" style="background:url('images/layout_10.png'); width:460px; height:52px; margin-left:297px;"></div>
</div>
</div>
</body>
</html>
Could it have something to do with the image scripting? Hi Everyone, Please refer to attached test.zip. Open a.htm, tested under IE, Safari, Firefox no problem, but ONLY google chrome fail, seems cannot use call parent javascript function under the child iframe. Please advice. Thanks For some reason my code is not working when I use certain images, any ideas? HTML Code: <td><img src="images/product_files/baby shoes & cloathing/clothes/Love'd Baby/320/Gl'oved-Sleeve-Bodysuit-Blue.jpg" name="btn1" width="284" height="320" id="btn1" onmouseover="MM_swapImage('pic1','','images/product_files/baby shoes & cloathing/clothes/Love'd Baby/320/Gl'oved-Sleeve-Bodysuit-Caramel.jpg',1)" onmouseout="MM_swapImgRestore()" /></td>
Does anyone know if there is a way to get an image swap without using Javascript? In other words, could I set it up so when I hover over a link, an image will change to another one in HTML, CSS, or PHP? __________________________________ *** removed links *** Hi Colls, I have a task such this: At onmouseover, i need to swap the jpg with marquee text. I have tried a lot of things but probably i think in wrong direction. Coudl you help about it? Thank you in advance. Does anyone know if there is a way to get an image swap without using Javascript? In other words, could I set it up so when I hover over a link, an image will change to another one in HTML, CSS, or PHP? _______________________ Webkinz a ganz website panic attack causes How can I make an image swap when I mouse over another image. Mouse over image 1, and image 2 turns into image 3. So 2 images visible at once. Does anyone know if there is a way to get an image swap without using Javascript? In other words, could I set it up so when I hover over a link, an image will change to another one in HTML, CSS, or PHP? _________________________ Hi, I have created some swap images in dreamweaver and they were working, but for some reason after doing more work to the site, i now cannot get them to work, i have tried deleting the behaviour and reapplying it but that hasn't worked. This is the code on one of the buttons. Can anyone point me in the right direction as to why this might be happening? <img src="images/Contact_On.jpg" alt="" width="107" height="64" id="Image11" onMouseOver="MM_swapImage('Image11','','images/Contact_roll.jpg',1)" onMouseOut="MM_swapImgRestore()"></td> Thanks a lot your help is appreciated Hi, I`ve got a little Prob on my Site. If you take a look at the left Side, you`ll find a hidden PREFERENCES Menu. In it are 8 Buttons with Image Swap Function. 3 Buttons doesen`t work and I don`t know why?! They a NEWSLETTER, UMFRAGE and FORUM! Sorry for my english, but it`s a German Site... LINK Thanks for your help! How do add links to a swap image ? I have a website and I am using the swap image behavior, now the swap image or the image that is being replaced when you mouse over a hotspot I want to add links to. But I can not see the image or second image to add the links or hot spot areas. How do you add hot spots or links to the swap image? any help would be appreciated I stumped everyone on this so far. Hey not even sure if this can be done with html or if i need to use something else but basically i want to make the thumbnails appear where the main image is when they are clicked on instead of opening a new tab like i have it set now. http://whatashirt.com/shirts/swearing_is_caring.html just want stuff under the more photos to appear where the main image is when clicked on Thanks It goes like this... How can you make a linked image to have a mouseover sound and image swap at the same time? Please help. Dear I made an html newsletter with dreamweaver and I used the swap image behavior. I can view the result perfectly in explorer. Now I mailed it to my own mailbox (via explorer) and in outlook (and also in hotmail) the swap image effect doesn't appear.(the second photo is not shown) Is there a possibility to see this in my mailbox? I tried to paste the code into my outlook, but that doesn't work with the regular outlook, I only can view the source, not edit it. Thank you very much in advance! Kind regards Sandra My client friend wants a links page with rollover emails that chage the main image of the page so he can have a different sketch of each of them. My idea, and its backfiring as I can do this if I change the email text into images with swap image and a target but he wants them to remain as copyable (mmm is that even a word?) text. Can it be done with text without making it an image? many thanks to all you wonderful people that make these sites possible jax |
|||||||