Differences between revisions 65 and 66
Revision 65 as of 2005-03-01 11:37:45
Size: 9743
Editor: 62
Comment:
Revision 66 as of 2005-03-01 12:03:17
Size: 9318
Editor: WikiMinion
Comment:
Deletions are marked like this. Additions are marked like this.
Line 1: Line 1:
!'''[http://phentermine1.chat.ru/ Buy phentermine]!'''! Many PersonalTelco nodes share a splash page on their CaptivePortal. We've worked hard to make sure that the page will render in pretty much every browser known to man (minimal images, no tables, uses CSS but works without it etc).
Line 3: Line 3:
!'''[http://0nline-casin0.newmail.ru Online Casino] Win money fast!'''! The splash page repository: http://www.personaltelco.net/splash/
Line 5: Line 5:
!'''[http://united-airline.boom.ru/ United Airlines tickets] !'''! Lightweight splash page in use at the urban grind coffeehouse, created
by AaronJohnson (retrieved on 7-mar-2003) [[BR]]
http://www.personaltelco.net/splash/urbangrind
Line 7: Line 9:
[http://online-degree.hotmail.ru/ Online degree] The splash page in use at Pioneer Square (retrieved on 7-mar-2003) [[BR]]
http://www.personaltelco.net/splash/pioneersquare/splash.html
Line 9: Line 12:
[http://online1degree.chat.ru/ Online degree] The Hollywood splash page is: http://auth.freepdx.com/cgi-bin/login
Line 11: Line 14:
See also: NoCatAuthWorkFlow
----
== old notes
Line 12: Line 18:
[http://chp-cigar.boom.ru/ cheap cigarettes]
[http://disc-cigar.boom.ru/ discount cigarettes]
[http://online-cigaret.hotmail.ru/ online cigarettes]
[http://marlb-cigar.boom.ru/ marlboro cigarettes]
[http://online-cigar.boom.ru/ online cigarettes]
[http://winst-cigar.boom.ru/ winston cigarettes]
[http://camel-cigar.boom.ru/ camel cigarettes]
[http://winst-cigaret.hotmail.ru/ Cheap winston cigarettes]
Here's a preliminary idea: http://www.yourpalbill.com/ptp/nodesplash/ --BillHolmstrom
Line 21: Line 20:
[http://titanium-ring.boom.ru/ | titanium ring]
[http://titanium1ring.chat.ru/ | titanium ring]
[http://man-ring.hotmail.ru/ | man ring]
[http://man-ring.boom.ru/ | man ring]
[http://ring2man.chat.ru/ | man ring]
[http://celtic-ring.newmail.ru/ | celtic ring]
[http://celtic-ring.boom.ru/ | celtic ring]
[http://celtic1ring.chat.ru/ | celtic ring]
[http://titanium-ring.newmail.ru/ | titanium ring]
[http://titanium-rings.boom.ru/ | titanium ring]
[http://titanium4ring.chat.ru/ | titanium ring]
[http://man-ring.newmail.ru/ | man ring]
[http://man-rings.boom.ru/ | man ring]
[http://ring4man.chat.ru/ | man ring]
 It looks like a good start to me, but I am worried about creating any links on that page that are not from the local gateway machine... Remember until they login they don't have any access to the Internet. I almost think that once they login they should be forced to another page that explains more about the node with a button to click to go where they originally specified. What do other people think? --MichaelCodanti
Line 36: Line 22:
  You are absolutely right. It also isn't very good for handhelds. I've worked on it a bit more and hopefully it is closer to something we can use now. No outside links until they are all logged in. Still pretty rudimentary, though: http://www.yourpalbill.com/ptp/nodesplash/ Anyone else? --BillHolmstrom
Line 37: Line 24:
Best links: '''satellite tv'''    I like the look and feel of the pages. If you need help getting the logos transformed so that the backgrounds are transparent let me know. --LonnieWormley

    Based on some info on NoCatAuthWorkFlow, and Lonnie's pages, I've got yet another page mockup available at http://www.yourpalbill.com/ptp/nodesplash/ It uses CSS and degrades well for older browsers/handhelds. --BillHolmstrom

     This looks great Bill, I think we may have a winner. We also need two more buttons to register for an account and to get guest access without logging in. -- AdamShand

      Thanks, that stuff should be trivial to add. I continue to advocate a javascript-free, table-free, server-side solution using CSS that degrades cleanly for handhelds and less compliant browsers. It works fine on Netscape 4, it just isn't as pretty. But it isn't ugly either, and it is entirely functional.

       I don't know if anyone has been trying to look at these, but they're back up anyway. --BillHolmstrom (3/15/2003)

----

[http://www.yourpalbill.com/ptp/nodesplash/v3/ Node Splash version 3] is latest page by BillHolmstrom.

Is there a way to fix the scrolling text box to make it not seem
to disappear and drop to the bottom of the browser window when
you make it smaller? Here are some screen shots showing the problems using IE 6.0 [http://www.launi.com/dc/NoCatAuth/nodesplashv3-1.png Problem 1] [http://www.launi.com/dc/NoCatAuth/nodesplashv3-2.png Problem 2] -- LonnieWormley

----
I'm still debating in my head if it's a good idea but one of my listed features for NoCatAuth is the ability to allow certain links out. This would allow us to link to sponsors sites, an AUP and other goodness. It does however increase the possibilities of DOS attacks etc. I'm thinking it's a good thing but I could be swayed either way. --AdamShand
----
A mailto: link or a web form on the page would be exceedingly useful to have people report problems of a broken gateway. This happened to me just last week (Jan2002) - I could DHPC and ping the gateway but i couldnt not authenticate, even though nocat was in open mode. That way operators could login and look at the problem right away. It would also help count how many people are having trouble, especially if the gateway is working for some people. --DonPark

 I thought about this too, but how will they report problems if the nodes broken? :-) -- AdamShand
----
Here's a quickie pasteup of the log-in over a map [http://www.universitypark.org/graphics/ptpsplash.JPG] --SamChurchill
----
Here's a PTP favicon .ico file I made: [http://www.yourpalbill.com/ptp/nodesplash/ptp.zip] (Take 2) --BillHolmstrom

 I can't get that to load or save, no errors just nothing happens. --MichaelCodanti

  I just added this as the PersonalTelco favicon.ico, it's cute. -- AdamShand

   Bill looks great! Any chance you could make it transparent? (At least outside the tower) --MichaelCodanti

    The zip file has been updated to include a transparent version of the icon. It is the best I could do with the freeware icon editor. --BillHolmstrom

     I'll get this updated this weekend. Pester me if I forget please. -- AdamShand
      It's now updated. Does it look right to people with browsers that do that stuff? Especially IE cause it's prett fussy. -- AdamShand
----
[http://www.launi.com/dc/NoCatAuth/NoCat01.html Test page 01] -- LonnieWormley

 Doesn't look right in Mozilla 0.9.7 or Netscape 4.08 in Windows. Seems ok in IE. --BillHolmstrom

  Oops, sorry Lonnie, when you told me that I assumed you were still playing with it. It really doesn't look right in Mozilla. Here's a [http://www.personaltelco.net/images/splashpage.png screenshot]. -- AdamShand

   I revised the page to not include <DIV> tags (floating boxes). I have a table constructed of background images with text on top. This page uses CSS with type measured in points. This page should work in all browsers as it uses only HTML 3.0 code. I just viewed the page with Mozilla and it worked OK. I know that the order of the content is not optimal but I'm trying to come up with a good looking page that works with all browsers and has the functions that we need. -- LonnieWormley

    It still does't [www.personaltelco.net/images/splashpage2.png look right]. It's better but not quite right, at least I don't think so but then I don't know what you're shooting for either :-) Oh, and I don't think DIV tags should be the problem, they are pretty well supported in all modern browsers I believe -- AS

----
Here is another test page. [http://www.launi.com/dc/NoCatAuth/NoCat02.html Test page 02]

This page has no floating boxes which is HTML 4.0. I have only used tables and form buttons, radio buttons, and form text boxes. The text in the boxes is copied from PersonalTelco page and [http://www.easystreet.com/services/personal_telco.html EasyStreet] website. It is there only as a place holder.

This page is another test page that is a work in progress comments appreciated and as usual the HTML source is freely available. New PTP logo includes Portland Oregon and 'www'. I think that the URL and the state need to be bolder at low resolution and size as is the case with this page.

Buttons and text input fields do not work yet. I just tried to get all of Adam's pencil story board on a page so that we could work with it.

All text and logos are filler logos. -- LonnieWormley

----
[http://www.launi.com/dc/NoCatAuth/NoCat030.html Test page 03]

This page has external CCS and has a re-direct to a registration page. New users will register on the second page and existing users will have 15 seconds to log in. -- LonnieWormley

----
[http://www.launi.com/dc/NoCatAuth/NoCat05.html Test page 05]

This page has the same techniques as page one. I've made an attempt to tighten the layout and make the page as narrow as possible. I have assumed that everyone will have to accept the user agreement to gain access. -- LonnieWormley

  I like that layout. its catchy! One problem I ran into was if you have the
  text at a non default size. The curves and stuff start popping up in weird
  places. I think if you trap the text in a table cell that might help. But
  then again, the 'I agree' 'I don't agree' options are in a table and they
  seemed to be causing problems as well. Silly web design. *sigh* btw,
  something I'm seeing more and more, is instead of 'yes/no' radio options,
  just having a 'yes' checkbox (unchecked by default). Saves space. and its
  more direct. Just pop up a Java``Script error if they don't check it. In your
  <meta name=> tag, you have 'for Personal Telco Project.' I think that's
  correct grammatically as in 'for Bob Jones' but it sounds better with a the.
  I don't know why. :) so whets right? (Just a personal curiosity here). -- ColinDabritz
Line 41: Line 109:
[http://satellite-tv.hotmail.ru/ | satellite tv] ----
[http://www.launi.com/dc/NoCatAuth/NoCat06.html Test page 06]
Line 43: Line 112:
This page addresses some of ColinDabritz's comments on page 05. There are no background graphics that go wacky when you change the font size in the browser.
Line 44: Line 114:
Best links: '''sauna''' I have also removed the radio box for not agreeing to the terms and have them consolidated into on table row. -- LonnieWormley
Line 46: Line 116:
----
[http://www.launi.com/dc/NoCatAuth/NoCat07.html Test page 07]
Line 47: Line 119:
This page does not use tables. It should be of interest to PocketPC users because it is only 292 pixels wide. I do not remember how many pixels wide the display is but here is a start.
Line 48: Line 121:
[http://sauna-eq.boom.ru/ | sauna equipment]
[http://sauna-kit.boom.ru/ | sauna kit]
[http://home-sauna.boom.ru/ | home sauna]
[http://sauna-room.boom.ru/ | sauna room]
[http://sauna-heater.boom.ru/ | sauna heater]
This page totally uses floating boxes for positioning of text. If the browser window goes below 256 pixels wide some text may overlap. -- LonnieWormley
Line 54: Line 123:

Best links: '''school'''



[http://home2-school.boom.ru/ | home school]
[http://school2home.chat.ru/ | home school]
[http://business-school.hotmail.ru/ | business school]
[http://business2school.chat.ru/ | business school]
[http://law-school.hotmail.ru/ | law school]
[http://law2school.chat.ru/ | law school]
[http://driving-school.hotmail.ru/ | driving school]
[http://driving2school.chat.ru/ | driving school]
[http://graduate-schools.hotmail.ru/ | graduate schools]
[http://graduate2schools.chat.ru/ | graduate schools]
[http://high-school-diploma.hotmail.ru/ | high school diploma]
[http://high1school4dipl.chat.ru/ | high school diploma]
[http://technical-school.hotmail.ru/ | technical school]
[http://technical1school.chat.ru/ | technical school]
[http://technical-school.narod.ru/ | technical school]
[http://culinary-school.newmail.ru/ | culinary school]
[http://culinary1school.chat.ru/ | culinary school]
[http://culinary-school.narod.ru/ | culinary school]


Best links: '''scooter'''



[http://scooter2.hotmail.ru/ | scooter]
[http://scooter11.chat.ru/ | scooter]
[http://electric-scooter.hotmail.ru/ | electric scooter]
[http://electric1scooter.chat.ru/ | electric scooter]
[http://motor-scooter.hotmail.ru/ | motor scooter]
[http://scooter8.narod.ru/ | scooter]
[http://mobility-scooter.hotmail.ru/ | mobility scooter]
[http://mobility2scooter.chat.ru/ | mobility scooter]
[http://mobility-scooter.narod.ru/ | mobility scooter]
[http://electric-scooter.narod.ru/ | electric scooter]
[http://wholesale-scooter.hotmail.ru/ | wholesale scooter]
[http://wholesale-scooter.narod.ru/ | wholesale scooter]
[http://electric-scooter2005.narod.ru/ | electric scooter]
[http://motor-scooter.narod.ru/ | motor scooter]
[http://motorized-scooter.hotmail.ru/ | motorized scooter]
[http://motorizedscooter.chat.ru/ | motorized scooter]
[http://motorized-scooter.narod.ru/ | motorized scooter]
[http://yamaha-scooter.hotmail.ru/ | yamaha scooter]
[http://yamaha2scooter.chat.ru/ | yamaha scooter]
[http://yamaha-scooter.narod.ru/ | yamaha scooter]


Best links: '''skin'''



[http://skin-treatment.boom.ru/ | skin treatment]
[http://skin-disease.boom.ru/ | skin disease]
[http://skin-treat.boom.ru/ | skin treatment]
[http://skin-trt.boom.ru/ | skin treatment]
[http://skin1-disease.boom.ru/ | skin disease]
[http://skin-treatment.hotmail.ru/ | skin treatment]
[http://skin-treatm.boom.ru/ | skin treatment]
[http://skin1treatment.chat.ru/ | skin treatment]
[http://skin-disease.hotmail.ru/ | skin disease]
[http://skin-diseas.boom.ru/ | skin disease]
[http://skin1disease.chat.ru/ | skin disease]
[http://skin-care-tip.hotmail.ru/ | skin care tip]
[http://skin-care-tip.boom.ru/ | skin care tip]
[http://skin1tip4care.chat.ru/ | skin care tip]
[http://serious-skin-care.hotmail.ru/ | serious skin care]
[http://serious-skin.boom.ru/ | serious skin care]
[http://dry-skin.hotmail.ru/ | dry skin]
[http://dry-skin.boom.ru/ | dry skin]
[http://dry1skin.chat.ru/ | dry skin]


Best links: '''skin care'''



[http://skin-care.hotmail.ru/ | skin care]
[http://skin1-care.boom.ru/ | sothys skin care]
[http://skin1care.chat.ru/ | skin care]
[http://care-skin.boom.ru/ | skin care]
[http://care4skin.chat.ru/ | skin care]


Best links: '''small business'''



[http://mso-sb.boom.ru/ | microsoft office small business]
[http://sb-tool.boom.ru/ | small business tool]
[http://im-sb.boom.ru/ | internet marketing for small business]
[http://sb-owner.boom.ru/ | small business owner]
[http://home-based-sb.boom.ru/ | home based small business]
[http://sb-server.boom.ru/ | small business server]
[http://small--business.boom.ru/ | small home business]
[http://sb-consultant.boom.ru/ | small business consultant]
[http://sb-accounting.boom.ru/ | small business accounting]
[http://sb-development.boom.ru/ | small business development]
[http://sb-startup.boom.ru/ | small business startup]
[http://sb-credit.boom.ru/ | small business credit]
[http://sb-hosting.boom.ru/ | small business hosting]
[http://sb-start-up.boom.ru/ | small business start up]
[http://sb-franchise.boom.ru/ | small business franchise]
[http://sb-finance.boom.ru/ | small business finance]
[http://sb-for-sale.boom.ru/ | small business for sale]
[http://sb-solution.boom.ru/ | small business solution]
[http://sb-web-site.boom.ru/ | small business web site]
[http://sb-credit-card.boom.ru/ | small business credit card]
[http://sb-web-design.boom.ru/ | small business web design]
[http://sb-management.boom.ru/ | small business management]
[http://sb-software.boom.ru/ | small business software]
[http://sb-resource.boom.ru/ | small business resource]
[http://sb-grants.boom.ru/ | small business grants]
[http://sb-opportunity.boom.ru/ | small business opportunity]
[http://web-hosting-sb.boom.ru/ | web hosting small business]
[http://sb-information.boom.ru/ | small business information]
[http://sb-idea.boom.ru/ | small business idea]
[http://starting-a-sb.boom.ru/ | starting a small business]
[http://sb-marketing.boom.ru/ | small business marketing]
[http://sb-services.boom.ru/ | small business services]
[http://sb-plan.boom.ru/ | small business plan]
[http://gg-for-sb.boom.ru/ | government grants for small business]
[http://how-start-sb.boom.ru/ | how to start a small business]


Best links: '''spyware killer'''



[http://spyware-killer.hotmail.ru/ | spyware killer]


Best links: '''table lamp'''



[http://table-lamp.newmail.ru/ | table lamp]
[http://table1lamp.chat.ru/ | table lamp]
[http://table-lamp.boom.ru/ | table lamp]


Best links: '''tires'''



[http://discount-tire.boom.ru/ | discount tire]
[http://tire-rack.boom.ru/ | tire rack]
[http://tire-dealer.boom.ru/ | tire dealer]
[http://goodyear-tire.boom.ru/ | goodyear tire]
[http://tire-wheels.boom.ru/ | tire wheels]
[http://motorcycle-tire.boom.ru/ | motorcycle tire]
[http://michelin-tire.boom.ru/ | michelin tire]
[http://atv-tire.boom.ru/ | atv tire]
[http://tire-rim.boom.ru/ | tire rim]
[http://truck-tire.boom.ru/ | truck tire]
[http://car-tire.boom.ru/ | car tire]
[http://firestone-tire.boom.ru/ | firestone tire]
[http://tire-plus.boom.ru/ | tire plus]
[http://goodrich-tire.boom.ru/ | bf goodrich tire]
[http://bridgestone-tire.boom.ru/ | bridgestone tire]
[http://dunlop-tire.boom.ru/ | dunlop tire]
[http://yokohama-tire.boom.ru/ | yokohama tire]
[http://nitto-tire.boom.ru/ | nitto tire]
[http://continental-tire.boom.ru/ | continental tire]
[http://trailer-tire.boom.ru/ | trailer tire]
[http://tire-wh-package.boom.ru/ | tire and wheel package]
[http://off-road-tire.boom.ru/ | off road tire]


Best links: '''titanium'''



[http://titanium-band.boom.ru/ | titanium band]


Best links: '''titanium band'''



[http://titaniumband.boom.ru/ | titanium band]
[http://titanium1band.chat.ru/ | titanium band]
[http://titanium1band.newmail.ru/ | titanium band]


Best links: '''titanium ring'''



[http://titanium1-ring.boom.ru/ | titanium ring]


Best links: '''travel'''



[http://travelagent.chat.ru/ | travel agent]
[http://travel2costarica.chat.ru/ | travel to costa rica]
[http://cruise1travel.chat.ru/ | cruise travel]
[http://italytravel.chat.ru/ | italy travel]
[http://travelnursing.chat.ru/ | travel nursing]
[http://airlinetravel.chat.ru/ | airline travel]
[http://lastminutetravel.chat.ru/ | last minute travel]
[http://cheaptravel.chat.ru/ | cheap travel]
[http://travelreservatio.chat.ru/ | travel reservation]
[http://travel1agency.chat.ru/ | travel agency]
[http://world-travel.boom.ru/ | world travel]
[http://adventuretravel.boom.ru/ | adventure travel]
[http://travel-deal.boom.ru/ | travel deal]
[http://travel-guide.boom.ru/ | travel guide]
[http://vegas-travel.boom.ru/ | vegas travel]
----
[CategoryPropaganda]

Many PersonalTelco nodes share a splash page on their CaptivePortal. We've worked hard to make sure that the page will render in pretty much every browser known to man (minimal images, no tables, uses CSS but works without it etc).

The splash page repository: http://www.personaltelco.net/splash/

Lightweight splash page in use at the urban grind coffeehouse, created by AaronJohnson (retrieved on 7-mar-2003) BR http://www.personaltelco.net/splash/urbangrind

The splash page in use at Pioneer Square (retrieved on 7-mar-2003) BR http://www.personaltelco.net/splash/pioneersquare/splash.html

The Hollywood splash page is: http://auth.freepdx.com/cgi-bin/login

See also: NoCatAuthWorkFlow


== old notes

Here's a preliminary idea: http://www.yourpalbill.com/ptp/nodesplash/ --BillHolmstrom

  • It looks like a good start to me, but I am worried about creating any links on that page that are not from the local gateway machine... Remember until they login they don't have any access to the Internet. I almost think that once they login they should be forced to another page that explains more about the node with a button to click to go where they originally specified. What do other people think? --MichaelCodanti

    • You are absolutely right. It also isn't very good for handhelds. I've worked on it a bit more and hopefully it is closer to something we can use now. No outside links until they are all logged in. Still pretty rudimentary, though: http://www.yourpalbill.com/ptp/nodesplash/ Anyone else? --BillHolmstrom

      • I like the look and feel of the pages. If you need help getting the logos transformed so that the backgrounds are transparent let me know. --LonnieWormley

        • Based on some info on NoCatAuthWorkFlow, and Lonnie's pages, I've got yet another page mockup available at http://www.yourpalbill.com/ptp/nodesplash/ It uses CSS and degrades well for older browsers/handhelds. --BillHolmstrom

          • This looks great Bill, I think we may have a winner. We also need two more buttons to register for an account and to get guest access without logging in. -- AdamShand

            • Thanks, that stuff should be trivial to add. I continue to advocate a javascript-free, table-free, server-side solution using CSS that degrades cleanly for handhelds and less compliant browsers. It works fine on Netscape 4, it just isn't as pretty. But it isn't ugly either, and it is entirely functional.
              • I don't know if anyone has been trying to look at these, but they're back up anyway. --BillHolmstrom (3/15/2003)


[http://www.yourpalbill.com/ptp/nodesplash/v3/ Node Splash version 3] is latest page by BillHolmstrom.

Is there a way to fix the scrolling text box to make it not seem to disappear and drop to the bottom of the browser window when you make it smaller? Here are some screen shots showing the problems using IE 6.0 [http://www.launi.com/dc/NoCatAuth/nodesplashv3-1.png Problem 1] [http://www.launi.com/dc/NoCatAuth/nodesplashv3-2.png Problem 2] -- LonnieWormley


I'm still debating in my head if it's a good idea but one of my listed features for NoCatAuth is the ability to allow certain links out. This would allow us to link to sponsors sites, an AUP and other goodness. It does however increase the possibilities of DOS attacks etc. I'm thinking it's a good thing but I could be swayed either way. --AdamShand


A mailto: link or a web form on the page would be exceedingly useful to have people report problems of a broken gateway. This happened to me just last week (Jan2002) - I could DHPC and ping the gateway but i couldnt not authenticate, even though nocat was in open mode. That way operators could login and look at the problem right away. It would also help count how many people are having trouble, especially if the gateway is working for some people. --DonPark

  • I thought about this too, but how will they report problems if the nodes broken? :-) -- AdamShand


Here's a quickie pasteup of the log-in over a map [http://www.universitypark.org/graphics/ptpsplash.JPG] --SamChurchill


Here's a PTP favicon .ico file I made: [http://www.yourpalbill.com/ptp/nodesplash/ptp.zip] (Take 2) --BillHolmstrom

  • I can't get that to load or save, no errors just nothing happens. --MichaelCodanti

    • I just added this as the PersonalTelco favicon.ico, it's cute. -- AdamShand

      • Bill looks great! Any chance you could make it transparent? (At least outside the tower) --MichaelCodanti

        • The zip file has been updated to include a transparent version of the icon. It is the best I could do with the freeware icon editor. --BillHolmstrom

          • I'll get this updated this weekend. Pester me if I forget please. -- AdamShand

            • It's now updated. Does it look right to people with browsers that do that stuff? Especially IE cause it's prett fussy. -- AdamShand


[http://www.launi.com/dc/NoCatAuth/NoCat01.html Test page 01] -- LonnieWormley

  • Doesn't look right in Mozilla 0.9.7 or Netscape 4.08 in Windows. Seems ok in IE. --BillHolmstrom

    • Oops, sorry Lonnie, when you told me that I assumed you were still playing with it. It really doesn't look right in Mozilla. Here's a [http://www.personaltelco.net/images/splashpage.png screenshot]. -- AdamShand

      • I revised the page to not include <DIV> tags (floating boxes). I have a table constructed of background images with text on top. This page uses CSS with type measured in points. This page should work in all browsers as it uses only HTML 3.0 code. I just viewed the page with Mozilla and it worked OK. I know that the order of the content is not optimal but I'm trying to come up with a good looking page that works with all browsers and has the functions that we need. -- LonnieWormley

        • It still does't [www.personaltelco.net/images/splashpage2.png look right]. It's better but not quite right, at least I don't think so but then I don't know what you're shooting for either :-) Oh, and I don't think DIV tags should be the problem, they are pretty well supported in all modern browsers I believe -- AS


Here is another test page. [http://www.launi.com/dc/NoCatAuth/NoCat02.html Test page 02]

This page has no floating boxes which is HTML 4.0. I have only used tables and form buttons, radio buttons, and form text boxes. The text in the boxes is copied from PersonalTelco page and [http://www.easystreet.com/services/personal_telco.html EasyStreet] website. It is there only as a place holder.

This page is another test page that is a work in progress comments appreciated and as usual the HTML source is freely available. New PTP logo includes Portland Oregon and 'www'. I think that the URL and the state need to be bolder at low resolution and size as is the case with this page.

Buttons and text input fields do not work yet. I just tried to get all of Adam's pencil story board on a page so that we could work with it.

All text and logos are filler logos. -- LonnieWormley


[http://www.launi.com/dc/NoCatAuth/NoCat030.html Test page 03]

This page has external CCS and has a re-direct to a registration page. New users will register on the second page and existing users will have 15 seconds to log in. -- LonnieWormley


[http://www.launi.com/dc/NoCatAuth/NoCat05.html Test page 05]

This page has the same techniques as page one. I've made an attempt to tighten the layout and make the page as narrow as possible. I have assumed that everyone will have to accept the user agreement to gain access. -- LonnieWormley

  • I like that layout. its catchy! One problem I ran into was if you have the text at a non default size. The curves and stuff start popping up in weird places. I think if you trap the text in a table cell that might help. But then again, the 'I agree' 'I don't agree' options are in a table and they seemed to be causing problems as well. Silly web design. *sigh* btw, something I'm seeing more and more, is instead of 'yes/no' radio options, just having a 'yes' checkbox (unchecked by default). Saves space. and its

    more direct. Just pop up a JavaScript error if they don't check it. In your <meta name=> tag, you have 'for Personal Telco Project.' I think that's correct grammatically as in 'for Bob Jones' but it sounds better with a the. I don't know why. :) so whets right? (Just a personal curiosity here). -- ColinDabritz


[http://www.launi.com/dc/NoCatAuth/NoCat06.html Test page 06]

This page addresses some of ColinDabritz's comments on page 05. There are no background graphics that go wacky when you change the font size in the browser.

I have also removed the radio box for not agreeing to the terms and have them consolidated into on table row. -- LonnieWormley


[http://www.launi.com/dc/NoCatAuth/NoCat07.html Test page 07]

This page does not use tables. It should be of interest to PocketPC users because it is only 292 pixels wide. I do not remember how many pixels wide the display is but here is a start.

This page totally uses floating boxes for positioning of text. If the browser window goes below 256 pixels wide some text may overlap. -- LonnieWormley


[CategoryPropaganda]

NodeSplashPages (last edited 2013-12-18 17:04:17 by c-24-20-192-253)