|
HTML - Cloud Zoom Issue
So i have implements cloud zoom from professor cloud and it seems to be working half the way.
Here is what is supposed to be executing: http://www.professorcloud.com/mainsi...-zoom-test.htm But if you look at mine: http://enveme.com/index.php?/product/graphic-tee-dorm-1 The mouse over is not giving me the magnified view. I have contacted the coder himself but no avail. Can anyone help? Similar Tutorialshello every one i need ur help in creating rotating tag cloud for my html website i search lot but didn't get any thing can any can give me code or script for creating tag rotate cloud loook like wordpress rotate plugins. Hello, I have a web page that has an image set as the background. http://www.theillusionist.ca/about.html - I used nested tables. Yes, I know, bad thing, but anyways, when I zoom in / zoom out the site the site does not look good. So I thought I would <div> tags, re-work the above page http://www.theillusionist.ca/atest.html and the same issue occurs. I just don't know what to do. Can someone give some solid advice or point me to a tutorial that would be great. Thanks. on this site, when you put your mouse on an image, it enlarges, that seems better than have people click and it goes to another window. How is that done, I look a little for a java script to help, but I didn't find the mouse over one link below shows what I mean TIA http://www.redcrossstore.org/Shopper...8&LocationId=0 Hi, Maybe this has been asked a thounsand times in this forum, but I haven't been here for a while. I would like to know how this is done: You have a button with a thumbnail of a picture that you click and this zoom in in the same page, then you click it back to zoom out. Any help will be appreciated. Thanks hey can you guys help me. i found this on the net and i want to use it but it doesnt work in IE. Can you guys look at the code and help me fix it? here is the page. http://216.55.165.15/Ecommerce/Zoom.html Thank you guys very much. HI, I want to design the website throw the html without use the javascript and use the zoom function in my site can i do this function without use the javascript. Either this is possible and you know html code about the zoom function then you reply this problem. Thank you for advance. Hi all ! I have a quick question regarding a scoreboard app I am writing that displays 3 numbers on a large VGA screen. The question deals with best practice to build this page. I am using Visual Studio and but not any specific ASP.NET controls. The display consist of one table with 3 cells. one cell onto, 2 cells below the top one. Since I do not know the exact resolution of the VGA screen where my web page will display I have ventured to play with the zoom. However, using the zoom seems to offset the page downwards, meaning it does not zoom centered (or from the middle if you like). The more zoom I apply from the html the larger the page becomes, but it also moves down on the VGA screen. I am running the page in browser kiosk mode. It also seems to be very tricky to make the page position itself on the very top of the browser window. Using tables a problem, and if so, should I go with CSS ?? Thanks for input and thoughts on this.. Anders Hello! I am pretty new to HTML, but I was asked to make a webpage for my girlfriend's small business. What I want to do is copy the style used on the main image of this website: http://www.stellamccartney.com/. What I am looking to do is take an image and have it resize whenever I resize the browser window. If you can tell, the image is actually zooming in and out in order to maintain its correct ratio. I am not interested in copying anything else from this website, only the way the main image works. Looking at the source code has me baffled; I believe they wrote this using javascript, but I can't tell. If anyone knows how to create a similar effect as this site I would greatly appreciate the help. Thank you! I'm having the toughest time trying to find how to do this and I know it can't be that hard! I want a stationary image cell that displays part of a larger image where the user can zoom in and out by scrolling and slide around the picture by dragging (kinda like how one interacts with Google Maps). Any Ideas? Can someone tell me why the image isn't zoomed all the way to its max when clicked on? You have to click on the zoomed image to get it to its max dimensions. Why does it do this and how do I fix it so it will max out in a separate window when you click on the thumb? I don't know how to write this Javascript stuff myself. Click on any image to zoom well my issue comes when you try to use ctrl-mouswheel to zoom in or out on my page. works fine in ie8 and ff3, but not in chrome and safari. there isnt really a need for this to work, except the fact that no professional website should have such a major error. http:www. fab-tennis .com click the book a lesson tab, its the easiest way to tell since its the longest page i have. sorry for the bright colors. when you zoom in or out, the iframe which is usually fits exactly between my header and footer, shrinks to a small box maybe 500px in height instead of having height:100% of the table cell that it is in. i would reccomend trying the zoom on ff then try it on chrome or safari to see what im talking about. HTML Code: <html>
<body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" bgcolor="#FFFF00" style="overflow-x: hidden; overflow-y: hidden;">
<link rel="stylesheet" type="text/css" href="css/basic.css" />
<!--[START HEADER]-->
<div style="position:absolute; top:0px; left:0px; width:100%;">
<table align="center" class="Header" cellspacing="0" cellpadding="5" style="height:40px">
<tr align="center">
<td width="20%" class="headerLeft" id="1" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
home
</td>
<td width="20%" id="2" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
book a lesson
</td>
<td width="20%" id="3" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
biography
</td>
<td width="20%" id="4" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
qualifications
</td>
<td width="20%" class="headerRight" id="5" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
photos
</td>
</tr>
</table>
</div>
<!--[END HEADER]-->
<!--[START BODY]-->
<table align="center" cellspacing="0" cellpadding="0" class="Body"><tr height="40px"><td></td></tr>
<tr><td valign="middle" align="center">
<iframe name="iBody" id="iBody" marginheight="0px" marginwidth="0px" frameborder="0" scrolling="auto" allowtransparency="true" src="home.html"
style="width:100%; height:100%; border:0px;">
BODY
</iframe>
</td></tr>
<tr height="40px"><td></td></tr></table>
<!--[END BODY]-->
<!--[START FOOTER]-->
<div style="position:absolute; bottom:0px; left:0px; width:100%">
<table align="center" class="Footer" cellspacing="0" cellpadding="5" style="height:40px">
<tr align="center">
<td width="20%" class="footerLeft" id="6" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
cancel lesson
</td>
<td width="20%" id="7" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
seven
</td>
<td width="20%" id="8" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
eight
</td>
<td width="20%" id="9" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
nine
</td>
<td width="20%" class="footerRight" id="10" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
ten
</td>
</tr>
</table>
</div>
<!--[END FOOTER]-->
<script type="text/javascript" src="javascript/basic.js"></script>
</body>
</html>
Hi, I'm hoping someone can help me. I bought a website template and I thought I would be able to figure it out. I'm having a lot of difficulty in a lot of areas. But this particular issue is driving me crazy. I only have some basic HTML knowledge. I'm basically trying to make images on my site so when you click on them they enlarge. When you click on them again and they shrink back down. First of all, this is the template I used: http://www.templatemonster.com/flash...tes/24691.html And this is what I'm specifically trying to add to it: http://www.cabel.name/2008/02/fancyzoom-10.html Scroll down and click on the sample images. I followed the simple instructions on that page above but where it says Body ID=, I'm not sure what I'm supposed to put there. Also the image source code in the instructions is different then the code in my .xml file. My code looks like <image imageUrl="_home_images-1.jpg"/> I've literally spent the whole day on this trying to figure it out and searching online. If anyone can show me how this can be done I would REALLY appreciate it. I'm not sure what other info you need, but I could zip up the template and provide it if needed. (its only 5mb) Thanks in advance Sarah Hello. I'm a new user. I've done a couple different sites and I'm working on completing this one. There are a couple issues. In FireFox everything appears to be how I want it. I had to do the logo in an odd way. The top part is a background to the div that the Donate button appears in. The bottom part is an actual image. I did it this way because I couldn't use spans to get part of the image on the left and then have the Donate button align to the right. The only issue with it is when the user makes the font insanely large(Using the font resizer), there gets to be a gap, but then again when the user makes the font that large everything starts to become odd. In IE, this logo is split with quite a large gap. Also in IE, the top of the site is a little banner, which also has a large gap between that and the next bit of the site. It does not currently validate, throwing issues that the document does not allow <ul> where it is. I am not too sure why it won't let me. I have the unordered list nested within a span, nested within a div in order to get the site to flow properly. Another reason it does not validate is because apparently the W3 validater doesn't like SSI. Any help here would be appreciated. http://www.lilacblind.org/testing/NewSite Hey first post, been around for a while but never actually joined. Anyway, client has a site that was built recently by another crowd. Works well in IE7, IE8, Firefox, Opera etc etc but the home page doesnt in IE6. This is an issue because the sites target viewers are apparently mostly using IE6. The issue is the home page doesnt format correctly, the others are fine so I'm thinking its got to be to do with the embedded login form. I've tried to sort it but its making me Any help much appreciated! http://www.freightmanagers.co.nz/index.html Hey friends, I'm having a little issue with my photos on my site. I want to use the img tag that uses [img] /img] this style but can only seem to get this <img > style to work. If I use the [img] style I just get font showing up. How can I fix this? I hope this makes sense. Thank you in advance. Hey guys, Im currently working on a project for university and something is bothering me with this nav bar that i have created. I guess you can class this as CSS as well as HTML but i was wondering who could help me out. As you can see with image one things are looking alright, buttons are consistent with no gaps. This is because i have the images within a div and the background colour set as the same to look consistent. With image 3 you can see what would happen if the background colour was removed. Now the problem that i have is within image 2, when you stretch the window it stretches the background colour, the thing i want to do is wrap the div around the images so the colour stays behind them and only them as well as having the buttons centred. Any help would be great thanks. Hello! I am having an issue with an unordered list resting beside an img. For some reason the bullet dots for the ul are inside the img instead of beside the text. I realise that my error is most likely something simple, but I have been staring at this darn thing for over week (it's a homework assignment) and I still cannot figure out what I have done wrong. Sadly my instructor's only advice is "Re-check your html and css files.", which was not helpful in any way as obviously I had already been doing that and still cannot find my mistake. I am not sure however if the error is with my html coding, or the css. I hope I don't get into trouble for it, but I am going to post this same question in the CSS forum, only with the code my css instead of the html. Here is my html code: HTML 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" lang="en" xml:lang="en"> <head> <title>Prime Properties :: Listings</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" href="prime.css" type="text/css" /> </head> <body> <div id="wrapper"> <h1 id="logo"><img src="primelogo.gif" alt="Prime Properties" width="680" height="86" /></h1> <div id="button"> <div id="leftcolumn"> <ul> <li><a href="index.html">Home</a></li> <li><a href="listings.html">Listings</a></li> <li><a href="financing.html">Financing</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> </div> <div id="rightcolumn"> <h2>Listings</h2> <h3>Schaumburg Colonial</h3> <p>This single family home is a two-story colonial on a large lot.</p> <a href="schaumburg.jpg"> <img class="property" src="schaumburgthumb.jpg" alt="Schaumburg" align="left" /> </a> <ul> <li>Four bedrooms</li> <li>Two and 1/2 baths</li> <li>Finished family room</li> <li>Two car garage</li> <li>Listing #3432535</li> </ul> <br /> <h3>Libertyville Condo</h3> <p>New construction condo in downtown Libertyville.</p> <a href="libertyville.jpg"> <img class="property" src="libertyvillethumb.jpg" alt="Libertyville" align="left" /> </a> <ul> <li>Close to train</li> <li>Two bedrooms</li> <li>Two baths</li> <li>Two indoor parking spaces</li> <li>Listing #3432432</li> </ul> <br /> <div id="nav"> <ul> <li><a href="index.html">Home</a></li> <li><a href="listings.html">Listings</a></li> <li><a href="financing.html">Financing</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> <div id="footer">Copyright © 2011 Prime Properties<br /> <a href="mailto:Airamith@gmail.com">Mandi Adkins</a></div> </div> </div> </body> </html> And here is a link to the active site: Listings I'm sure there are other issue's in the code, I am still learning after all. My most pressing issue right now though concerns the bullets being inside the images. I would like to thank you in advance for any help you can offer, I really do appreciate it! Edit: I forgot to mention that I am required to use IE 8 or 9 for this class. Also, all of my coding validated through the W3C, both the html and the CSS. Also, I just noticed that the bullets are much closer to the text when it is viewed in Google Chrome instead of IE 9. I have recently updated a site that i am working on and everything works fine in safari and fire fox, but in IE7 the image on the left side is being droped down and causing the page as a whole to look diffrent.....please help, not sure whats going on. http://www.mdmoms.com/products/babybasics.html here is the html: HTML Code: <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-color: #80452E;
}
-->
</style></head>
<body>
<div align="center">
<table width="800" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td colspan="4"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="800" height="130">
<param name="movie" value="../../flash/header2.swf">
<param name="quality" value="high">
<embed src="../../flash/header2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="130"></embed>
</object>
<script type="text/javascript" src="ieupdate.js"></script></td>
</tr>
<tr>
<td width="269"><img src="../../gifs/babybasics1234.gif" width="269" height="53" border="0"></td>
<td colspan="3" rowspan="2"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="532" height="322">
<param name="movie" value="../../flash/babybasics.swf">
<param name="quality" value="high">
<embed src="../../flash/babybasics.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="532" height="322"></embed>
</object>
<script type="text/javascript" src="ieupdate.js"></script></script>
</td>
</tr>
<tr>
<td rowspan="3"><img src="../../gifs/babybasics1234.jpg" width="268" height="473" border="0"></td>
</tr>
<tr>
<td width="69" bgcolor="#FFFFFF"><img src="baby009/images/spaah_r15_c2.jpg" width="69" height="56" border="0"></td>
<td width="377" bgcolor="#FFFFFF"><form name="buy" method="post" action="http://cart.novapointe.com/0635/novacart.pl">
<input name="cart_id" type="hidden" value="164">
<input name="sku" type="hidden" value="6004">
<input name="command" type="hidden" value="add">
<input name="view" type="hidden" value="cart">
<div align="center" class="style1">
<div align="left">
<input name="image" type="image" src="images/buy.jpg" width="111" height="26" border="0">
</div>
</div>
<input type=hidden name=.autodone value="http://www.mdmoms.com/product/babybasics.html">
</form></td>
<td width="87" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td colspan="2" bgcolor="#FFFFFF"><img src="../../gifs/producstthree.gif" width="414" height="173" border="0" usemap="#Map"></td>
<td bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td colspan="4"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="800" height="22">
<param name="movie" value="../../flash/footer2.swf">
<param name="quality" value="high">
<embed src="../../flash/footer2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="22"></embed>
</object>
<script type="text/javascript" src="ieupdate.js"></script></td>
</tr>
</table>
</div>
<map name="Map"><area shape="rect" coords="26,31,126,144" href="http://www.mdmoms.com/products/baby003/index.htm"><area shape="rect" coords="162,26,278,143" href="http://www.mdmoms.com/products/baby007/index.htm"><area shape="rect" coords="302,23,391,144" href="http://www.mdmoms.com/products/baby005/index.htm">
</map></body>
</html>
Thanks in advance Hi, I'm very new to website design, just starting building my first site. My site is asbestos-claim.org.uk. I've managed to get most things with the layout working okay, but having issues with my footer-right section (About Us page links etc). In IE8, IE9, FF, Chrome, Safari and Opera the site looks fine, however in IE6 and IE7, the footer-right section appears under the centre content section, right under the "simply complete the online form on this page for a free assessment and callback. This is a completely free service." text. Sorry, not sure if this issue needs posting in the HTML or CSS forum! Thanks, Freeze. im having an issue with this code im trying to get going in my css file... i put in the code below in the .css file and call the file in hte header using the link to my css file and then i use the command that should activate the script im wondering if im doing something wrong that maby i dont see, because when i put hte code directly in the header and call it it works perfectly... call :: <link rel="stylesheet" type="text/css" href="MyStyle.css" /> .css function :: .hr2 { border: 0; color: limegreen; background-color: limegreen; height: 2px; border-top:1px; border-style: solid; } Action :: <hr class=hr2> am i using the right way t o call the .css ? should i have more code in my .css to close it off properlly? |
|||||||