HTML Forum

**CSUjr** · 03-14-2006, 04:29 AM

Hi,

I am new to web creation/development.

I am using Dreamweaver 8.

I have gone through some tutorials but I still don't know how to place my graphic images in a precise location on a blank page.

When I insert a graphic image it appears in the top left land corner of the page.

How do I move the graphic image to Precisely/Exactly where I want it to be on the Page?

Thank you,

Charles

**ADAM Web Design** · 03-14-2006, 10:48 AM

That depends on where exactly you want it on the page. Having said that, these tricks will work in most cases:

Code:

<img style="margin-left:  15px;  margin-top:  20px;"...

Will position your image 15px from the left of its containing element and 20 px from the top.

Code:

<img style="float:  right;"...

Will float your image on the right side of the page (float: left will move it to the left) and assuming you have no other floating elements in that immediate area, will force the text to wrap around it.

Code:

<img style="position:  absolute;  top:  15px;  left:  20px;" ...

This will take your image out of the flow of your HTML and place it in a precise location relative to the first element above it in the hierarchy that uses relative positioning (failing that, the body).

Be very, VERY careful with this, however. Because absolute positioning doesn't cater to normal HTML flow, it can cause overlap/underlap issues as well as others with layout.

Code:

<div style="margin-left:  auto;  margin-right:  auto;  width:  (image width);  text-align:  center;">
(your image here)
</div>

This will center your image.

What exactly are you trying to accomplish?

**CSUjr** · 03-16-2006, 09:47 AM

Thank you ~ Thank you ~ Thank you *!*

I now have my first two pages built - and they Work

I have a hyperlink on my first page to my second page.

Now, I want to make the first page "dissolve” into the second page when the hyperlink is clicked (on the first page)

Also, I want to incorporate sound as the first page is dissolving and bringing up the second page.

This is a WAV sound with a Bit Rate of 176 kps (duration 1 second), size 36.4 KB.

I want the "dissolving" Code to correlate with the WAV sound, so that the sound and the page dissolve begin at the same time of the hyperlink Click - and the sound end when the second page becomes fully visible.

Can someone tell me what Code I need to do this, and Where and How to insert it?

Thank you again,

Charles

**chrishirst** · 03-16-2006, 11:11 AM

not a chance!

HTTP doesn't work like that, You can do the "dissolve" in Internet Explorer only using transitions

But there is no good reason to have these at all http://www.webpagesthatsuck.com/ietransitions.htm they are "kewl" for about 10 seconds

**CSUjr** · 03-16-2006, 01:50 PM

Alright - I got it to work!

Although, it only works in IE Browsers

But as I thought, it was just a matter of a little snipet of code

Inserting the following Code, under the <head> made it work;
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=1,Transition=12)">

Now, all I need to complete my desired effect is to find out how to insert the right kind of Plug-in to play the Sound (a simple .wav file)

I know that christhirst said "not a chance", but I did get the page to dissolve dispite that and I think that this can be done as well.

If anyone agrees and knows how or has a POSITIVE suggestion, it will be greatly appreciated.

Charles

**chrishirst** · 03-16-2006, 02:28 PM

hmm that'll be the transitions I posted a link to then.

the chances of getting a sound clip to actually synch up is 0 without using Flash.

You could start the clip with a onload() event in the <body> tag but to actually synch up two seperate disconnected items such as transitions and sound events will be down to luck. It may look like it works on one machine but on another it won't.

http://www.javascripter.net/faq/sound/play.htm
and
http://www.dynamicdrive.com/dynamici...tsound_dev.htm

**SlayersOtaku** · 05:06 PM

I'd hate to be a stick in the mud here, but I recommend against sounds and transitions in html pages. A 36kbs sound file may not seem like a big file, but it can easily slow down the performance of your pages. Also consider the viewers who are listening to music on their computers and a random sound plays, or even people with speakers turned up without realizing it.

As for transitions, the web crowd is rather impatient and want their information 3 seconds ago. A transition will just slow down their search and possibly frustrate them to the point of no return. Transitions used to be popular several years ago; fading away like the spool telephones for the same reasons.

However an exception is flash. Transitions and sounds become feesable in this format and can be executed much better. I would still recommend against a sound in flash, but people expect a kewl transition in this medium.

I definitely agree with Chris on this issue. Somethings you can do, but best not to.

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!