SPv3 formatting problems

Suggestions and comments about SummitPost's features, policies, and procedures. Post bugs here.
User Avatar
boyblue

 
Posts: 191
Joined: Sat Feb 15, 2003 9:30 am
Thanked: 111 times in 66 posts

Re: SPv3 formatting problems

by boyblue » Sat Jan 26, 2013 7:39 pm

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? :roll:

I'll work on it this evening. :)
-Gordon

User Avatar
mrchad9

 
Posts: 4545
Joined: Thu Jul 02, 2009 12:01 am
Thanked: 1338 times in 911 posts

Re: SPv3 formatting problems

by mrchad9 » Sat Jan 26, 2013 7:53 pm

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.

User Avatar
chugach mtn boy

 
Posts: 942
Joined: Sat Jun 10, 2006 7:54 pm
Thanked: 224 times in 129 posts

Re: SPv3 formatting problems

by chugach mtn boy » Sat Jan 26, 2013 8:04 pm

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.

User Avatar
chugach mtn boy

 
Posts: 942
Joined: Sat Jun 10, 2006 7:54 pm
Thanked: 224 times in 129 posts

Re: SPv3 formatting problems

by chugach mtn boy » Sat Jan 26, 2013 8:08 pm

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).

User Avatar
Dow Williams

 
Posts: 2345
Joined: Mon Jul 12, 2004 1:59 pm
Thanked: 219 times in 101 posts

Re: SPv3 formatting problems

by Dow Williams » Sat Jan 26, 2013 8:28 pm

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.

User Avatar
Bubba Suess

 
Posts: 726
Joined: Tue Oct 04, 2005 9:15 pm
Thanked: 183 times in 105 posts

Re: SPv3 formatting problems

by Bubba Suess » Sat Jan 26, 2013 8:29 pm

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.

User Avatar
rgg
Forum Moderator
 
Posts: 859
Joined: Sat Oct 02, 2010 7:15 pm
Thanked: 192 times in 154 posts

Re: SPv3 formatting problems

by rgg » Sat Jan 26, 2013 8:41 pm

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? :roll:

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.

The following user would like to thank rgg for this post
boyblue

User Avatar
rgg
Forum Moderator
 
Posts: 859
Joined: Sat Oct 02, 2010 7:15 pm
Thanked: 192 times in 154 posts

Re: SPv3 formatting problems

by rgg » Sat Jan 26, 2013 8:51 pm

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.

User Avatar
Josh Lewis

 
Posts: 3412
Joined: Thu Jan 06, 2011 11:12 pm
Thanked: 1108 times in 677 posts

Re: SPv3 formatting problems

by Josh Lewis » Sat Jan 26, 2013 9:06 pm

@ 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. :wink:

User Avatar
Dow Williams

 
Posts: 2345
Joined: Mon Jul 12, 2004 1:59 pm
Thanked: 219 times in 101 posts

Re: SPv3 formatting problems

by Dow Williams » Sat Jan 26, 2013 10:07 pm

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. :wink:


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....

User Avatar
Bubba Suess

 
Posts: 726
Joined: Tue Oct 04, 2005 9:15 pm
Thanked: 183 times in 105 posts

Re: SPv3 formatting problems

by Bubba Suess » Sat Jan 26, 2013 10:08 pm

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!

User Avatar
chugach mtn boy

 
Posts: 942
Joined: Sat Jun 10, 2006 7:54 pm
Thanked: 224 times in 129 posts

Re: SPv3 formatting problems

by chugach mtn boy » Sat Jan 26, 2013 10:26 pm

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.

User Avatar
boyblue

 
Posts: 191
Joined: Sat Feb 15, 2003 9:30 am
Thanked: 111 times in 66 posts

Re: SPv3 formatting problems

by boyblue » Sun Jan 27, 2013 12:31 am

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. :D
-Gordon

User Avatar
Josh Lewis

 
Posts: 3412
Joined: Thu Jan 06, 2011 11:12 pm
Thanked: 1108 times in 677 posts

Re: SPv3 formatting problems

by Josh Lewis » Sun Jan 27, 2013 1:17 am

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

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. :wink:

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. 8)
Last edited by Josh Lewis on Sun Jan 27, 2013 7:07 pm, edited 1 time in total.

The following user would like to thank Josh Lewis for this post
boyblue

User Avatar
mrchad9

 
Posts: 4545
Joined: Thu Jul 02, 2009 12:01 am
Thanked: 1338 times in 911 posts

Re: SPv3 formatting problems

by mrchad9 » Sun Jan 27, 2013 1:33 am

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...

PreviousNext

Return to Site Feedback

 


  • Related topics
    Replies
    Views
    Last post

Who is online

Users browsing this forum: No registered users and 0 guests