This question is answered.


Permlink Replies: 4 - Pages: 1 - Last Post: 24 Jun 26, 01:21 Last Post By: jret Threads: [ Previous | Next ]
jret

Posts: 115
Registered: 5-Mar-2009
Neptune: well, I'm stumped
Posted: 23 Jun 26, 21:01
 
  Click to reply to this thread Reply
My plan was to make a small mod to the home page. Been thinking about it for several months and decided to take a stab. After studying existing code I usually try to make good use of copy/paste rather than reinvent the wheel.

Here's the LINK BEFORE the change.The last two folder thumbs are links. My goal was to separate these from the previous thumbs, i.e. start a new line, reduce the size slightly, retain the link overlay, and add a title, allowing the current thumb links to be replaced with newer links.

Here's the LINK to the new look I'm trying to achieve.

I copied the code for the two links from the original and pasted it into the Bottom Info section. I then copied the thumbnails generated in the original to the res folder. Fiddled with image sizes and a couple of other things. Everything looked OK except the "new" thumbnails would not display horizontally (both on same line) - only vertically. Started experimenting (always dangerous) and ended up adding a div -- ja-fthumbs, resulting in a close approximation of what I was attempting to achieve. The spacing gap between the main thumbs and the last two link thumbs should probably be less. Well .... everything seemed AOK until I ran a validation check and learned that duplicate IDs (ja-fthumbs) are not allowed. Looked it up, read a little bit, learned some more ... all good things. But moving forward for a proper solution has me a bit stumped.

The two link thumbs are essentially static - no content and a link that shouldn't change. I like the idea of visually separating the link thumbs from the other thumbs.

I suspect there's a better way to code this, perhaps even simpler, but I've run into a dead end trying to solve this one. The obvious solution is to leave well enough alone, but I'm hoping to make the change properly.

Side question -- when I'm looking at my sites on my iPhone and rotate the phone from portrait to landscape, some of the text enlarges. I can't see a particular pattern other than it's usually with text at the bottom of the page, i.e. copyright or similar. Thoughts - or is this another "hidden" iPhone feature? If not an iPhone thing, is there a way to prevent the font size from changing when rotating the phone?

Thanks,
GWJ
JeffTucker

Posts: 8,362
Registered: 31-Jan-2006
Re: Neptune: well, I'm stumped
Posted: 23 Jun 26, 21:52   in response to: jret in response to: jret
Correct
  Click to reply to this thread Reply
The most interesting one, first:

jret wrote:
Side question -- when I'm looking at my sites on my iPhone and rotate the phone from portrait to landscape, some of the text enlarges. I can't see a particular pattern other than it's usually with text at the bottom of the page, i.e. copyright or similar. Thoughts - or is this another "hidden" iPhone feature? If not an iPhone thing, is there a way to prevent the font size from changing when rotating the phone?

This is, indeed, iOS doing us a favor that we didn't ask for. The skin makes some adjustments for "small display" viewing, but this ain't one of them!

Try this custom CSS - something I found online, but haven't tested:
html {
  -webkit-text-size-adjust: 100%;
}
JeffTucker

Posts: 8,362
Registered: 31-Jan-2006
Re: Neptune: well, I'm stumped
Posted: 23 Jun 26, 22:24   in response to: jret in response to: jret
 
  Click to reply to this thread Reply
Now, to the "new folder thumbnail section" problem.

I ran your page through my favorite validator. There is one "real" problem, to wit, an extra closing </div> tag in your infotxt material. Seeing it only online, I can't quite sort it out, but you need to go through the code you've entered and count the "opening" and "closing" tags on your fingers - "one open, now two open, now three open, now two open (because I just hit a "close")," and so on. When you get to "minus 1 open," you'll know you've found the culprit.

The other problem, a duplicate div id, is technically invalid, but this one gets violated all the time. It doesn't do any harm in this case because none of the page's Javascript code is specifically targeting that id. So, it's not creating any ambiguity.

Fixing it properly would take far more effort than it's worth. You could hack the skin files to change that id to a class, but it's all over the place - in the templates that produce the page code, in the CSS, and in some of the Javascript. The other option would be to invent your own id, but then you'd have to give it all the attributes of the regular #ja-fthumbs section. Again, wildly laborious, with lots of landmines.

So I'd say, "Leave well enough alone." It works, and it looks the way you want it to.
jret

Posts: 115
Registered: 5-Mar-2009
Re: Neptune: well, I'm stumped
Posted: 24 Jun 26, 01:14   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
thanks for the code ... added it to the CSS & it appears to work. I haven't had time to test further but it appears to solve that issue.
jret

Posts: 115
Registered: 5-Mar-2009
Re: Neptune: well, I'm stumped
Posted: 24 Jun 26, 01:21   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
I was aware of the extra closing tag & hadn't taken the time to ferret out the problem. Thanks for the helpful hint to quickly locate the div tags. Worked a charm.

Well ... it bothers me (only slightly) to know that I have an error in the site. I'm actually more relieved that it's an "OK" error in this case, allowing me to keep the changes without spending a lot of extra time writing code to make it work.

As always, you've really helped me a lot plus helped me learn some new things.

At the risk of sounding like a broken record, playing the same excerpt ad nauseam, I will again mention how wonderful jAlbum & Neptune are. Thanks for everything.
Legend
Forum admins
Helpful Answer
Correct Answer

Point your RSS reader here for a feed of the latest messages in all forums