UCLA Portal Blog

Everything you've wanted to know about the Portal but were afraid to ask.

Archive for the ‘Tutorials’ Category

Hard Returns & How Different Browsers Display Them

leave a comment »

Internet Explorer, Safari, FireFox, Chrome, Opera, oh my. With so many browsers available these days, it’s important that your Portal articles look similar across the board. A common concern among Portal content contributors has been the formatting issues that arise when using “hard returns” (the Enter key). In articles that contain multiple tables, sometimes the tables appear horizontally adjacent to one another, when they should really appear vertically above or below one another. Content contributors often hit the Enter key numerous times to force the table in its proper place. However, this can create formatting problems (large chunks of blank space) when the article is viewed in different browsers.  

Here are some tips to help you along.

  1. Obviously you should test your articles in different browsers. Try viewing your articles in older versions of browsers; there’s no guarantee that all your users are using the most recent version.
  2. Remove hard returns by center aligning the table.
    • Select the table
    • Right-click on the table’s outline
    • Select Properties> Table Properties
    • In the Table Properties window, set the horizontal alignment to CENTER

Doing this will reveal all the hard returns you’ve inserted to force the table in place. Delete those erroenous hard returns and the awkward white space should disappear.

As always, the Portal team is here to help. If you find yourself struggling with tables or other formatting issues, feel free to contact us at aisportaleditor@ais.ucla.edu.


Written by uclaportal

January 15, 2010 at 4:54 pm

Nesting: Helpful HTML Code for Simple Tables

leave a comment »

I was pointed to this great article by one of our Content Contributors. It’s about Nesting, or what some have called “tables within tables.” If you use graphics, bullet points or numbering in table cells, this article can help you better organize your content.

Nesting HTML Tables Tutorial

In your E Web Edit Pro toolbar, click on the View Source button, circled in the image. This will switch it to HTML view. Simply copy and paste the HTML code, and click on the button directly to the left of the View Source button to switch back to normal view.

I hope you find this article as valuable as I have.

click the button to switch to HTML view

The button switches to HTML view.

Written by uclaportal

November 6, 2009 at 3:44 pm

Helpful Tips & Tricks for UCLA Portal Contributors

leave a comment »

The UCLA Portal Newsletter offers Content Contributors helpful tips and tricks in using Vignette and writing for the web. It is available for download in PDF format and is issued periodically.

Click here to access the Newsletter Archive.

Written by uclaportal

September 23, 2009 at 4:45 pm