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
Tags:

Permalink Reply by soaringeagle on May 23, 2012 at 4:00pm or give the table a cklass and us e margins to precicely position it
<tabl.e class="tablecentered">
then in css
table.tablecentered {margin: auto;} or set specific margins in px
Permalink Reply by Pastor Donald C. Garner Jr. on May 23, 2012 at 8:45pm Thanks I'm going to try this tonight. I did try to add that ad banner in the grey box module. ran into another snag. I created the ad in corel Draw 15, added the site links to the ad's, and saved it as a gif, and tried to as html, but no progress. When I try to add it into dreamweaver as a gif, can't get it to load. than in a browser the links I added in corel won't work either. I'm giving up if I can't fix this tonight. My splash page is separate from ning, so they won't give me any advice or support because a designer created it, and it's Custom. This should be so easy. it's Not! lol I thank you for helping me this far along. I just got frustrated after I created the ad's in corel, then couldn't figure HOW to get them in dreamweaver, and how to make the links work. uuugh!...I'm stumped. My summer class on CSS is coming up, I'm the 1st student in class, sitting in the front when it starts..lol! Thanks again brother. Blessings, Soaringeagle.

Permalink Reply by soaringeagle on May 23, 2012 at 8:55pm you wouldnt add links in corel youd add the links in dreamsweaver
you upload the ads as a jpg or gif or whatever jpg is best unless you need animation or transparency cause of conmpression and smaller file size
next upload the image to the filemanager u must add in]=mages by url the url comes from file manmager in the dashboard
after the image is added click on it in the properties thingy u may have html and css properties button or just be in html there will be a field to paste in the link url
or you can write it freehand like this
<a href="addlinkurlhere"><img src="imageurlgoeshere"></a>
Permalink Reply by Pastor Donald C. Garner Jr. on May 24, 2012 at 5:12pm WHEW!!! Finally started to see some PROGRESS my friend...lol Finally. But this screenshot is what delima I'm faced with now. Don't know how to fix this. The original size I created for the ad's was the exact same size as the Banner ad 202 Width x 695 Height when created in Corel. I exported each individual file separately saved as PNG. However, as you can see in the screenshot....The ad's don't fit evenly spaced, and I see NO Way to adjust them inside of Dreamweaver. I'm Lost with this one brother, because making them smaller in Corel I can do, BUT when placed BACK INTO Dreamweaver they still won't size/align up as they should. I'd like to KEEP the box the size it is, instead of expanding it to make it fit. Then there's STILL the spacing problem/alignment enclosed is a PNG of how it should look when place over the grey box, and the screenshot showing what happened after I added them to Dreamweaver. Thanks Soaringeagle.
Permalink Reply by Pastor Donald C. Garner Jr. on May 24, 2012 at 5:14pm These are the same ad's I need to link Individually from within Dreamweaver, so that when click in your browser, they work, and open up another window with the site clicked in it. So visitors will stay on Artztre.com.

Permalink Reply by soaringeagle on May 25, 2012 at 12:38pm the linking is easy but im not sure i see the allignment problem
if its just not fitting right on the image properties or div propertyies u can adjust the margins and padding settings
the links just click the ad image lok at the properties and paste the link url in
Permalink Reply by Pastor Donald C. Garner Jr. on May 25, 2012 at 10:26pm all the links work. It's just the over-lapping of the ad's over the grey ad box module, that's looks ugly because they don't fit even spaced and in order, like in the photo above. Blow the screenshot Image up, and then you'll see how it really looks. It's ugly. lol Where and how do I change those margins, and padding to make it fit to the Box?

Permalink Reply by soaringeagle on May 26, 2012 at 8:38am same place u add the links u can add padding in htmpl or css
if the grey box has a size set u maty have to adjust that too
or u can specify the size of the ad image too (in either css or html)
tip if u place an image then resize it in photoshop or corel then place it again dreamweaver tends to not clear out the size atributes so next to them theres a lil butti[on to clear or recalculate the sizes that maybe whats wriong)
Permalink Reply by Pastor Donald C. Garner Jr. on May 26, 2012 at 6:57pm This is what I'm dealing with now!...lol I figured out a few things, but the Links Blue Box Outlines KEEP showing in the browser when I look at it, and I cannot figure out HOW to move everything or 1 by 1 to the right, or correctly position them. I don't see in Dreamweaver an option to adjust/move over Images. I DO see how to Left or right top or bottom and so on images, but it won't work when I try to move everything to the left a little, or any direction. Where is it located? I even changed the size of the images in the code, it looks better, but STILL NOT Correctly Positioned. I'm almost there Buddy! lol I'm trying, and LEARNING while trying.
Here's the recent screen shot of where I am:
NOTE***The Red Box Area is still the problem. Can I make the Module smaller/if so, where? Can I position this correctly inside of the box, sides of graphics, with side of Module Ad Box? Click Screenshot to Enlarge for better understanding of alignment problem. Thanks.

Permalink Reply by soaringeagle on May 26, 2012 at 7:11pm css alows u to exactly position things pixel by pixel but im confused you are seeing the box around the ads? and dont wantto? can you attach the html file and i can look at it?if yiour seeing this box around the ads thats a border on the containing div in css most likely

Permalink Reply by soaringeagle on May 26, 2012 at 7:20pm ok i think i got it bli=ue box as in link outline around the image simple set the border width to zero 0 and you will have no blue border sorry i was tired and not thinking
and it can be something as simple as a border of 1 px misaligning things
Permalink Reply by Pastor Donald C. Garner Jr. on May 26, 2012 at 7:44pm No I don't want the RED BOX around it. I used it to show you the area I was speaking of. I'll send the HTML file now, let me go save it.

soaringeagle replied to James Nored's discussion 'How do I create a taller header?'
soaringeagle replied to James Nored's discussion 'How do I create a taller header?'
Larry Matthews replied to James Nored's discussion 'How do I create a taller header?'
soaringeagle replied to James Nored's discussion 'How do I create a taller header?'
Larry Matthews replied to James Nored's discussion 'How do I create a taller header?'
soaringeagle replied to soaringeagle's discussion 'stop confusing everyone make your 3.0 icons more use friendly'© 2013 Created by Ning.
