Gazing into my crystal ball I observed Nomen Nescio <Use-Author-Supplied-
Address-Header@[EMAIL PROTECTED]
> writing in news:494aeba4ef63312a41e40229ac5907e9
@[EMAIL PROTECTED]
> I had a program once that created the javascript for a table
> of contents page.
There are inherint problems with using javascript for generating a table
of
contents. Since, it is client side, if a visitor does not have javascript
available, then the menu will not be available, or some of the functions
of
the menu will not be available.
Better to use CSS a:hover for mouseoever effects.
>
> What I had on the page was a single column table, with 16 rows.
> In the top row, was a static image, that was not linked to any
> other pages (the club logo). The next 13 cells in the table
> (the rows beneath the topmost row) were GIFs that were "buttons"
> one could press which would open the corresponding page in the
> main frame. The bottom two rows were a hit counter and an upload
> date.
Oops! Call the table abuse cops - abuse of tables! Tables should be used
for tabular data, not for page layout. Why? For several reasons:
1. If the table is not set up correctly, when it is linearized by a
screenreader, the contents can be read in the wrong order.
2. Tables take longer to render because there is more markup, and some
browsers will not render the page until all the table markup is read.
That
can be quite a while for someone on dial up.
3. Because of their complexity, they can be difficult to debug. Some
browsers will not render a page at all if there is something wrong with
the
table markup, eg. a missing </td>.
You would be better off using CSS.
>
> I do not remember the name of the program I used, but it was a
> WYSIWIG editor that then generated the javascript code that I
> could paste into the HTML (I use Front Page Editor) and when
> previewed, it showed the table of contents I wanted.
>
> For some odd reason (after setting aside this webpage design for
> a year) some of the buttons are now not showing the mouseover
> effect.
>
> I don't know what happened in the intervening time, as I have
> not altered anything on the page, but the mouseover effect is
> only working on seven of the buttons.
>
> I have no idea how to fix this, or what is wrong with it, and
> I have checked about 20 sites that offer javascript help with
> the mouseover effect, and I am no closer to understanding how
> it works, or to what I should rename anything to make this work.
>
> Can anyone reccomend a program (preferably freeware) that will
> help me create a contents/index table with the mouseover effect,
> or point me to someone who can help me (out of the goodness of
> their heart! LOL) troubleshoot this?
>
The best program is called Gray Matter, and you already have it.
1. Learn HTML - really easy http://www.allmyfaqs.com/faq.pl?HTML_Tutorials
2. Learn CSS - not too difficult - Brucie's list of CSS tutorials and
other
fun, giggley stuff:
css tutorials and other fun 'n giggly css stuff:
http://www.css.nu/
http://www.mako4css.com/
http://www.richinstyle.com/
http://www.blazonry.com/css/
http://www.w3schools.com/css/
http://www.websitetips.com/css/
http://www.htmlhelp.com/reference/css/
http://www.pageresource.com/dhtml/indexcss.htm
http://www.climbtothestars.org/coding/cssbasic/
http://www.htmlcenter.com/tutorials/index.cfm/css/
http://www.freewebmastertips.com/php/content.php3?aid=48
http://www.canit.se/~griffon/web/writing_stylesheets.html
http://www.utoronto.ca/ian/books/xhtml2/exerpt/css-4a.html
http://idm.internet.com/articles/200101/csstutorial1a.html
http://www.greytower.net/en/archive/articles/tsutsumi.html
http://www.westciv.com.au/style_master/academy/css_tutorial/
http://webmonkey.com/authoring/stylesheets/tutorials/tutoria
l1.html
layout examples:
http://www.glish.com/css/
http://www.csszengarden.com/
http://www.wannabegirl.org/css/
http://tantek.com/CSS/Examples/
http://www.saila.com/usage/layouts/
http://www.bluerobot.com/web/layouts/
http://www.benmeadowcroft.com/webdev/
http://www.xs4all.nl/~apple77/columns/
http://www.meyerweb.com/eric/css/edge/
http://www.htmler.org/tutorials/3/1.html
http://css.nu/articles/floating-boxes.html
http://webhost.bridgew.edu/etribou/layouts/
http://www.roguelibrarian.com/lj/index.html
http://css-discuss.incutio.com/?page=CssLayouts
http://ecoculture.com/styleguide/r/rollovers.html
http://thenoodleincident.com/tutorials/box_lesson/index.html
http://www.webreference.com/authoring/style/sheets/layout/ad
vanced/
rounded corners:
http://www.albin.net/CSS/roundedCorners/
http://www.webweaver.org/dan/css/corners/
http://www.guyfisher.com/builder/workshop/css/corners/
slants: http://www.infimum.dk/HTML/slantinfo.html
centring: http://stone.thecoreworlds.net/www/centre/
lists: http://www.alistapart.com/stories/taminglists/
pure css menus: http://www.meyerweb.com/eric/css/edge/menus/demo.html
master compatibility charts:
http://www.xs4all.nl/~ppk/css2tests/intro.html
http://www.blooberry.com/indexdot/css/index.html
http://macedition.com/cb/resources/abridgedcsssup****t.html
old:
http://www.immix.net/html/CSSGuide.htm
http://devedge.netscape.com/library/xref/2003/css-sup****t/
hiding CSS from crappy browsers:
http://centricle.com/ref/css/filters/
http://www.ericmeyeroncss.com/bonus/trick-hide.html
http://www.w3development.de/css/hide_css_from_browsers/
css checkers:
http://jigsaw.w3.org/css-validator/
http://www.htmlhelp.com/tools/csscheck/
cascading style sheets, level 1 specification
http://www.w3.org/TR/REC-CSS1.html
cascading style sheets, level 2 specification
http://www.w3.org/tr/rec-css2/cover.html
cascading style sheets, level 2 revision 1 working draft
http://www.w3.org/TR/2002/WD-CSS21-20020802/
3. Get yourself a good editor - here's Brucie's list:
free:
jedit: http://www.jedit.org/
nedit: http://www.nedit.org/
ewisoft: http://www.ewisoft.com/
netpadd: http://www.netpadd.com/
araneae: http://www.araneae.com/
1st page: http://www.evrsoft.com/
crimson: http://crimsoneditor.com/
ezpad: http://www.mmedia.is/ezpad/
acehtml: http://freeware.acehtml.com/
notetab light: http://www.notetab.com/
html-kit: http://www.chami.com/html-kit/
context: http://www.fixedsys.com/context/
pspad: http://www.pspad.com/en/index.html
websmill: http://www.xtreeme.com/websmill/
metapad: http://www.liquidninja.com/metapad/
quanta (linux): http://quanta.sourceforge.net/
tswebeditor: http://thaler.ennstal.at/tswebeditor/
notespad: http://www.newbie.net/NotesPad/index.html
grey matter pro: http://www.pagetutor.com/misc/grey.html
editpad lite: http://www.editpadlite.com/editpadlite.html
stones webwrite: http://www.webwriter.dk/english/index.htm
matizha sublime: http://www.matizha.com/en/products/sublime/
not free:
textpad: http://www.textpad.com/
[$30]
notetab: http://www.notetab.com/
[$10+]
editplus: http://www.editplus.com/
[$30]
ultraedit: http://www.idmcomp.com/
[$35]
editpad: http://www.editpadpro.com/
[$40]
hypertext studio: http://www.olsonsoft.com/
[$100]
namo: http://www.namo.com/products/webeditor/
[$90]
acehtml pro: http://www.visicommedia.com/acehtml/
[$50]
ibm websphere: http://www-3.ibm.com/software/webservers/hpbuilder/
[$70]
spider writer: http://www.actiprosoftware.com/Products/SpiderWriter/
[$80=
]
Trust me, with plain HTML and nice CSS, you will do a lot better than
having a program spit something out that breaks and you don't know how to
fix it.
--
Adrienne Boswell
http://www.cavalcade-of-coding.info
Please respond to the group so others can share
|
