Does anyone know how to place an image or animate gif inside of html code in Dreamweaver?

[Pastor Donald C. Garner Jr.]

Hello NC's, I've been trying to figure the best way to add image (PNG) elements or animated gif's and advertisements to my Splash page. take a look at the grey Box to the right lower side of the page. I need Ad's in this box to the size specs of the grey box frame to FIT Evenly inside of the grey ad box. Also, Take a look at the RED Boxes outlined on the screenshot. I'd like to place image elements/PNG's in these areas, but don't know how to place it in the html code, without Messing up the look of my splash page and or site. Lastly, I would like to add a " Scrolling ticker tape" across the top of page under the menu if possible for future site info for visitors or members. Also, look where the photos scroller's is...I want to change this to a VIDEO in the SAME spot, Same Size Without jacking up the look of the page/website. Can Anyone help us out. Is there any CSS code to change the advertisement box whenever we choose, and change the graphics on the page red boxes after it's added, whenever we want to?

Thanks, Blessings-Pastor G/NC/www.artztre.com

[soaringeagle]

this is so easy  but needlessly complicated because of how  nin g handles files

1st you got to upload the photos using the file manager

step 2 copy the url of the image

now  in dreamweaver   u got design mode code mode and split  whichever u use put the curseer where u want the image and..insertr..image now instead of searching the file on your drive paste in the url  where it says url

the scrolling margue thingy  i think some versions of dreamweaver haqve a way to just add that  ..would probly be in the incert  menu too

everytime you want to change the ad images  u will have to follow these steps

upload the image 1st

 replace the image with the new image url

save the html; and upload it then make it the active spl,ash page

[Pastor Donald C. Garner Jr.]

Soaringeagle thank for the tip. Just one last thing,...WHERE within the code do I place it to get it in the EXACT spots on the example (red Boxes) that is still my problem. Placement within all the other code. Or does it have to be on a certain line. And how about getting it moved to the right or left. This isn't that easy for me....lol I can add the code No Problem, I can upload the images No Problem, I can't place it when I want/need it on That Splash Page and make it align the way it should. take a look at the example again...The Red Boxes is where i want PNG or GIF graphics to go. The Grey ad box module is where I want advertisements to go. When i open the code in Dreamweaver, I can find the line NEAR where i want it to go, BUT NOT the EXACT Spot!!!...lol I hope I was clearer...lol Thank Brother.

[Pastor Donald C. Garner Jr.]

I'm going to try something in a minute. Gotta cut my sons hair for school tomorrow. I think I understand what you told me to do within DREAMWEAVER! I'll try in a bit, will be up all night fixing my sites page design, and adding content. Thanks Brother. Blessings BRB soon.

[soaringeagle]

it depends on how the codes all done but  if you use the desing mode thats visual you put the curser where you want the image and select u[-insert image then theres alignment  under the properties box to align it left right  or centered  you can give it a class  and a containing div with a class or id to then use css t adjust the exact placement

but lets say that the red box alreazdy exists in the page as a div then in the code side you can paste in the image code within the div

giving the div a class or id (or both) such as <div class="top-ad"> ad code here</div>

lets u use css to reposition it with say  a set width and a wide margin to the left that shifts it over exactly where it should be (just 1 option)

ps .. sometimes things you reposition in dreamweaver  with css wont look quite right withn]=in dreameaver so test it in your browsers often and in some cases like that it helps to use firebug fir fine tuning

[Pastor Donald C. Garner Jr.]

Excellent!!1 I will try this tonight. I Thank You Greatly. I'll let you know how it worked I'll send you a message. Thanks again Brother.

[soaringeagle]

if you get stuck  send me the files to take a look at

but i think you should be able to get it from here

[Pastor Donald C. Garner Jr.]

Here's the exact code for the Grey Ad Box Module. I want not just 1 add there, I want Different/multiple ads there from different businesses. Soaringeagle, show me Where in the code do I add the image & How In Dreamweaver...AND...When and WHERE do I COPY the url inside the code line...In the order it should go, and I'll have that part. the OTHER part, is the top My nav menu in Dreamweaver won't show up across the top middle like it does in the browser, so when I try to insert an image exactly where i want it by placing the cursor in the spot I want to add it, It's not that easy. Or Do I place the image in the CODE side, and NOT the visual side? Thanks.

<div id="right">
<div class="righttop"></div>
<div class="right"></div>
<div class="rightbtm"></div>

[soaringeagle]

k looks like 3 ads go here?

the image or ad codes go between the div /divs<div class="righttop"><img code></div> right and rightbtm  also

the ones with classes not id

and when you put ypur curser in either the code side or the deszigner side  the curser will be in the same spot on both sides

[soaringeagle]

and ok the step by step

upload the images  using the file manager then click copy link next to the image  u uploaded click where the url is to select it then control c to copy

next with the curser between the div and cloc=sxing /div click insert image paste un the urkl where it says image url click ok then give it a  alt text click ok

your done then uoload the next and repeat the steps

[Pastor Donald C. Garner Jr.]

Soaringeagle, sorry I didn't respond yesterday, I was busy all day making music  for some clients, and never even checked my email till late last night. Before 8 pm Detroit, Mi time EST, I'm going to add this, That info sounded really easy. if what you told me to do is that easy, I'm going to be kicking myself in the butt all week, because I should have tried a little harder with getting a solution to the problem. Thanks Again Buddy! I'll let you know how it turns out tonight.

[Pastor Donald C. Garner Jr.]

Let me ask you this one other thing Soaringeagle....I have a table with an invisible border set "0", and I want to MOVE/Align It to the right side centered in the middle of page. Can I use this code I found on a CSS/Html teaching Site, It was used for Paragraph text...I want to use it for aligning Tables evenly Thanks"

<html>
<head>
<style type="text/css">
p
{
background-color:yellow;
}
p.margin
{
margin:100px 75px;
}

I didn't copy the rest of the code it was just a sentence. this is the part i want to use over and over again if it's right! The 75px is a value i came up with to center the Paragraph sentence to the right. (Use for Tables/alignment)

[soaringeagle]

you can just wrap the table in center tags like <center><table><tr><td></td></tr></table></center>