Thread: html box problem

So far I haven't had any problems, such as placing youtube videos where I want on my pages. However now I am placing banner ads on my pages and when I open an html box, paste in the code, and move the html box where I'd like it to be on the page - say on the upper right side of the page - it's never even close to the area. In the preview I find it down at the farthest bottom point of the page on the right. If I move the html box to the top left of the page, in the preview it shows at the very bottom of the page in the center. What is the trick to placing banner ads with html on a page? This is the first I've run into this problem.

Thanks!

PS - I tried putting the html box in the upper left corner and it still appeared at the bottom of the page in the preview.

I also tried entering the html code into a table and placing that on the page where I'd like it, still, same thing, ends up at the very bottom of the page on the right.

Pulling my hair out here.

1) Delete the Table in which you pasted HTML.
2) Delete any HTML you have pasted anywhere else on the page as Text (in a text box, or simply pasted onto your Blue Voda page).
3) Provide me with the page URL so I can take a look at it to see what you've done (or not done).

In the meantime, review this THIS TIP

The page is under construction, I published it so you can see what's happening. I have the html box on this page, as you can see it's showing at the bottom right corner. I placed it along the right of the first text box on top.

http://www.havasu-fun.com/havasu-hotel-guide.html

It also seems to be making the page way wider than it is.

LOL! Notorius Lake Havasu, eh? Know it all too well ... grew up in the Bay Area.

OK .... please answer a few questions for me before we get started?
A. How wide is your BV page set?
B. What is the X-Y plot of the HTML box you have pasted the banner to?
C. Create a simple rectangle "SHAPE" and size it/move it to approximately where you wish the banner ad to appear, and tell me wha the X-Y position of that SHAPE is.

Once I get an idea of your page and your current HTML box, then we can solve this...

I lived in the bay area too when I was younger.

Okay, I have my page size set at 760 wide. It was 860 wide but I changed it while working on this problem. Didn't make any difference though.

x - 187 y - 412

In order to put it where I want it I have to change the page size back to 860 (at least on my monitor).

I've reshaped it, placed it, now it's showing x - 171 y - 876

I will be adding lots of ads throughout the site, I really hope this isn't going to be a big mathmatical problem for me!

I republished it now with the changes, now look where it is. Scroll all the way down and all the way to the right. Could there be something in the code that's placing the ad on the page where I don't want it?

Here's the code -

<a href="http://www.anrdoezrs.net/click-3634613-10685124" target="_blank">
<img src="http://www.tqlkg.com/image-3634613-10685124" width="120" height="600" alt="4 Star Hotel Under $99 on CheapOstay.com" border="0"/></a>

Also it gives me the option to encyrpt the link, what is encrypting and should I be doing it?

If you are placing your code in an HTML box, there is no "encrypting" option ...and yes, 1) you will need to reset your page wider -- to 870 (which today is about as wide as you should go to remain visible universally).

2) Move your HTML box so the Axis reads "x=187 ; y=745" and tell me if it displays properly

If your page is going to be 870 wide, you will need to bring your "blue bar" all the way over to the left until the Y Axis reads "2" and then "stretch" the bar wider until by view the "Size" scale (near X-Y Axis) it reads 860 wide.
By placing it 2 pixels "in" and stretching it to 865, it will automatically be "centered on the page.

Since your Menu Buttons ("Home" - "Dance") are 134 wide, you will also need to move them to the left, also indented 2 pixels .... this is your "page margin" ... and you will also maintain 2-3 pixels in from the right side also.

When I move it to x - 187, the y shows 0. Can I manually set these?

Now ... you will need to take the time to "re-center" everything on your page.
Your images are 175 wide each, and you should have 15-20 pixels space in between them .. so just say you will need to provide for 545 pixels width on your page, and more space for the left and right margins of this "block" .. which includes your text also set to the same "Y" axis margin as the picture.

NO...I am more concerned about setting the Top-Left corner of the HTML box within the page and not "over" any other element ... I can't really determine how far down on the page it needs to be (the X Axis), but in order to keep the HTML box ON THE PAGE and stil give at least 2 pixels margin on the right, it needs to be placed at Y=745.....

You HAVE reset your page width to 875 first, yes?

2 pixels in, how do I know when I've done that? Where do I find the pixels?

This is starting to get more complicated!

Please! Read the TIP once again....the X-Y Axis plots the exact position of the top-left corner of any object .... if it reads "x=2 ; y=2" then your HTML box is 2 pixels DOWN (x) and 2 pixels to the right (y) of 0/0 position of your Rulers shown in BV

Your problem is you have your HTML box hanging off your page, and your page elements not as close to the left page margin as possible ... thus when you view your page, it is running "off the right side"

You need to reset your page width to 875 and move everything to the LEFT ... "indented" from the Ruler/Left Page Edge 2 pixels ... and re-center all your stuff + resize your 'blue bar' to 870

I did, it just never said these were pixels. So the y and the x are pixels, correct?

Okay, page has been set to 875. I have the html box at x - 187 and y - 745. I saved the page and previewed and the banner is still at the very bottom right of the page.

Yes... pixels. Not lines, but equidistant measures of spacing....like graph paper.

You can use the X-Y plotter to precisely place objects of all sorts, knowing that it will register the top-left corner of any object only --- you will need to calculate the remainder using the height and width tool next to the X-Y plotter to accurately "center" things.

For Example:
Your images are 175 wide and 131 Height ... your page is 500 wide and 400 tall.
Center the image on the page?
500-175=325 div 2 = 162.5 (round up) so your y Axis point should be 163
400-131=91 div 2 = 45.5 (round up) so your X Axis point is 46

46 pixels DOWN, 163 pixels RIGHT and your 175 image will be centered on a 500 wide X 400 tall page.

It is because there is still not enough room on your page .... you still have to move your elements to the left .... and if you can, delete the HTML box and create another.

* Now that you know that if you "highlight" any object by clicking once, you can use the SIZE tool (next to X-Y Plotter) to stretch your HTML box to the exact size it should be so you can have a real-sized "box" to place on your page without guessing... your new HTML box needs to be 600 Tall and 120 wide for the banner you chose.

Somehow you need to make room for a banner of that sixe to fit comfortably on your page, with a MINIMUM of 2-3 pixels indent from the page edge so it does not default to an "orphaned" position.

That is why you need to move all your page stuff to the LEFT and re-center them all AFTER you stretch your top blue page bar to 870 making sure it is moved LEFT until the Y Axis is "2"

I also moved the blue bar over 2 pixels and stretched it to 865. I moved the menu buttons over 2 pixels. On the images, that's the lightbox, I can change the cell spacing.

I still can't understand why I can't place the html box where I want it. I didn't have this problem placing youtube videos, I just readjusted them by checking preview until they were right. But these banner ads don't work like that at all.

Banner size, okay.... starting to sink in a little now! I didn't actually choose that size, that's actually the smallest size of that shape banner to choose from. I'd prefer smaller but I guess I don't have much of a choice.

Once you re-format the page and create enough space, you will need to create a new HTML box to make sure no previous formatting remains .... and please verify that there is nothing "hidden" where you want to place the new HTML box.

You cannot stack things over a video player, over a Flash box, etc. That is why making a new HTML box will prove that no sloppy coding remains, and if there is enough space for the properly sized HTML box to visually fit on the page and in-between other elements, there is a reason it will not stay in place: something else is there to "push" it off the page.

PS: Standard Ad Banner sizes include 300 t x 120, 240 t x 120, 120 x 120 and 90 x 90

I have to go ... it's 3am .... I think you can take it form here, knowing that you need to really "center" the elements on your page, provide margins (of indentation - both sides), and how to precisely measure and position using the X-Y plotter and the shape sizing gauages .... Good Luck!

PS: Once everything is manually centered on your properly sized and balanced page, be sure to go to Page Properties and click "Center in Browser" for a better display in broswers....then re-publish and smile!

Well I tried using a much smaller banner, 120 x 60. Still shows up at the bottom right of the page. So I put it in the very top left corner, up above the blue bar and previewed and it's moved up a bit on the page, it's still on the right but up near the Heat hotel's pictures.

Thank you for all of your time and effort!

Originally Posted by Vasili

there is a reason it will not stay in place: something else is there to "push" it off the page.

make sure when you make a HTML box you do not enter any "values" that would dictate how it is to "display" ... do not enter anything like 'Properties" in any field (I do not know which version of BV you have, but mine do not have any "Links" or Properties" to enter at all ... they are straight HTML boxes you paste code into and that's it!)

Make sure the Page is clean .... and then look at the code supplied to you also. Be sure it is able to be used anywhere.

If using BV11, go back to BV10.2

Night!

I tested on another page and had no problem with adding html banners, so the problem is with that particular page. Since it was barely built I just deleted it and started over and now am not having any problems, so there must've been something hidden on that page that was indeed pushing my html box off.

It's a mystery what it was but at least the problem is solved and I thank you for taking the time to help me! Especially considering how frustrating it may have been for you!

*yawn* well, 2 hours sleep is better than none, right?

I had a feeling there was something amiss with the page format/coding itself ... that's why I kept mentioning the "Rule" that if there was space, you used a "new HTML box" and everything was properly aligned, there must be some 'sloppy code' or another 'hidden' reason it was being orphaned!

Glad you figured it out by deduction and sought to forge a new beginning. Although initially frustrating and considered a terrible "waste of time," challenges like this are useful in developing a solid familiarity with the overall logic and processing that is essential to more advanced techinques. Besides, it gave us the beginnings of a good peer-to-peer relationship that is common to the progress of this Community!

Have a great day!