HTML - Image Zoom Too Small

Hi there.

I'm just starting off in web design, and I am learning as I go along. I have been working on my site all day using Dreamweaver, but there is still one thing I am trying to do without success.



Basically I have one Large image on a page, and I want to stack four smaller images vertically next to it on the right hand side. (shown in the attached image) I tried using a table, but all the boxes had the same dimensions. If I use margin to align the pictures, I cannot move the third picture underneath the small one. I realize I am going about this all wrong, but I have no clue as to how to achieve what I am trying to do. All I seem to find on the net is how to wrap text around an image.
For example, here's what I did:
Quote:
<img src="images/Main Window Gallery1.png" width="517" height="395" border="0"><img src="images/small window1 gallery1.png" style="margin: 0px 0px 303px 25px;” width="132" height="92" border="0"><img src="images/small window1 gallery1.png"" height="92" border="0" align="absmiddle" style="margin: 0px 0px 180px 0px;” width=" valign="center"132>
Any help is appreciated. Thank you.

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

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?

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

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,

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

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 guys,

I have a bit of a problem!

I have designed a page and got it going, BUT... on some screens it doesn't fit in the browser and others it fits just fine.

When I say 'fits' I mean that everything on the page is in proportion, but is it too big for the screen so you have to use both the side and bottom scroll bars to see everything - on my computer it's all in at once.

I'm sure there's a simple bit of code or something to sort it, but I'll be damned if i know what it is!

Any way - here is the link... www.strictly-smokin.co.uk/index.htm

Cheers,
Michael

if the question is:
Your objective is to send a POST header to this script. The POST content must contain your NAME and your IP. The variable names are ip & name! In addition you have to send a cookie with the name completed=1 to this page.

then what should be the syntax of the answer. i am a newbie to html.

thanks a lot?

I am a small business owner in the process of re-launching my website in WordPress. I am not all that familiar with HTML so I Googled HTML forums and here I am looking for help.

I have attached a JPEG image of the image. I am trying to figure out the code to get the video on the bottom on to the top of the iTouch graphic. Here is an example of the code as it is now:

<p style="text-align: justify;"><span style="color: #ffff00;"> </span><span style="color: #ffff00;"><strong> </strong></span></p>
<p style="text-align: justify;"><span style="color: #ffff00;"><strong> </strong></span></p>
<img class="aligncenter size-full wp-image-298" title="iphonetemplate" src="http://www.pressboxsportsimaging.com/wp-content/uploads/2010/08/iphonetemplate1.png" alt="" width="625" height="321" /><object id="vp1kgvd1" style="width: 431px; height: 286px;" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="431" height="286" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="scale" value="showall" /><param name="src" value="http://static.animoto.com/swf/w.swf?w=swf/vp1&amp;e=1282406536&amp;f=kgvd1So1SIRuh2SEwfRDEA&amp;d=301&amp;m=p&amp;r=w+s&amp;i=m&amp;ct=www.car olinaselectlacrosse.com&amp;cu=&amp;options=" /><param name="align" value="top" /><embed id="vp1kgvd1" style="width: 431px; height: 286px;" type="application/x-shockwave-flash" width="431" height="286" src="http://static.animoto.com/swf/w.swf?w=swf/vp1&amp;e=1282406536&amp;f=kgvd1So1SIRuh2SEwfRDEA&amp;d=301&amp;m=p&amp;r=w+s&amp;i=m&amp;ct=www.car olinaselectlacrosse.com&amp;cu=&amp;options=" align="top" scale="showall"></embed></object>

Thanks in advance.

Ok so im trying to align my text at the top of the 2 images i have done.

for a live preview go to http://habbmania.net/djpanel/djlnn.php

You can see the 2 images to the left and right and text in the middle.

Im trying to put the text at the top and put a BR tag so it will look like this

"
The Current DJ Scheduled
Non Scheduled
"

But once i put the Br tag in it shows the text breaking down to the next line, In Example 2.

How would i align the text at the top of example 1 with a BR tag so it will be aligned with the images.

THE WHOLE POINT IS TO FIX EXAMPLE #1

Please help

This is the code i have for it.

"<a href=""><img border="0" src="left.gif" /></a> The Current DJ Scheduled <b> <? include('djnow.php'); ?></b> <a href=""><img border="0" src="right.gif" class="float-right" /></a>
"

the footer is up with the content... I checked all the div's and they seem to be fine, another set of eyes may be able to figure out whats going on...


works fine on this page:
http://www.pzfantasyfootball.com/testing/

messed up on this page:
http://www.pzfantasyfootball.com/tes.../twoworlds.php