Level three pages use a particular styling mechanism to make all the columns on the page appear equal in height. The method involves using a bottom padding and a negative margin for the columns and an overflow style. After pondering this for two or three days and researching on the web, I realized that most methods suggested would not solve the problem for our level three pages. However, I could solve the problem for our one column pages (level 4) by simply removing the padding and negative margin. See below an example.
/* Note: removing the column adjustment 700px will allow linking to anchors.
#MidBox {top: 0; margin:0; padding: 0; width:897px; float:left; background-color:#fff; border-right: 0px solid #000; padding-bottom: 700px; margin-bottom: -700px; list-style-position: outside; color: #000;} */
The end result of this discovery means that some of our /eresources/ pages like AtoZ and the Subject List to E-Resources, will need to be one column level four pages. This is my next area to work on.
26 June 2009
Get Help pages near final draft
Level Three pages [ GET HELP ]
We've been playing around with level three pages and what is possible with the styling at this level. For the most part, the styling adapted from ACC Web works fairly well for this level page. We have reached a near final draft of these pages:
Steve is working on the individual FAQs using the level 4 template which has only one column. We are putting these in a separate FAQs folder called NEW until we launch the pages. You can view some examples at
We've been playing around with level three pages and what is possible with the styling at this level. For the most part, the styling adapted from ACC Web works fairly well for this level page. We have reached a near final draft of these pages:
- Ask a Librarian (http://library.austincc.edu/help/mp4-page3-ask-x4.php)
- Library FAQs list page (http://library.austincc.edu/help/FAQs/mp4-page3-FAQs-x4.php)
- Research Shortcuts (http://library.austincc.edu/help/mp4-page3-shortcuts-x4.php)
- Documentation (http://library.austincc.edu/help/mp4-page3-documentation-x4.php)
- Study Guides (http://library.austincc.edu/help/mp4-page3-studyguides-x4Plus.php)
- Online Tutorials (http://library.austincc.edu/help/mp4-page3-tutorials-x4.php)
- OffCampus initial help (http://library.austincc.edu/help/mp4-page3-offCampus-x4.php)
- Research/Reference Help (http://library.austincc.edu/help/mp4-page3-refSvcs-x4.php)
Steve is working on the individual FAQs using the level 4 template which has only one column. We are putting these in a separate FAQs folder called NEW until we launch the pages. You can view some examples at
- http://library.austincc.edu/help/FAQs/NEW/faq-renew.php
- http://library.austincc.edu/help/FAQs/NEW/faq-books.php
- http://library.austincc.edu/help/FAQs/NEW/faq-other-lib.php
- avoiding using tables (faqs were full of them)
- unable to link to anchors on level 3 pages (see separate blog entry)
21 June 2009
Footer-Other file
I realized that now that I am using PHP includes for the topsection and for the footer, I needed to delete the "last revision" date from the footer. Otherwise, the date would not get changed for revisions of individual pages.
I removed the line from footer-other.htm and added a space at the bottom.
This means that I need to go into the currently created new files and add a revision statement at the bottom of each.
[div align="right" style="font-size: 0.9em;"][br]
last revision: 6/19/09[/div] Note: using square brackets instead of angled ones so code will show.
I removed the line from footer-other.htm and added a space at the bottom.
This means that I need to go into the currently created new files and add a revision statement at the bottom of each.
[div align="right" style="font-size: 0.9em;"][br]
last revision: 6/19/09[/div] Note: using square brackets instead of angled ones so code will show.
Page 4 level info
Page 4 level pages are usually the level at which we have much content, e.g., ILL information, textbook information, laptop guidelines, etc. To make this work better, it is best to have pages wider than the ACC standard of 760px. Although many web designers are designing for resolution 1024, I decided to make our pages a little less wide and we are using 900px as a compromise. The transition from our 760px home page is not as surprising. (Note: Using 760px for the library homepage because we are a direct link (tier two) from the ACC homepage.)
After working with this 900px width, it became apparent that we needed to make our level 3 pages (and maybe those few level 2 pages, too) wider as well. This would help solve some of the problems we are having when our level 3 pages are too long and break.
See the test level 3 page (Library FAQs) at
http://library.austincc.edu/help/faqs/mp4-page3-FAQs-x4x2.php
See the generic template for level 4 at
http://library.austincc.edu/mp4-page4.php
See the FAQ template for individual FAQs at
http://library.austincc.edu/help/faqs/mp4-page4-FAQ-temp.php
After working with this 900px width, it became apparent that we needed to make our level 3 pages (and maybe those few level 2 pages, too) wider as well. This would help solve some of the problems we are having when our level 3 pages are too long and break.
See the test level 3 page (Library FAQs) at
http://library.austincc.edu/help/faqs/mp4-page3-FAQs-x4x2.php
See the generic template for level 4 at
http://library.austincc.edu/mp4-page4.php
See the FAQ template for individual FAQs at
http://library.austincc.edu/help/faqs/mp4-page4-FAQ-temp.php
15 June 2009
Tracking files to be managed in the redesign
I have created a spreadsheet to track the current pages related to the LS Website that need to be either:
- converted
- deleted
- archived
I've attached the spreadsheet to the wiki page:
Subscribe to:
Posts (Atom)