Am wondering why all of my links for pages and tables of content are now justified and/or elongated. Source shows they should be "centered" as they've been since they were created, but something has caused this change. Please help fix this.

Thanks,
Carole

Can you give a specific example? Links on the left (and sublinks) all look normal (left justified) per CC conventions. Internal page links look OK although I don't know how you intended them to look.

Internally page created links are all centered.

If you reboot and it is still that way, I suspect some sort of malware attached itself to the browser. Use Malwarebytes to scan for any problems.

Nice job on the Reunion #60 landing page.

I"m probably calling my problem by the wrong name. You showed me how to divide a lengthy page into smaller ones and "link" them together with code that begins with

"table cellpadding="0" cellspacing="0" class="tablelinks" height="30" width="80">
   tbody
      tr
         td style="text-align: center;"input class="clickbutton" onclick="window.open('http://www.FengerJune1958.com/Fenger-Courier-1958.htm','_self')" type="button" value="COURIER" />

Across the top and bottom of each page are tabs that lead to the next in the group. Look at any of my pages that have sub-pages (Fenger High School, Roseland, Chicago Neighborhood Names, Radio Premiums) and you will/should see the tabs are justified rather than centered as the code requests. Also, the "links" which allow the reader to Return To INdex or Return To Beginning have a much wider width, justified again, than requested.

Sorry I don't have the right terminology. I do remember how to set it up though.

Carole

Let's do one page to get a better idea what you mean.

I picked Fenger Courier 1958

The 'button' text there is properly centered, although the clickbutton class could be made wider (100 makes it all one line), that's up to you.

What do you see? Take a screenshot and post here.

Firefox has a very cool feature where you right click, select "Take a screenshot", then you select the area, crop it, save and download. I just did that to show you what I see.

If you are referring to Remembering Roseland page and the second set of links in the table (Our Roseland, etc), that table is missing the code you used on the very top. If you meant for it to be that way or not, I can't tell.

Your screen shot is exactly what I mean. They used to be side by side in the center -- not justified, end of page to end of page.

Look at the table of contents and the links to top of page also: Return to Index. All of those, on every page, are in a box that extends from one end of the page to the other. I will post a screen shot of that.

(I wonder why I'm not getting notices that you have responded to my question?)

What do you mean by "the second set of links?"

I tried to attach the screen shot.

I think by the second set of links you may mean the table of contents for that particular page? No, it only goes on that particular page and not the others in the Roseland section. They are what I mean are elongated or side of page to side of page. They, too, should be grouped in the center and side by side.

The "Return to Index" and "Return to Beginning" also stretch from side to side and should not.

Thanks, Jack. I appreciate your help.

Carole

CC notices from this forum have always been sporadic. I never rely on them. Sometimes they arrive WEEKS later. Click "What's New?" instead

To get what you want the table definition needs to be changed. You now have
<table class="tablelinks" width="80" height="30" cellspacing="0" cellpadding="0">

You need this instead (note that is how Responsive Elements are usually coded, in percentages, not absolute size).
<table style="width:50%;">
You can actually have a 0% width and it will work. If you want a certain spacing between them change the % till you see what you like.

And you really do not need a table at all. Putting them in sequence will automatically space them correctly. IOW, no table, no body, no td, no tr Looks like this
<input class="clickbutton" onclick="window.open('http://www.FengerJune1958.com/Fenger-Courier-1958.htm','_self')" value="COURIER" type="button"> <input class="clickbutton" onclick="window.open('http://www.FengerJune1958.com/class_custom3.cfm','_self')" value="REMEM-BERING" type="button"> <input class="clickbutton" onclick="window.open('http://www.fengerjune1958.com/class_gallery.cfm?gallery_link_id=11764','_self')" value="FENGER NEWS" type="button"> <input class="clickbutton" onclick="window.open('http://www.FengerJune1958.com/New-55th-Year-Reunion.htm','_self')" value="55th REUNION" type="button"> <input class="clickbutton" onclick="window.open('http://www.FengerJune1958.com/class_custom1.cfm','_self')" value="50th REUNION" type="button"> <input class="clickbutton" onclick="window.open('http://www.FengerJune1958.com/class_classmates_missing.cfm','_self')" value="MISSING MATES" type="button"> <input class="clickbutton" onclick="window.open('http://www.FengerJune1958.com/class_custom5.cfm','_self')" value="FENGER-OPOLY" type="button">

CSS is a bit tricky in that mixing old html and new is not valid in most instances. In this case the width/height are ignored, reverting to a full width default (which is correct). There could have been a browser "fix" that now works as it should. Possibly some CC default CSS changes.

I think the tablelinks class may have been intended for a different layout - without the button class variation? Don't remember.

And CC changed the TABLE default definition to 100% without realizing the consequences of doing that. Should not have been done.

Looking at the "second links" that also were affected by that change.

Second set of links within a page need the same correction to table definition. You could also override the CC table definition but that might affect their code.

<table class="anchorlinks" style="width:50%;" align="center">

CC should not have made a global change to table to 100% though. Responsive design requires ALL elements to be done properly and I suspect someone thought that would help

The same problem exists with hard coded image sizes and various widgets. There needs to be a detailed summary of what sort of thing have to be changed to be truly responsive. Most CC sites have elements that are not responsive. They won't adapt correctly to portable small screens.

Yes, tablelinks was my first class when you helped break down my very long Christmas page that took an hour to load. I've been using it for everything since -- 'cause it works, at least until now, and 'cause I didn't know any better.

Thanks for your help fixing this.

Carole