In describing my reunion is there a way to add an outline box around some of the copy in order to set it aside from the rest of the copy?

Hi Barry,

I would use a table, 1 column & 1 row.

500px is the maximum width before the table or an image will overlap out the right side of your page. I normally use 400 px in announcements (my home page). Run a preview to determine if you want/need to adjust the size.

Have fun!

Thank you so much. That worked great. Now, how to center that table? I'm playing with it: any ideas? Thanks in advance. Barry

1. Before I add a table or image, I center the top blank line and insert a few more using the enter key.

2. Place the cursor in the middle of the space you know is set as centered on the page.

3. Insert your table or graphic.

4. Remove extra lines as you wish. Some find it easier to do that in SOURCE.

IF you have a table or graphic on the page, you can pick it up and move it to the space.

Use CSS definitions. That's how that is done today. Automatically adjusts to different page and display sizes. That's the beauty of Responsive Design for alternate display devices.

Use the editor SOURCE mode to enter the code shown.

Here's the code to make an outline around anything. There many more options. This is just the basic stuff. You can change the background to a graphic too.

Edit: added margin: auto; /* centers div */

You can have multiple different styles. Just change the name and change the specifications.

You also can have "div" with different styles within "div"s. It's way more flexible vs tables.

Copy and paste ALL the code into a test page and experiment. Code automatically adjusts to page sizes.

<style type="text/css"> .surround1 { width:99%; /*adjusts to width of page - lower percent makes it smaller*/ border: solid 1px black; /* width and color of border */ padding:5px; /* leaves space round text */ border-radius: 5px; /* rounds the corners */ background:lightyellow; /* color of the background */ box-shadow: 4px 4px 14px #000; /* pretty edge */ margin: auto; /* centers div */ } </style> <div class="surround1"> As we head toward our 50 year reunion this fall, let's make a big push to find as many of our missing classmates as possible. The list of missing is about half of the graduating class. </div>

Admins who have a tablet or smartphone may find it helpful to check new pages and announcements on their devices. It is helpful when using images and tables.

Example of how the code shown above displays

Hi Jack. It is good to 'see' you.

Barry,

At some point, CENTER became an option for tables. It helps to look at dropdown options now and then. Oops.

So when you insert a table, Table Properties opens. Under the number of rows and such is Alignment. Click on the arrow to view the options: Left, Center, Right.

It is right there and I missed it until yesterday. My apologies.

Jack, hope you got this as well.

Gwen

tables with fixed sizes are obsolete. Those html options have been around forever. It works but not a good way to do this. The editor does not offer the better CSS options. CSS classes adapt easily if design choices are changed. If one makes the size as 100 percent, one doesn't need to center at all The class I made requires NO changes if one changed to a responsive design.

You can actually use the "style" I gave as a table class= and that makes the table responsive too.

CC should create a sticky forum discussing how to do common tasks to make not only style changes easier, but also more flexible.

For this specific topic, it's super easy to highlight sections too. All one has to do is fit the 'div' and '/div' to surround whatever is desired to be highlighted and poof, it's done. No cells, no rows, ultra simple.

The only 'hard' part is learning how to make classes. What's cool about classes is that if you change the class details you automatically change ALL things that use that class. Nothing else needs to be changed.

CC uses classes all over the place because of that behavior. Responsive design can easily be modified for that reason too. And so does most web pages now made.

Jack Vermeulen wrote:

Jack, I suggest you start a topic and submit the idea of making it sticky. If your input is helpful it should not be lost in threads. This is my opinion as I have read admins noting your suggestions helped as they thanked you.

Personally, when I respond to admins without knowing their understanding of the system or more, I respond according to what is offered by CC.

Let me know if you follow through with your thought.

CC is not interested. Already did that years ago. Some sort of distortion field I guess

The issue with "fixed" element sizes is that it can break Responsive Design. That's all.

Never use a fixed size unless you absolutely have to. Always use a percent. That works for ALL the layouts. And makes porting from Classic to Responsive simple.

Classes are super simple once understood. I've taught a few admins how to make stuff both flexible and pretty using classes