Welcome to SP!  -
Areas & RangesMountains & RocksRoutesImagesArticlesTrip ReportsGearOtherPeoplePlans & PartnersWhat's NewForum

Glossary page

Put a page up for adoption, find a page up for adoption, or report an abandoned page in need of adoption.
 

Glossary page

Postby nartreb » Wed Nov 06, 2013 4:04 pm

Since the last layout upgrade to SP, the formatting on this page is messed up:
http://www.summitpost.org/glossary-summ ... etc/173401

Table of Contents pushes the main text way down the page; nearly all the photos are now in the wrong places; could also use some fresh photos.

Anybody want to take over? I may not have time to fix it for months.
User Avatar
nartreb

 
Posts: 1996
Joined: Sat Apr 03, 2004 10:45 pm
Location: online or in boston, Massachusetts, United States
Thanked: 111 times in 90 posts

Re: Glossary page

Postby Bob Sihler » Wed Nov 06, 2013 8:11 pm

I fixed the pictures. You had this code in the "peak" section:

[img:60583:alignleft:thumb:multiple peaks along a ridgeline]

However, the picture wasn't there. It probably was deleted. I've seen this happen before, so I knew what to look for.

I don't know of a quick fix for the Table of Contents.

Edit: There are other deleted pictures in the code, so the pictures are still off in several sections.
"Alcohol is like love. The first kiss is magic, the second is intimate, the third is routine. After that you take the girl's clothes off."

--Terry Lennox, The Long Goodbye (Raymond Chandler)
User Avatar
Bob Sihler
Forum Moderator
 
Posts: 7506
Joined: Mon Aug 23, 2004 3:20 pm
Location: Herndon, Virginia
Thanked: 1985 times in 1116 posts

Re: Glossary page

Postby Josh Lewis » Wed Nov 06, 2013 9:55 pm

Using my CSS magic I added the following code:

Code: Select all
<style type="text/css">.main_content h2 {clear: none !important;}</style>


Basically it over writes SP's template to make the headers not be forced to have their own line. See Bob, CSS is a little more than just "looking nice". :wink: Yes it made it look nicer, but in this case layout was very much effected. Let me know if you have any further issues with the page.
User Avatar
Josh Lewis

 
Posts: 2351
Joined: Thu Jan 06, 2011 11:12 pm
Location: Lynnwood, Washington, The Cloudiest Place on Earth, United States
Thanked: 506 times in 334 posts

Re: Glossary page

Postby mrchad9 » Wed Nov 06, 2013 10:06 pm

You shouldn't have to add that code. There is some bug with the existing tools that should be corrected.
User Avatar
mrchad9

 
Posts: 4210
Joined: Thu Jul 02, 2009 12:01 am
Location: San Ramon, California, United States
Thanked: 1216 times in 825 posts

Re: Glossary page

Postby nartreb » Fri Nov 08, 2013 8:50 pm

Thanks all, that's vastly better. I might find enough time to take it from here.
User Avatar
nartreb

 
Posts: 1996
Joined: Sat Apr 03, 2004 10:45 pm
Location: online or in boston, Massachusetts, United States
Thanked: 111 times in 90 posts

Re: Glossary page

Postby Josh Lewis » Sun Nov 10, 2013 4:34 am

mrchad9 wrote:You shouldn't have to add that code. There is some bug with the existing tools that should be corrected.


In a ideal world you would be correct. But unfortunately we don't. I have to play by the rules of CSS and other code languages which are set up in a specific way to do specific things. When designing SPV3 we had an issue with the first header with centering it to match up with the other headers. Unfortunately the table of contents bumped it. This almost resulted in having the first header on the left. After some convincing and thinking I came up with a solution that seemed "fair enough" where it's centered but bumped over from the table of contents.

Regarding the issue, in my opinion it's not a bug. According to Wikipedia it says a bug is:

an error, flaw, failure, or fault in a computer program or system that produces an incorrect or unexpected result


We knew what to expect when we used the method that we are currently using. The old method had some pretty noticeable issues such as content floating through where it's not supposed to. I decided to test two of your pages (without actually editing them of course) to see what would happen if I removed the "clear: both;" method from headers. This was the result:

headers.png
headers.png (804.71 KiB) Viewed 1600 times


This happened on a page that does not use heavy duty images on the side. You can imagine what it did to some other pages that we've seen. I attempted to make images not flow through content by making the images have the clear both method. Unfortunately aligned images were not places as they should be (as in a right image would float left). So we did the only method that we could come up with which was to make sure content did not flow through the headers themselves. The unintended side effect was that pages with tons of headers and less text at the beginning had huge spaces. The benefits certainly outweighed the issues that it created.

The good news is that while I was typing this message I may have thought up of a solution. It would involve making the table of contents in it's own column of the template while still having everything else float around it. This will involve a bit of logically mapping it out and experimentation. And because of the nature of it's complexity I cannot test it on SP itself. Fortunately my own site will do for testing grounds.
User Avatar
Josh Lewis

 
Posts: 2351
Joined: Thu Jan 06, 2011 11:12 pm
Location: Lynnwood, Washington, The Cloudiest Place on Earth, United States
Thanked: 506 times in 334 posts


Return to Page Adoption Forum

 


  • Related topics
    Replies
    Views
    Last post

Who is online

Users browsing this forum: No registered users and 0 guests

© 2006-2013 SummitPost.org. All Rights Reserved.