[thelist] CSS/HTML question
Suellen Stringer-Hye
Stringers at LIBRARY.Vanderbilt.edu
Wed Nov 8 10:23:12 CST 2000
Hello,
There is a menu list on our web page that I used CSS to format. I
could have used tables but the page is so full of tables I thought it
would be better, if I could get away with it, to use CSS. For the
majority of browsers and platforms this works fine but I have just
discovered that the 4.5 IE Mac browser used by Intermedia @home
doesn't interpret the <br> tags and therefore throws all of the menu
items into a single line. I know I could uset the <dd> list tag but
the indent is too large and at the time I was putting this together
this coding seemed easier/better than trying to figure out how to
change the indent size if that was going to be possible at all. In
any case, I'm wondering how you all would handle this problem.
Thanks in advance for any tips you may have. Here's the code, the
associated style and the URL for the page where you will see the
problem if you have the above browser. Also, if anyone runs into
this problem with a different browser, will you let me know which
platform/browser you are using. Thanks in advance...I know I
should provide a tip but I'm afraid I learn all my tips from you all!
************************************************************
.list { font-family: Verdana, Arial, Helvetica, sans-serif; padding-left:
15px; font-size: 9pt; width: 100% }
.listhead { font-family: Verdana, Arial, Helvetica, sans-serif; font-
size: 10pt; font-weight: bold}
***************************************
<p></p><span class="listhead">Library Catalogs</span><br />
<span class="list"><a href="http://acorn.library.vanderbilt.edu"
onmouseover="self.status=' Look for books, journals and other
materials held by the library. ';
return true" title="Catalog of the Vanderbilt University
Library">ACORN</a><br /></span>
<span class="list"><a href="/iris/vandy.html"
onmouseover="self.status=' Look for materials held by the
consortium. ';
return true" title="Catalog of the libraries of Vanderbilt,
University of
Tennessee, and University of Kentucky">IRIS</a><br /></span>
<span class="list"><a href="/athena/vandy.html"
onmouseover="self.status=' Look for materials held by the
consortium. ';
return true" title="Catalog of Vanderbilt and eleven other
Nashville area
libraries" >ATHENA</a><br /></span>
<span class="list"><a href="/heard/catalogs.shtml#othcats"
onmouseover="self.status=' Search these catalogs from other
libraries to identify materials not held by Vanderbilt, IRIS or
ATHENA. ';
return true" title="Catalogs of other U.S and International
libraries">Other Catalogs</a></span>
<p></p><span class="listhead">Top Databases</span><br />
<span class="list"><a
href="http://lib10.library.vanderbilt.edu:8080/cgi-
bin/go2.pl?URL=http://proxy.library.vanderbilt.edu:2048/login?url=htt
p://web.lexis-nexis.com/universe&RC=1374" onMouseOver
="self.status='Connect to Lexis-Nexis Academic Universe'; return
true" onClick ="self.status='Connect to Lexis-Nexis Academic
Universe'; return true" onMouseOut ="self.status=' '; return
true">Academic Universe</a><br /></span>
<!-- <span class="list"><a
href="http://proxy.library.vanderbilt.edu:2048/login?url=http://web.lex
is-nexis.com/universe">Academic Universe</a><br
/></span> -->
<span class="list"><a
href="http://lib10.library.vanderbilt.edu:8080/cgi-
bin/go2.pl?URL=http://proxy.library.vanderbilt.edu:2048/login?url=htt
p://www.umi.com/pqdauto&RC=1417" onMouseOver
="self.status='Connect to ProQuest'; return true" onClick
="self.status='Connect to ProQuest'; return true" onMouseOut
="self.status=' '; return true">ProQuest</a><br /></span>
<!-- <span class="list"><a
href="http://www.britannica.com/">Britannica.com</a><br
/></span> -->
<span class="list"><a
href="http://lib10.library.vanderbilt.edu:8080/cgi-
bin/go2.pl?URL=http://www.britannica.com/&RC=1242"
onMouseOver ="self.status='Connect to Britannica Online'; return
true" onClick ="self.status='Connect to Britannica Online'; return
true" onMouseOut ="self.status=' '; return
true">Britannica.com</a><br /></span>
<!-- <span class="list"><a
href="http://proxy.library.vanderbilt.edu:2048/login?url=http://www.u
mi.com/pqdauto">ProQuest</a><br /></span> -->
<span class="list"><a
href="http://lib10.library.vanderbilt.edu:8080/cgi-
bin/go2.pl?URL=http://proxy.library.vanderbilt.edu:2048/login?url=htt
p://erl.library.vanderbilt.edu:8590/psycinfo?&RC=1418"
onMouseOver ="self.status='Connect to PsycINFO'; return true"
onClick ="self.status='Connect to PsycINFO'; return true"
onMouseOut ="self.status=' '; return true">PsycINFO</a><br
/></span>
<!-- <span class="list"><a
href="http://proxy.library.vanderbilt.edu:2048/login?url=http://erl.libra
ry.vanderbilt.edu:8590/psycinfo?">PsycInfo</a><br /></span> -->
<span class="list"><a
href="http://lib10.library.vanderbilt.edu:8080/cgi-
bin/go2.pl?URL=http://proxy.library.vanderbilt.edu:2048/login?url=htt
p://webofscience.com/&RC=1461" onMouseOver
="self.status='Connect to Web of Science'; return true" onClick
="self.status='Connect to Web of Science'; return true"
onMouseOut ="self.status=' '; return true">Web of Science</a><br
/></span>
<!-- <span class="list"><a
href="http://proxy.library.vanderbilt.edu:2048/login?url=http://www.w
ebofscience.com/">Web of Science</a><br /></span> -->
<span class="list"><a
href="http://lib10.library.vanderbilt.edu:8080/cgi-
bin/go2.pl?URL=http://proxy.library.vanderbilt.edu:2048/login?url=htt
p://webscript.library.vanderbilt.edu/vandforms/WorldCat&RC=1469"
onMouseOver ="self.status='Connect to WorldCat'; return true"
onClick ="self.status='Connect to WorldCat'; return true"
onMouseOut ="self.status=' '; return true">WorldCat</a><br
/></span>
<!-- <span class="list"><a
href="http://proxy.library.vanderbilt.edu:2048/login?url=http://webscri
pt.library.vanderbilt.edu/vandforms/WorldCat.New">WorldCat</a><b
r /></span> -->
<span class="list"><a
href="http://lib10.library.vanderbilt.edu:8080/cgi-
bin/go2.pl?URL=http://proxy.library.vanderbilt.edu:2048/login?url=htt
p://web3.infotrac.galegroup.com/itw/infomark/837/98/73774487w3/p
url=rc6_ITOF&dyn=2!vdb_ITOF?sw_aep=tel_a_vanderbilt&RC=6544
" onMouseOver ="self.status='Connect to InfoTrac OneFile'; return
true" onClick ="self.status='Connect to InfoTrac OneFile'; return
true" onMouseOut ="self.status=' '; return true">InfoTrac
OneFile</a><br /></span>
<span class="list"><a href="/heard/edatabases.shtml"
onmouseover="self.status=' Search for articles and full-text
materials. ';
return true" title="A complete list of all our research
databases" >All Databases</a></span>
<p></p><a href="/heard/ejournals.shtml" class="listhead"
onmouseover="self.status='Electronic journals by keyword or
alphabetical list'; return true" title="Find electronic journals">E-
Journals</a>
<p></p><a href="/ref/" class="listhead"
onmouseover="self.status=' Encyclopedias, Dictionaries and other
Reference Tools '; return true" title="A selection
of web based resources for quick factual information ">Reference
Tools</a>
<p></p><a href="/request/table.shtml" class="listhead"
onmouseover="self.status='The library provides many services for
patrons'; return true" title="Forms for Library Services">Request
Forms</a><br />
<span class="list"><a
href="http://acorn.library.vanderbilt.edu/uhtbin/cgisirsi/0/0/29/50/3">
Renew
an item</a><br /> </span>
<span class="list"><a
href="/heard/forms/recall.shtml">Recall an item</a><br /></span>
<span class="list"><a
href="/request/annex_request.shtml">Annex</a><br /></span>
<span class="list"><a
href="/request/obsv.shtml">Observatory</a><br /></span>
<span class="list"><a href="/request/rush.shtml">Rush an
item</a><br />
</span> <span class="list"><a
href="/request/illforms.shtml">Interlibrary-Loan</a><br />
</span>
<span class="list"><a
href="/request/purchase.shtml">Purchase</a><br /></span>
<span class="list"><a
href="/request/suggestion.shtml">Comments</a><br /></span>
<span class="list"><a href="/request/email.shtml">Email-
notification</a><br /></span>
<span class="list"> <a
href="http://proxy.library.vanderbilt.edu:2048/login?url=http://www.lib
rary.vanderbilt.edu/restricted/refform.shtml">Reference</a>
</span>
<p></p>
<a href="/heard/reserves.shtml" class="listhead"
onmouseover="self.status='Materials placed on Reserve by
instructors'; return true" title="What are Course Reserves?"><br />
Course Reserves</a><br />
<span class="list"><a
href="http://acorn.library.vanderbilt.edu/uhtbin/cgisirsi/0/0/36/30182"
onmouseover="self.status=' Lookup items on reserve. ';
return true" title="Print reserves in the library">ACORN</a><br
/></span>
<span class="list"><a href="/heard/erpp.shtml"
onmouseover="self.status='Lookup items on Electronic Reserve.';
return true" title="Digitized reserve material available
electronically">
E-Reserves</a><br /> </span>
<span class="list"><a
href="http://proxy.library.vanderbilt.edu:2048/login?url=http://www.lib
rary.vanderbilt.edu/restricted/reserve.shtml"
onmouseover="self.status='Faculty and Instructors can request
materials be placed on-reserve. ';
return true" title="Faculty/Instructor's form for placing materials on-
reserve.">Course Requests</a></span>
<p></p><span class="listhead">Library Information<br /></span>
<span class="list"><a
href="/heard/info/phone.shtml#med">Hours</a><br /></span>
<span class="list"><a href= "/heard/staffdir.shtml">Staff
Directory</a></span>
<p></p><span class="listhead">Search the Web<br
/></span>
<span class="list"><a href="/heard/search.shtml">all
Library</a><br />
</span> <span class="list"><a
href="http://www.vanderbilt.edu/search.html">all
Vanderbilt</a><br />
</span>
<span class="list"><a
href="http://www.vanderbilt.edu/Internet.html">all Web</a></span>
Suellen Stringer-Hye
Jean and Alexander Heard Library
Vanderbilt University
stringers at library.vanderbilt.edu
More information about the thelist
mailing list