HTML - Image Diagonally Over Page

let me start a new page please, can I position an image anywhere I feel like on a page please? I use divs but is there a way to this with divs and without divs or with or without CSS?

hello,
i am just learning html and creating my own website right now. i ran into a problem and would like some help.

what i want to do is this. i created a page with pictures about 200x200 in size. now what i want to do is when you "click" onto the picture have it open up in a new window and a Larger size. But there is more. I would like to have the new window have my page Banner on top and my background Color around the image.

I already know how to use a code that Will enlarge the image in a New window but that is all it is is just the image and plain white background. and not what i want to do.

So what are my options for the easiest method to do what i am thinking of above.
Any help is appreciated.

Hello Everyone,

I've a gif file that I want to display on my jsp page.

The file is located on the server

If I give something like
<img src="\\filer\home\mine\myimage.gif" alt="not found" title="Image">
then "not found" is shown on jsp page

I even moved the image to my c: dir and tried this
<img src="C:\myimage.gif" alt="not found" title="Image">
but that didn't worked either.

Can someone please tell me where am I supposed to put the image file.

Thanks.

Hi There Guys,
I have a problem! Ive added a background to my site that I want to appear like so
fixed center no-repeat. You can see the code below. But for some reason it doesnt line up with the top of my site. It is being pushed down a whole 108px??? You can see from the site how this looks... www.hogansfarm.ie/index.php.
To be honest its my first time using fixed center no-repeat so im hoping someone else might have hand this issue and may know whats wrong.

You can see the the image there should be no gap
http://www.hogansfarm.ie/images/stripe_wide.jpg

Thanks for your help! Kat

body
{
background: #1f1e1e url(http://www.hogansfarm.ie/images/stripe_wide.jpg) fixed center no-repeat;
color: #000000;
font-family: arial, helvetica, sans-serif;
font-size: 100.1%;
padding: 0px;
text-align: center;
margin: 0px;
padding: 0px;
}

I've done HTML for a while. A bit of CSS, not too much. This the first time I've made a design in photoshop and wanted to turn it into a website though.
Can someone give me soem guidance on the best way to turn this into a website?
Thanks.

Hope someone can help me please... I'm trying to find the best way to place an image slideshow (continual loop, no stopping etc) on my home page. I've tried a few what look like good JavaScript versions, which I cannot get to work properly - seem to conflict with other JavaScripts running on the same page. Does anyone have any ideas? Or is there a way to do this without using JavaScript (or Flash)?

I'm using Joomla CMS if that helps/makes a difference...

Thanks in advance!

Hi,

Recently i have designed a site on my personal Dell laptop. The screen width of my laptop is more than the length.

I have kept the logo on the header side of the page, in my laptop everything looks fine, but when i see it in a desktop or any other computers the image or logo is looking aukward.

When i see the same page at different laptops or desktops where the screen widths are more than the lenghts the image looks fine.

Here i am attaching the page which shows the logo.

Please find the code below which references a image(logo) in the page.

Could any one please check this and let me know the reasons for this kind of look.

Regards,
Vikram

<TD width="40%">
<TABLE cellSpacing=0 cellPadding=0 width=209>
<TBODY>
<TR>
<TD bgColor=#0295e5>&nbsp;</TD></TR>
<TR>
<TD align=middle><A
href="http://eastyconsultants.com/index.html"><IMG
height=150 alt="Easty Consultancy Services"
src="images/logo.gif" width=339
border=0></A></TD></TR></TBODY></TABLE></TD>

<TD width="60%">
<TABLE cellSpacing=0 cellPadding=0 width=209>
<TBODY>
<TR>
<TD class=toplinks style="PADDING-RIGHT: 2px"
align=right bgColor=#fb6c00 height=20><IMG
height=8 alt="" src="images/contacttop.gif"
width=12> <A class=kk3
href="http://eastyconsultants.com/contactus.html">Contact
Us</A> | <IMG height=8 alt=""
src="images/sitemaptop.gif" width=10> <A
class=kk3
href="http://eastyconsultants.com/sitemap.html">Sitemap</A>
</TD></TR>
<TR>
<TD align=middle>
<IMG height=152 alt=""
src="images/aboutus_img.jpg"
width=479>


</TD></TR></TBODY></TABLE></TD></TR>

I'm just curious if anyone knows how to do this.

Basically what I want to do is have a series of links (lets say one, two, three, and so on) and when you click one of those links, the image below those links change to the respective link (if you click one, a picture of the number one shows up, if you click two, well you get the idea). How would I go about doing this?

How I want this laid out:

Link
Link
Link
[-Image-]



Thanks

Was wondering how I'd place an image at the very top of the page so there's no white space (this site has it's logo pretty high up there). At the moment i get about .5cm white using just a standard <img> tag.
Anyway, I'd appreciate some help.

Thanks, Cam

Is it possible with html? i've been working on a site but each time you click the next arrow a new page loads, all the text is in the same place so it doesn't move and is even in a fixed div but due to it being a new page everything loads, the text collapses until the larger image in the center loads. Of course this is fixed when the site is cached but of course the site would only be cached once someone has clicked through it and experienced the problems 27 times...

so my question is is it possible to code for when i click the next arrow only a new image from a different link to load? is this possible with html? I don't know a single thing about flash or javascript.

thanks for all the help in advance here is the page in question (not done but you can still see the problems. the home and bio links well, aren't links yet)

http://www.paulodourado.com/

Hi there,

I'm looking for help aligning a tiling background gradient to the bottom of a page. I can't seem to figure out how to do it. You can see my code at michaelskinnider.com/tethco, and the effect I want in the PDF attachment.

Thanks for your help!

Hi. I am making a template for my site, and i really need my title image to display at the very top of the page, so the top of the image touches the bottom of the tool bar of the browser. This is currently what my page looks like www.skyhigh3d.com/testpage.html
I would like the top of the black image to touch the top of the browser, so there is no background visable above the image.
The image and navbar are in a table, so really i need to table to be at the very top. I know this is possible becuase i have seen many sites with the image at the very top, but no matter what i do it doesnt seem to work.

Your help would be very much appreciated.
Thanks
-JC

Below is my code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<title>One Nice Day</title>
</head>
<body>

<div style="margin:5% 15% 0 15%;border:1px solid black;">
<img style="border:1px solid green" src="http://www.oneniceday.com/Artwork/Notice.gif" alt="[One Nice Day] now contains nudity : photographs and drawings of nude men and women, of which I will be posting on this site solely for the purpose of learning figurative art, in which I am using them as learning references / aids. If you are offended by such images, please click the Back button on your browser." />
</div><br /><br />

<div style="margin:1% 15% 0 15%;font:14pt 'Trebuchet MS',Arial,sans-serif;text-align:center;">
<a href="http://www.oneniceday.com/wordpress/" style="font-weight:bold;">ENTER</a>
</div>

</body>
</html>

When I view my web page, the <div> doesn't shrink to fit the size of the image, and there's a huge gap next to the image. U can see the result at www.oneniceday.com

How do I center my image horizontally on the page?

Thanks!

I can't figure out how to script an image so that it slides to another area on the page when clicked on. For example, a logo that appears in the center of a blank page (vertical-align: middle), but when clicked slides smoothly to the top (vertical-align: top). Alternatively, it could be that clicking the image changes the vertical-align property of the entire table or cell. Either way, I can't figure out how to do this with a smooth animation.

A fantastic example of this--where I got the idea, in fact--is the front page of tumblr.com, where clicking "Log in" smoothly slides the tumblr logo from the top of the page to the center. How is this done?

I'm sorry if the solution is mind-bogglingly simple, I'm kind of a noob. But I've racked the web and I can't seem to find a script that does this. Can somebody please help? Thanks so much.

I would like to know how to add a link direct to an image page.
For an instance, if we know there is a pic : http://www.htmlforums.com/images/smilies/SmileBulb.gif
I am just going to give link in any other site or in my site, I want to have a background ads, i.e like we have index.html page, is it possible to have some manual added code on pic embedded page.

Just the image must show on, if it is direct linked & the image must show with any manual code or ads attached ?
Is this feature possible ?