XSitePro Website Design Software Message Board

Hi,

I created a website with Main Panel and Right Panel.

On a specific webpage I have on the Main Panel text and different images, then again text and different images and again text and images.

Now in the Right Panel I want to have 3 videos, but each video must be inline (on the same heigth) as the corresponding images in the Main Panel.

I created a table in the Right column, and I can achieve wath I want.
It looks great in Internet Explorer, but in Safari or Firefox or Chrome the videos display on different heights.

I know in CSS you can use a conditional statement and different code depending the browser.

Is this possible in HTML also?

Or do you have another or better solution?

Thanks

I would use CSS to accomplish this and you may not need conditional statements.

_________________
Andrea Wilson

1. Custom XSitePro Templates. XSitePro Consulting and Training. FREE TIPS!

2. Off-the-Shelf XSitePro Templates! Versatile designs. Easy to manage and maintain!

3. AllWebMenus Pro and XSitePro Work Perfectly Together! NEW!

And what is the best way to do this?
I am not good in CSS

Oh, I see. Well, I would wrap the videos In your Right Panel in <div></div> tags and add margins to the divs using inline CSS (style tags). Something like this:You'll have to experiment with margin heights. You could even wrap the text, etc. in your Main Panel in divs, too, if things don't line up the way you want them by just adjusting the CSS in the Right Panel.

There is another alternative... and that is, instead of using the Right Panel, to use a two-column table, multi-row table in the Main Panel. Add the sections of content from the Main Panel into the first column cells and the videos to the second column cells. I don't think this will be as satisfactory a solution, but without CSS, it's one way to do it.

_________________
Andrea Wilson

1. Custom XSitePro Templates. XSitePro Consulting and Training. FREE TIPS!

2. Off-the-Shelf XSitePro Templates! Versatile designs. Easy to manage and maintain!

3. AllWebMenus Pro and XSitePro Work Perfectly Together! NEW!

Hi Andrea,

Thanks for your advice.
I tried what you suggested (CSS), but still not the same in the different browsers.

Probably because in the right panel, above the videos, I also have 2 tables (with social bookmarks from addthis.com and navigation menu).

I also changed all <p> in <div> etc...

Any more suggestions?

Guy

Hi, Guy,

If the videos only have to be lined up with the content on the Home page, then remove the Right Panel on the Home page (Web Pages > Page Settings > Advanced Settings >Right Panel) and add the content and the videos to a two-column, multi-row table instead. This will give you a lot more control.

_________________
Andrea Wilson

1. Custom XSitePro Templates. XSitePro Consulting and Training. FREE TIPS!

2. Off-the-Shelf XSitePro Templates! Versatile designs. Easy to manage and maintain!

3. AllWebMenus Pro and XSitePro Work Perfectly Together! NEW!

Yes Andrea, I think I will do that... thought maybe there was a more elegant solution with CSS.

Thanks again, I will inform you if this works out.

Regards,
Guy

Hi Andrea,

I created a page without the right panel, and used 2 columns instead.

That works great, and I can perfectly align the videos with the content... and in all borwsers!

One problem... the navigation menu in the right panel (which is now a column in the 2-column table) does not shows.
It just shows [LINKS_MENU]

Any idea how I can solve this, and display the navigation menu?

Thanks,
Guy

The navigation won't work in the Main Panel. I would switch the navigation to the Left Panel.

_________________
Andrea Wilson

1. Custom XSitePro Templates. XSitePro Consulting and Training. FREE TIPS!

2. Off-the-Shelf XSitePro Templates! Versatile designs. Easy to manage and maintain!

3. AllWebMenus Pro and XSitePro Work Perfectly Together! NEW!

That is a big problem... the site has no left panel...

Is there no other way to make the navigation work in the Main Panel?

Thanks,
Guy

Only manually, Guy, by adding the links yourself. And you'll need to update them manually each time you add a page. And, of course, you can have top navigation using the Info Bar and/or the Main Panel Header.

_________________
Andrea Wilson

1. Custom XSitePro Templates. XSitePro Consulting and Training. FREE TIPS!

2. Off-the-Shelf XSitePro Templates! Versatile designs. Easy to manage and maintain!

3. AllWebMenus Pro and XSitePro Work Perfectly Together! NEW!

Hi Andrea,

I guess I must add those links manually then.

Thanks for your help!

Regards,
Guy