Javascript and CSS Questions - Page 2

User 187934 Photo


Senior Advisor
20,271 posts

Here's how to add the content and place it where you need to.
http://progrower.coffeecup.com/shop/vie … groupid=23
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 1870919 Photo


Registered User
61 posts

Cool! So, could I use that code for SCCP with a template I am using & customizing from SCDP and maybe place something in the footer area that I wouldn't normally be able to place there by just playing within the parameters of the template?

Like, if you look at the website I am building (websbycheryl.com/testfour/shop), I have a waving US flag on one side of the bottom menu and a Michigan map with the letters "Proudly Made in Michigan" on the other side of the bottom menu. I would ideally like to move those out farther (make them two separate files) but am limited to the space given to me by the template. (I actually spent hours making one file because I don't have two fields to play with in the footer -- it was a bear because I had to work with several layers in Photoshop to make the animated part play right while making the un-animated part not look goofy) My customer is not completely happy with the results, but it was the best I could do with the parameters I have.
Cheryl
User 187934 Photo


Senior Advisor
20,271 posts

Try the example I gave and tweak the code to position the elements where you like. Make sure you preview it in FX and IE to make sure it displays correctly. If you use the code in the footer custom mark up it will appear on every page. Just dbl check to make sure you get the results you want on every page if using this method.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 1870919 Photo


Registered User
61 posts

Still having problems with the slideshow. I tried the iframe. I did exactly what you described on your website, Eric, and it came out fine when I tested the page in the html editor. But, when I put the page in the SCCP page via the iframe, it is cutting off part of my images. I have tried several things to fix it, making the iframe size bigger, making the photos smaller, making the area bigger in the theme I'm using. Nothing is working. Here's the link to the page: websbycheryl.com/tester/shop

Any ideas?

Help.
Cheryl
User 271657 Photo


Ambassador
3,816 posts

Cheryl, on the page you use for your images, put everything into an area starting from the top left corner that has the same dimensions as the Iframe.

So if your Iframe were 500px by 400px, the page would look something like this:

top left - - - - - - - - - - - - - - - - - - - - - - -500px - - - - - - - - - - - -
|
| <<< Put images within this area >>>
|
400px
|
|
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2147626 Photo


Ambassador
2,958 posts

Cheryl, let me take a stab at this. Be aware, I'm fairly new at coding....I looked at your site and brought up the source. Your iframe is this:
<iframe src="http://www.websbycheryl.com/tester/shop/slideshowpage.html" width="700" height="400"

Yet when I 'right-click' the image being displayed and choose 'options' it shows the dimension of the photo as 823 x 468

If I have this right you need to decrease the size of the photo to fit the iframe, or increase the size of the iframe. Either way should work for you. Let me know what happens. Good luck.
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 271657 Photo


Ambassador
3,816 posts

Even if the images are sized to fit within a 700 by 400 space, they won't all show unless they're positioned at the top left of their page. Anything outside of that area will be cut off unless scrolling is allowed.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 1870919 Photo


Registered User
61 posts

Hmmm. I'll try putting the slideshow top left but oddly enough, even when I employed the scrolling, the whole picture wasn't showing up.
Cheryl
User 187934 Photo


Senior Advisor
20,271 posts

Your images need to be at least the size of you Iframe or smaller.;)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 1870919 Photo


Registered User
61 posts

Ok, I tried it again. The slides are 823 x 468 and the iframe is 850 x 500 but I am still getting the same results. I don't know what I am doing wrong.
Cheryl

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.