SummitPost.org

rgg wrote:

boyblue wrote:

Montana Matt wrote:

boyblue wrote:The only bug I've noticed is that the button that allows one to link back to the original picture page on sliding panoramas is gone. I noticed this issue on one of my pages, but it also affected the sliding panorama example given in the FAQ.

rgg wrote:I saw that too, but assumed it wasn't a bug, but intentional. In fact, I think it's an improvement: you don't need that button, you can click on the image itself for the same effect.

rgg is correct. It was intentional. But I do see that the panorama in the FAQ isn't linked to the main image when clicked. Is it similar on your pages? If so, please provide a link and we'll see what we can do about fixing that

http://www.summitpost.org/dragon-jaw-peak-0-9-miles-ene-of-dragon-peak/832109

I couldn't resist fiddling around with it. The closest I got is this:

Code: Select all

<noformat>
<div align="center" class="thumb" style="background-color:transparent !important;">
<div style="width:770px;height:630px;overflow:auto;">
  <a href=/view_object.php?object_id=832086>
   <img src="http://www.summitpost.org/images/original/832086.jpg">
  </a>
<br>180 Degree Panorama From Summit</div>
</div>
</noformat>


In your page, this should replace the fragment

Code: Select all

<center><table class="thumb"><tbody><tr><td><div><div style="width:770px;height:470px;overflow:auto;"><img src="http://www.summitpost.org/images/original/832086.jpg"></div><div class="magnify" style="float: right; margin-top: 5px;"><a href="/view_object.php?object_id=832086" title="View Pano"> <img src="/images/layout/abby/magnify.gif" alt="Enlarge"></a></div><font color="black">180 Degree Panorama From Summit</font></div></td></tr></tbody></table></center>


If you want to see the result before pasting it into your page, look here.

It's close, but not quite ideal yet, for (at least) two reasons:
- The caption below the image scrolls along with it
- No vertical scroll bar (I can get one, but then the caption would only show up after scrolling down and that's no good)

But there are some good points too:
- Horizontal scroll bar
- The same look-and-feel as a regular centered image
- There is a link to the object page if you click on the image


If I manage to do a better job, I'll post it again. I don't know how often I've used vertical scroll bars myself, but at least one, so I have to look into it soon anyway when I check and fix that page.

Good luck, Rob

Thanks so much, Rob! It looks great and I can't wait to play with it, but my wife is yelling at me to hurry up (we're going to San Jose). Doesn't she realize what an important day this is for us SPers?

I'll work on it this evening.
-Gordon

Montana Matt wrote:@rgg, that's a good guess and that HTML should be cleaned up, but I've identified the issue as larger than bad HTML. Anytime a section has nothing but HTML in it (with no text between the tags) nothing renders. I'm guessing that this is a nuance of the PHP/MySQL upgrade and I didn't catch it earlier on when I was looking for problems and fixing them.

Is that part of the problem with Bubba's maps in section 4 of the Mount Shasta page? It has text, but the text is within HTML tags.

rgg wrote:

chugach mtn boy wrote:Hey, could somebody look at this page:

http://www.summitpost.org/view_object.php?object_id=815642&confirm_post=7

and tell me why the 3 photos under "Views" are no longer displaying? They displayed fine in v.2. They are still in the underlying code and are coded as follows:

<center><a href="http://www.summitpost.org/summit-view-east/815639/c-815642"><img src="http://images.summitpost.org/original/815639.JPG" "height=500 and width=750"></a><br /><br /></center>

<center><a href="http://www.summitpost.org/eastward-view/814692/c-815642"><img src="http://images.summitpost.org/original/814692.JPG" "height=500 and width=750"></a><br /><br /></center>

<center><a href="http://www.summitpost.org/toward-rabbit-lake/814700/c-815642"><img src="http://images.summitpost.org/original/814700.JPG" "height=500 and width=750"></a><br /><br /></center>

Just a thought:

"height=500 and width=750"

is not valid HTML.

Try

height="500" width="750"

instead. It should work without the double quotes as well, by the way.
I guess that the reason the images showed up previously is that SP was more forgiving, and incorrect HTML stuff usually got ignored. The new SP still lets through a few things that are incorrect HTML (that is, it's left to the browser to figure it out), but a whole lot more is caught than before.

Thanks for giving it a shot. That doesn't seem to be the issue, though. I tried the change you suggested and it didn't work. Then I looked at some of my other pages such as this one:
http://www.summitpost.org/government-peak-talkeetna-mountains/735569
where the the 750 x 500 code I was using continues to work perfectly. I snipped the code from the other page, lock stock and barrel, and plugged it into the page we are talking about (815642), and the code stopped working. Strange.

Oh, sorry, now I see the earlier posts. So Matt is on the right track. Apart from the issue he has identified, the bad html does continue to work in v.3 (which is surely fortunate since some of us have a lot of it).

Matt, you guys kind of shot yourselves in the foot on the photo layout within each beta page. I thought you guys might add some sort of image tool. You need to make it easier, not harder. Ryle, or whoever designed it originally at least had some insight that a climber or whoever could put his photos in one place and they would free flow to the side, not worrying about hard page/paragraph breaks....now when one adds images, looks to me the process is completely the same except you have added a step that they need to know where the hard breaks are as to how many photos one can add to each section....not a big deal...but you really have made it more difficult for someone adding hard beta. Before, one just determined their preferable order and then just added them at the beggining in one location....done...write away after that. Good luck with it though, I am sure it won't make much difference with your current members, most of them don't mind putting in the extra time and are more computer literate than average.

Montana Matt wrote:

mrchad9 wrote:Is that part of the problem with Bubba's maps in section 4 of the Mount Shasta page? It has text, but the text is within HTML tags.

Yes, same issue. I just added a bit of text ("a") to the anchor and the images show fine now. I'm working on it...

I know y'all are aware of the problem and are working on it, but I just thought I would point out that this problem effects some of the weather beta people have used on pages, as can be seen here.

boyblue wrote:

rgg wrote:

boyblue wrote:

Montana Matt wrote:

boyblue wrote:The only bug I've noticed is that the button that allows one to link back to the original picture page on sliding panoramas is gone. I noticed this issue on one of my pages, but it also affected the sliding panorama example given in the FAQ.

rgg wrote:I saw that too, but assumed it wasn't a bug, but intentional. In fact, I think it's an improvement: you don't need that button, you can click on the image itself for the same effect.

rgg is correct. It was intentional. But I do see that the panorama in the FAQ isn't linked to the main image when clicked. Is it similar on your pages? If so, please provide a link and we'll see what we can do about fixing that

http://www.summitpost.org/dragon-jaw-peak-0-9-miles-ene-of-dragon-peak/832109

I couldn't resist fiddling around with it. The closest I got is this:

Code: Select all

<noformat>
<div align="center" class="thumb" style="background-color:transparent !important;">
<div style="width:770px;height:630px;overflow:auto;">
  <a href=/view_object.php?object_id=832086>
   <img src="http://www.summitpost.org/images/original/832086.jpg">
  </a>
<br>180 Degree Panorama From Summit</div>
</div>
</noformat>


In your page, this should replace the fragment

Code: Select all

<center><table class="thumb"><tbody><tr><td><div><div style="width:770px;height:470px;overflow:auto;"><img src="http://www.summitpost.org/images/original/832086.jpg"></div><div class="magnify" style="float: right; margin-top: 5px;"><a href="/view_object.php?object_id=832086" title="View Pano"> <img src="/images/layout/abby/magnify.gif" alt="Enlarge"></a></div><font color="black">180 Degree Panorama From Summit</font></div></td></tr></tbody></table></center>


If you want to see the result before pasting it into your page, look here.

It's close, but not quite ideal yet, for (at least) two reasons:
- The caption below the image scrolls along with it
- No vertical scroll bar (I can get one, but then the caption would only show up after scrolling down and that's no good)

But there are some good points too:
- Horizontal scroll bar
- The same look-and-feel as a regular centered image
- There is a link to the object page if you click on the image


If I manage to do a better job, I'll post it again. I don't know how often I've used vertical scroll bars myself, but at least one, so I have to look into it soon anyway when I check and fix that page.

Good luck, Rob

Thanks so much, Rob! It looks great and I can't wait to play with it, but my wife is yelling at me to hurry up (we're going to San Jose). Doesn't she realize what an important day this is for us SPers?

I'll work on it this evening.
-Gordon

I fiddled some more, and got it working with a vertical scroll bar too! Here is the code:

Code: Select all

<noformat>
<center>
<table class='thumb'>
  <tr>
   <td style="text-align:center;">
    <div style="width:770px;height:470px;overflow:auto;">
     <a href=/view_object.php?object_id=832086>
      <img src="http://www.summitpost.org/images/original/832086.jpg">
     </a>
    </div>
    <br>180 Degree Panorama From Summit
   </td>
  </tr>
</table>
</center>
</noformat>

And here is the preview.

Bubba Suess wrote:

Montana Matt wrote:

mrchad9 wrote:Is that part of the problem with Bubba's maps in section 4 of the Mount Shasta page? It has text, but the text is within HTML tags.

Yes, same issue. I just added a bit of text ("a") to the anchor and the images show fine now. I'm working on it...

I know y'all are aware of the problem and are working on it, but I just thought I would point out that this problem effects some of the weather beta people have used on pages, as can be seen here.

If you happen to use an iframe to show the weather, like this

Code: Select all

<iframe ... src="link-to-weather"></iframe>

Then you could solve the problem by putting text between the <iframe> and </iframe> tags, like this:

Code: Select all

<iframe ... src="link-to-weather">The iframe cannot be displayed</iframe>

In fact, the only purpose of the text in the iframe tag is so that browsers that cannot handle the iframe properly can show the text instead. For the SP problem at hand, you could use any text. Or just wait until it is fixed.

@ Dow Wiliams, the bullet points were not working due to invalid HTML. You need to have the

Code: Select all

<ul></ul>

in the code. I placed it in the page you mentioned. But you need to apply this to the links.

Josh Lewis wrote:@ Dow Wiliams, the bullet points were not working due to invalid HTML. You need to have the

Code: Select all

<ul></ul>

in the code. I placed it in the page you mentioned. But you need to apply this to the links.

Thanks for the thought Josh...but don't do that again....whatever you did threw off margins on the top and bottom and it took me a bit to get it back....it is all fine...I am not to worried what any of it looks like at the moment....

Montana Matt wrote:OK, was finally able to track down the issue with sections that only have HTML in them not displaying. Should be fixed now.

They are working again on my pages. Thanks Matt!

Montana Matt wrote:OK, was finally able to track down the issue with sections that only have HTML in them not displaying. Should be fixed now.

Fixed on my pages. Thanks.

rgg wrote:I fiddled some more, and got it working with a vertical scroll bar too! Here is the code:

Code: Select all

<noformat>
<center>
<table class='thumb'>
  <tr>
   <td style="text-align:center;">
    <div style="width:770px;height:470px;overflow:auto;">
     <a href=/view_object.php?object_id=832086>
      <img src="http://www.summitpost.org/images/original/832086.jpg">
     </a>
    </div>
    <br>180 Degree Panorama From Summit
   </td>
  </tr>
</table>
</center>
</noformat>

And here is the preview.

Thanks, Rob! I just implemented your code and it works perfectly. I see it even fixed the visibility issue of the caption.
-Gordon

Edit: Not quite sure what to do about the situation I mention below, align="center" is deprecated as well.

Folks, just a heads up, I see all this panorama code going around. I strongly suggest not using the center tag but instead including in the table something like this:

Code: Select all

<table class='thumb' align='center'><tr><td>  Code...</td></tr></table>

The main difference was I added a align='center'. This is because it is deprecated by the W3C. The reasoning for this is because HTML tags are intended to be used for display and not formatting. So as a result, they dropped support for it. For now it doesn't really affect us, but for the future we should have good practice now. Use the align attribute! Plus, center tag is actually more characters.

For those who are curious, <div align="center"></div> does the same thing as <center><div></div></center>. There's a phrase out there that less is more.

I am impressed by the folks who can understand every post in this thread.

Now where is that copy of Euler's formula I had...