New Topic Reply Subscription Options |
Results in Different Browsers
Forums: Questions and Answers About Building Your Site | |||
|
|||
Participant: Log in to see names |
Friday, September 16, 2011 at 9:58 AM
After looking through the help forums, I've gotten the impression that it is possible that CC pages appear the same in all browsers. Mine certainly don't, and I'd love to know how to do this. At the moment, I'm working on a page called "Focus on the 50s" and have added the several copies of the same collage on the left to correspond to the data on the right. This changes as I add more data. I'm doing this in a table. The number of collages necessary is different in each browser. For example, Firefox needs far less than Chrome and AOL. I've noticed the same with other pages on my site--especially with the size of type. Can pages be created that appear the same in all browsers? If not, which would be the best to use? If they can, please tell me the secret. Thanks, Carole
|
||
|
|||
Participant: Log in to see names |
Friday, September 16, 2011 at 11:37 AM - Response #1
Try making your collages in a photo editing program, combining all the image into one rather than using a table.
|
||
|
|||
Participant: Log in to see names |
Friday, September 16, 2011 at 12:26 PM - Response #2
The collages are imported as a .jpeg file so they are coming in as one object at a time. Since I don't know in advance how many sets of collages I'll need, I add one collage as I add information on the other side of the table. I could attach them together once all the material is on the site, export them as a .jpeg, and import them as one "photo." Do you think this would help? Thanks for your thoughts,
|
||
|
|||
Participant: Log in to see names |
Friday, September 16, 2011 at 2:56 PM - Response #3
I understand it's different than I was envisioning after looking at your page. One solution: Instead of the vertical collage of artwork, make a horizontal one that fits between the topics. I'm assuming you have the artwork and text in two columns of a table. Very creative. You've got a good start!
|
||
|
|||
Participant: Log in to see names |
Friday, September 16, 2011 at 3:05 PM - Response #4
Thanks, John. But, I should be able to do what I'm trying, shouldn't I? Carole
|
||
|
|||
Participant: Log in to see names |
Saturday, September 17, 2011 at 1:10 AM - Response #5
You set the background of the cell to the collage (vs stacking images). You need to resize the image narrower - to around 60 width (whatever you had img sized to), otherwise it assumes the size (width) of the image. It will automatically tile the cell as required. This will look the same in all browsers.
|
||
|
|||
Participant: Log in to see names |
Saturday, September 17, 2011 at 10:08 AM - Response #6
I changed the image width to 60--it had been at 95--but, at that width, it's had to read the individual parts of the collage.
|
||
|
|||
Participant: Log in to see names |
Saturday, September 17, 2011 at 1:44 PM - Response #7
The cell background needs to be set and the cell width. Delete all the img (ages) first. Type something there so you can find it easier in source mode. I can't directly see your original so I'm just peeking around at what is there. I can also only play locally without the CC environment. So you may need some adjustment to my comments - maybe in left/right white space. You have 2 columns on the left, the first one has the images you have now. Set the first column to a width of 95 pixels (to match your prior image width). The background image is stored at 95 (I just took 60 as a quick guess before, size up to you of course.) | ||
|
|||
Participant: Log in to see names |
Saturday, September 17, 2011 at 8:22 PM - Response #8
Well, Jack, I didn't get it to work. I deleted all the collage images, wrote what you did in source--though it redid it as: | I then reloaded all the collage images to the length I wanted, saved it all, and took a look. I did this in Firefox and it looked fine. But, it did not look the same in IE, Chrome, and AOL. Can you try again to explain this? Many thanks,
|
|
|
|||
Participant: Log in to see names |
Saturday, September 17, 2011 at 11:39 PM - Response #9
To show code here, use the code button - it tries to interpret otherwise This had me going for a bit, till I created a test page to isolate where the problem is occurring. The short story is that your page has some html errors. FF and Opera were smart enough to recover, but the other browsers all got confused when I used a cell background. I used different methods and the display errors varied between the browsers. So there's something amiss in there Here's a link you can use to verify that basic concept works. I used both a fixed cell width of 95 and a percent of 17 just to test both methods. I left it very simple so you can easily identify the code by using your browser's view source feature. Look for the code follows this and when you get to that's where it stops. Browser comments: AOL messed up everything when they got the code to IE (part of a settlement thingy). AOL is a teeny tiny percent of browsers. that's my take I test IE8, IE9, FF, Chrome, Opera and Safari. You can test AOL with this and see if it works. It should work, but I wouldn't worry if it did not.
|
||
|
|||
Participant: Log in to see names |
Sunday, September 18, 2011 at 8:59 AM - Response #10
Well, I'm very proud to say I found what I was suppose to; but it's a bit out of my league. However, I am determined to learn how to do this. This is mine and my observations(The Xs are mine and are before and after the table): |
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXX
1. I seem to have where you have