Solved

Image map and Scrolling Break in Safari

Posted on 2004-08-19
19
1,080 Views
Last Modified: 2012-06-22
Sigh: I worked for two days on these pages, thinking I was keeping it really simple.  They both work in FireFox but in Safari the Dedication page does not show a vertical scroll bar and Safari will not respond to the image map in either page.

http://www.himalayanacademy.com/books/dws-new/dws_dedication.html
http://www.himalayanacademy.com/books/dws-new/dws_introduction.html

Why one would scroll in Safari and not the other when the DOM for each is virtually identical is mysterious. And Safari responds to the image map perfectly in a table based layout.  and its the same image map used in all the books on site.

Thanks
Sivakatirswami
Himalayan Academy Publications
0
Comment
Question by:Sivakatirswami
  • 10
  • 9
19 Comments
 

Author Comment

by:Sivakatirswami
ID: 11849241
OK, i solved the image map problem... sloppy work on my part that up to now has not been a problem...

I had the map name set to <map id="book_nav_bar_Map" name="book_nav_bar_Map">

but the image attribute to: usemap="#book_nav_bar_map"   Seems Safari is case sensitive and FireFox is forgiving...

but the issue of why the introduction page scrolls in Safari but the dedication page does not, remains.

Sivakatirswami
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 11850870
I'm curious, why are you absoluely positioning the book image and dedication areas, this is causing the page to be cut of as well in IE6/Win.

Can we do a simple float here? Let me know...

Thanks,
Sean



0
 
LVL 31

Expert Comment

by:seanpowell
ID: 11850967
I have to run out for a while - here's an example.


HTML
********************



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content="HTML Tidy for Mac OS (BBTidy vers 1st December 2002), see www.w3.org" />
<meta http-equiv="Window-target" content="_top" />
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" />
<meta name="DESCRIPTION" content="A richly illustrated sourcebook of Indian spirituality in question-and-answer form, exploring how to know the Divine, honor all creation and see God everywhere, in everyone." />
<meta name="KEYWORDS" content="Hinduism, Hindu, Meditation, Sects, Family, Marriage, conduct, Catechism, Self Realization, Realize God, Enlightenment, Reincarnation, Spiritual, Spirituality, Jnana, Mantra, Sanatana, India, Religion, Dharma, Karma, Shiva, Siva, Shaiva, Saiva, Shaivism, Saivism, Shaivite, Saivite, Comparative Religion, Metaphysics, Culture, Conversion, Nandinatha, Sampradaya, Kailasa, Parampara, Guru, Ashram, Hawaii, Kauai, Iraivan, Temple, Gurudeva, Bodhinatha, Swami, Satguru, Aum, Puja, worship, karma, Saiva Siddhanta, Subramuniyaswami, Sanatana Dharma, Jnana, Kriya, Yoga, Charya" />
<meta name="generator" content="Main text exported from print layout to HTML with Gluon Web Xpress; global text manipulation programmed in Revolution; cleaned, tweaked with Barebones BBEdit, BBtidy and mounted in Adobe GoLive" />
<title>Dancing with Siva, Dedication</title>
<link type="text/css" href="../../css/hap_books.css" rel="stylesheet" media="screen" />
</head>
<body>

<div id="container">
      
<div id="header">
      <p class="runningHeaderLeft">Dancing with Siva</p>
      <p class="runningHeaderRight">Dedication</p>
</div>

<div id="headerNav">
      <img src="../images/book_nav_bar.jpg" width="580" height="38" border="0" alt="Navigation Bar" usemap="#book_nav_bar_Map" />
</div>

<div id="openingBackgroundArt"></div>

<div id="openingSpreadLeft">
      <img src="../images/Yogaswami.jpg" height="438" alt="Yogaswami" width="290" />
</div>

<div id="openingSpreadRight">

      <img src="../images/Tamil-Suli.jpg" alt="" height="18" width="42" border="0" />

      <h1>Samarpanam<br />Dedication</h1>

      <!-- Let's get rid of all these and set the margin on the p tag instead <br /><br /><br /><br /> -->
      <!-- we want to use as little html markup as possible in controlling positioning :-) -->

      <p class="artCaption">Indra Sharma captures the powerful grace of Satguru Siva Yogaswami of Jaffna, Sri Lanka ( 1872-1964 ). He is proudly bearing the three lines of holy ash that every Saivite honors and a simple, hand-woven cloth which he always wore.</p>
</div>

<div id="pagecontent">

      <p><img src="../images/Verse_Break_Border.jpg" alt="" width="500" height="11" /></p>

      <!-- Let's get rid of these <br clear="left" /><br /> -->

      <p><img src="../images/color_alphabet/G.jpg" height="73" width="72" align='left' hspace="6" vspace="2" alt="H" />
      ANESHA, THE LORD OF CATEGORIES, WHO REMOVED ALL BARRIERS TO THE MANIFESTATION OF THIS CONTEMPORARY HINDU CATECHISM, TO HIM WE OFFER OUR REVERENT OBEISANCE. THIS TEXT IS DEDICATED TO MY <i>SATGURU, </i> SAGE YOGASWAMI of Columbuthurai, Sri Lanka, perfect <i>siddha yogi</i>      and illumined master who knew the Unknowable and held Truth in the palm of his hand. As monarch of the Nandinatha Sampradaya's Kailasa Parampara, this obedient disciple of Satguru Chellappaswami infused in me all that you will find herein. Yogaswami commanded all to seek within, to know the Self and see God Siva everywhere and in everyone. Among his great sayings: "Know thy Self by thyself. Siva is doing it all. All is Siva. Be still." Well over 2,000 years ago Rishi Tirumular, of our lineage, aptly conveyed the spirit of <i>Dancing with Siva:</i></p>

      <blockquote>
            The thirty-six elements dance. Sadashiva dances. Consciousness dances. Siva-Shakti dances. The animate and inanimate dance. All these and the <i>Vedas</i> dance when the Supreme dances His dance of bliss. The seven worlds as His golden abode, the five chakras as His pedestal, the central <i>kundalini shakti</i> as His divine stage, thus in rapture He dances, He who is Transcendent Light. He dances with the celestials. He dances in the golden hall. He dances with the three Gods. He dances with the assembly of silent sages. He dances in song. He dances in ultimate energy. He dances in souls -- He who is the Lord of Dances. Tat Astu.
      </blockquote>

      <div id="footerNav">
            <img src="../images/book_nav_bar.jpg" alt="Navigation Bar" width="580" height="38" border="0" usemap="#book_nav_bar_Map" />
      </div>

      <!-- Let's get rid of this <br /> -->
</div>

</div>

<map id="book_nav_bar_Map" name="book_nav_bar_Map">
      <area shape="rect" alt="" coords="275,2,376,14" href="/index.html" />
      <area shape="rect" alt="" coords="275,22,379,34" href="/books/online_books.html" />
      <area shape="rect" alt="" coords="440,2,551,15" href="dws_table_of_contents.html" />
      <area shape="rect" alt="" coords="409,22,473,34" href="dws_table_of_contents.html" />
      <area shape="rect" alt="" coords="508,22,576,34" href="dws_introduction.html" />
</map>

</body>
</html>


CSS
***********************

/* August 18th, 2004 CSS  for Himalayan Academy Publications Books */


/* standard elements  at the top*/
/* can delete later when these pages take the new site wide css design*/

body
{
      font-family: "Times New Roman", Arial;
      padding:20px;
      margin:0;
}

#container
{
      width:580px;
}

p
{
      font-size: 120%;  
      margin-top: 0px;
      line-height:1.1em;
}

/* for subheads above inline text sections */
p.subhead
{
      font-weight: bold;
      margin-top: 4 em;
      margin-bottom: 0px;      
}
      
p.hangingIndent
{
      margin-top: 4 em;
      padding-left: 1em;
      text-indent: -1.1em
}
      

h1
{
      color: rgb(116,1,4);
      font-size: 175%;
      font-weight: bold;
      text-align: center;
}

h2
{
      font-size: 135%;
      font-weight: normal;
      text-align: center;
}

img.centered
{
      margin-left: 145px;
      width: 290px;
      clear: both;
}

h3
{
      font-size: 150%;
      font-weight: normal;
      text-align: center;
      clear: left;
}

h4
{
      color: rgb(116,1,4);
      font-size: 150%;
      font-weight: bold;
      text-align: center;
}

hr.centered
{
      text-align: center;
      margin-top: 10px;
      margin-bottom: 10px;
      margin-left: 145px;
      width: 50%;
      height: 2px;
      clear: left;
}

blockquote { font-size: 120%; }

hr
{
      color: #2a6523;
      background-color: #363;
      z-index: 3;
      width: 100%;
      height: 2px;
      float: left;
      clear: left;
}

/* custom classes and ID's follow*/
/* for book content pages, in order of appearance*/
/* beginning to end of book, top to bottom of page */


/* for table of contents page */


.table.toc
{
      margin-left: 25px;
      left: 15px;
}

.heading1
{
      color: #600;
      font-size: 115%;
      font-weight: bold;
      line-height: 1.5em;
      text-align: center;
}

.heading2
{
      color: #6a1304;
      font-size: 90%;
      font-weight: bolder;
      line-height: 2em;
      margin-bottom: 8px;
}

.toc-verses { margin-bottom: 20px; }
.centered { text-align: center; }

/* for very top small section-chapter headers */
/* and top navigation */

/*#header undefined */

.runningHeaderLeft
{
      color: purple;
      font-size: 80%;
      font-style: italic;
      font-weight: bold;
      /* this is cutting off the top of the text */
      /* margin-top: -4px; */
      margin-top: 0px;
      margin-bottom: 2px;
      float: left;
}

.runningHeaderRight
{
      color: purple;
      font-size: 80%;
      font-weight: bold;
      /* this is cutting off the top of the text */
      /* margin-top: -4px; */
      margin-top: 0px;
      margin-bottom: 2px;
      float: right;
}

/*#headerNav undefined */


#headerNav
{
      clear:both;
      margin:4px 0;
}

#headerNav img
{
      display:block;
}

/* opening spreads */
/* There are two variations in the books: one for front and back matter */
/* and one for main content section, mandalas in this case*/
/* the css attempts to serve both */

.openingBackgroundArt
{
      width: 580px;
      margin-top: 8px;
      margin-bottom: 8px;
}

/* problem for future conversion of other table based book layouts: dws opening spread is fixed height at 290 X 417. Other books in tables, the top spread */
/* varies vertically with the left photo varying in height from 446 to 456 pixels tall */
/* how to accomodate in css? */


/* we're just going to do a simple float here */

/* #openingSpreadLeft { position: absolute; z-index: 2; top: 60px; width: 290px; height: 410px; } */

/* so we use this instead */

#openingSpreadLeft
{
      float:left;
      /* we can use this to adjust the right margin of the picture */
      /* it could be as wide as 320, but a little breathing room is good */
      width: 315px;
}

/* we're just going to do a simple float here */

/* #openingSpreadRight { font-size: 90%; position: absolute; top: 170px; left: 325px; width: 200px; text-align: center } */

/* so we use this instead */

#openingSpreadRight
{
      font-size: 90%;
      float:right;

      /* 580 - 320 */
      width: 260px;

      /* how far down */
      margin-top:100px;

      text-align: center;
}

/* try centering image here  */


/* not in use yet, need for other books after conversion from tables  */
/* # opening_art_caption {position: relative; width:290px;} */


/* don't need this positioning anymore */
/* #page_content
{
      position: relative;
      top: 460px;
} */

/* we'll use this instead */

#pagecontent
{
      /* we need to now clear the 2 floated div's */
      clear:both;
      padding-top:5px;
}

#pagecontent p
{
      margin: 20px 0;
}

.slokaNumber
{
      font-variant: small-caps;
      font-size: 85%;
      text-align: center;
      margin-bottom: -.75em;
}

.artAndCaption
{
      margin-top: 10px;
      margin-right: 12px;
      width: 290px;
      float: left;
      clear: left;
}

.artCaption
{
      font-size: 100%;
      font-style: italic;

      margin-top:60px;

      /* we need to remove this so the text doesn't go under the picture */
      /* clear: left; */

      text-align:left;
}

.slokaImage
{
      width: 290px;
      height: 417px;
      border: solid black 1px;
}

.citation
{
      font-size: 85%;
      text-align: right;
}

.plainText { font-style: normal; }

.sloka
{
      font-size: 135%;
      font-weight: 500;
}

/* bottom of the page, still undefined, takes relative position by default */

#footer_nav {position:relative; }

/* Unique elements. Create sparingly! */

table.worldPopulation
{
      width:580px;
      margin-bottom: 30 px;
}

td.religion
{
      width: 120px;
}

td.noBelievers
{
      width: 170px;
}
0
 

Author Comment

by:Sivakatirswami
ID: 11856408
Sean, Thank you!  if I had your address or company address I would send you something lovely from Hawaii.... ;-)  as i don't think you really get much with points (or do points actually have some value other than the wizard ban?.)

I do enjoy the "ruthless slasher" style:
     <!-- Let's get rid of all these and set the margin on the p tag instead <br /><br /><br /><br /> -->
     <!-- we want to use as little html markup as possible in controlling positioning :-) -->
;-)


OK, I've made a temp navigation page for the documents under construction:

http://www.himalayanacademy.com/books/dws-new/temp.html

but first I should explain: The books have two templates for the bulk of the content: one is for front matter and back matter, which is what you've been seeing, and the second is for the chapters inbetween. I'm afraid I blindsided you because you should have seen a page from the chapter second, which where I started... The basic difference is small: there is a backrgound pattern behind the opening spread... which leads us to:

 "I'm curious, why are you absoluely positioning the book image and dedication areas, this is causing the page to be cut of as well in IE6/Win."

Reason is two-fold 1) I actually started this project on the document "dws_mandala-01.html" i.e. building the page and CSS for the chapter template  2) I was unable to get the background pattern that goes across the top spread to go underneath the two sides of the spread....I was only able to do this by setting the two divs "#openingSpreadLeft" and "#openingSpreadRight" with absolute position. It worked... so then I said, "Great, now get to work" and started work on the book from front to back beginning with the Dedication page.

OK, I'll follow  your lead... and implemented everything as you sent it back to me... I had to change the "artCaption" to "openingArtCaption" because there are inline running captions in the chapters pages... Now to new questions and puzzles:

1) I assume  we use "#container  width=580" as a way to keep the floating div's from sliding out on a user resize window action, right? It also allowed the use of padding in the body so that I didn't need that <br /> at the end to make sure we had margin at the bottom of the page... OK, I get this.

2) Your other changes are understood and very instructional. Thanks for the push toward "as little html as possible"

2.5) only thing is I want the openingArtCaption to drop to the bottom of #openingSpreadRight" so that it's baseline is flush ( or close) to the bottom edge of the art-photo, I keep adding value to :

 .openingArtCaption{ margin-top: 85px;}  .. but it doesn't move down...

3) And now: how to  put the opening spread background underneath the other two opening spread div's on the chapters template?

"Can we do a simple float here? Let me know..." Yes, of course, especially if it otherwise breaks in IE6/Win ! but how to do layers without absolute positioning?

I *really* appreciate the help. I'm about to embark on repurposing 1008 pages (yes, its true, the hardcover book weighs six pounds)  into these two templates... so I'm spending a lot of time up front to make sure they will work.

Sivakatirswami
Kauai's Hindu Monastery
www.himalayanacademy.com


0
 
LVL 31

Expert Comment

by:seanpowell
ID: 11856508
Very clear remarks :-)
It may be late this evening (GMT-5) or tomorrow morning before I get back...

Thanks,
Sean
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 11857248
Okay - first run through.

1. I've commented the html and css so you can see what I've done.
2. All the images have absolute url's - I needed to do this to test it so be careful...
3. The css file is a different name and location then yours - watch out for that too.

2.5) from above.
Possible, but tricky. Top down is the natural order, and you won't get browsers arguing over what to do. I understand the aesthetic - and if it's essential we can generate the javascript necessary to pull it off, but my preference is to line up the top of the text with the top of the image from a clarity of code perspective. Let me know...

3) from above.
We use the existing background div, and enclose the two side-by-side div's inside it. Then we add a "clearing" div to make the background div strecth all the way down, and assign it a background image.

Here is what I "think" you meant :-)

http://www.pdgmedia.com/ee/mandala.html

and the css:

http://www.pdgmedia.com/ee/hap_books2.css

Scroll down in the CSS, you'll see this where I've changed things.

/* *********************** */
/*   BEGIN MODIFIED CSS


Click on my membername, that's where to find me :-)
0
 

Author Comment

by:Sivakatirswami
ID: 11857277
Sean,

No rush... this is pure charity on your part and as such has no schedule. Unless you have ma urgent need for more "punya" (merit earned from good deeds that will come back to you)  ;-)

Update;

1)  Added  the table of contents to the list of pages under construction at:

http://www.himalayanacademy.com/books/dws-new/temp.html

Nothing new there... it displays the same challenge of having thrown out the position: absolute.  Background image appears at top in relative position and then the two blocks that are supposed to go on top appear underneath in their relative position, instead of on top in z-index:2  as wanted.

2) Yikes! Anamoly alert: in Firefox and Safari... content appeared at first locked inside the 580 width container div, but then, blink... open new window, same  document...  now  float right divs are floating dynamically to the right or squashing down on a window resize  to the right or narrower.  Getting reports also on this from some other beta testers on the LAN

And then there's that demon whispering in my ear "Gooo baaack to table layout... it's a lot easier... go baaack...."  

Off with thee, oh ye demons of obsolescence! CSS or die ;-)

Sivakatirswami
www.himalayanacademy.com
www.gurudeva.org


0
 
LVL 31

Accepted Solution

by:
seanpowell earned 500 total points
ID: 11858699
I'm just curious if you noticed my previous post ? It may have been missed :-)

For the sake of clarity, these are the files that have been modifed:

http://www.pdgmedia.com/ee/mandala.html
http://www.pdgmedia.com/ee/dedication.html
http://www.pdgmedia.com/ee/toc.html

and the css:

http://www.pdgmedia.com/ee/hap_books2.css

There are always many ways to handle something, these are just one way...
0
 

Author Comment

by:Sivakatirswami
ID: 11860452
I only saw your post *after* I sent my last comment,  possibly I had this page open in my browser and was commenting but you had just then posted your longer comment, just before bu I had not refreshed?

No matter. It works! And yes you "nailed it" The Mandala is exactly how we originally envisioned the layout to be. I had copied down your first attempt at mandala.html and the verse was underneath and it was supposed to appear on the right of the spread, as you have now done, in the openSpreadRight float:right...I was just about to send that to you this morning but opened up here to see you were ahead of me you did the same thing just using openingVerse float Right. Eureka... this even works in IE 5 on a Mac (usually the most broken of all browsers next to Net 4.

Only two small outstanding issues, but we are very close.
1) in the Dedication.html (front and back matter template), I agree, pinning the caption to the bottom of the div is  not an absolute requirement... and using Java to achieve an minue arbitrary effect is "insane"  -- but I sure would like it to go down more... I kept adding value to the top margin but it doesn't move... I'll work on that this morning.

2) now, the bigger caveat: all the Mandalas (32 chapters of the book) have a different background across the opening spread.  but using a background url ref in the external style sheet means one background for all. I see you have already started to tackle this issue with:

#opening_background_art
{
     width: 580px;
     margin: 8px 0;
}

.toc-art
{
     background: url(http://www.himalayanacademy.com/books/dws-new/images/Bkgrd-T-of-contents-woman.jpg) no-repeat top left;
}

.mandala-art
{
     background: url(http://www.himalayanacademy.com/books/dws-new/images/M01-Bkgrd-SYM-Lotus.jpg) no-repeat top left;
}


SOo now my question is , if this is legal:

<div id="opening_background_art" class="toc-art">

is this legal <div id="opening_background_art" class="toc-art">

 <div id="opening_background_art" style="background: url(http://www.himalayanacademy.com/books/dws-new/images/M01-Bkgrd-SYM-Lotus.jpg) no-repeat top left;">

Where the html for the page carries the ref to the background image... vs having 32 classes in the external style sheet, which we will want to use for other books as well. vs added that to the head element

<style>
.mandala-art {background: url(http://www.himalayanacademy.com/books/dws-new/images/M01-Bkgrd-SYM-Lotus.jpg) no-repeat top left;}
</style>

at the top of each page.

"There are always many ways to handle something, these are just one way..."

True, but the issue is long term maintenance, flexibility... and I have zero experience with CSS except what I've gained in the last few months afte reading a book and playing with it.

3. last question, is absolute positioning always broken in most browsers today? (maybe that's too broad and the answer is "that depends")

OK, how many people on your team besides yourself? I found your address ;-)

Sivakatirswami





0
Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 

Author Comment

by:Sivakatirswami
ID: 11860767
OK, I take back the part about moving the art caption down...
 The following *is* working fine...

.openingArtCaption
{
     font-size: 100%;
     font-style: italic;
     margin-top: 180px;
     text-align:left;
}

That leaves only 1 issue the: the background art for the mandalas changes 32 times... see above..

Sivakatirswami
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 11861927
>>is this legal
<div id="opening_background_art" style="background: url(http://www.himalayanacademy.com/books/dws-new/images/M01-Bkgrd-SYM-Lotus.jpg) no-repeat top left;">

Yes, absolutely. It just means that you need to change the actual page if the image ever changes. Likely not an issue for this project, just a future note.

However, hypothetically, lets say you had 10 chapters each with 30 pages. Instead of changing all 30, you would use this:

<div id="opening_background_art" class="chapter1">
<div id="opening_background_art" class="chapter2">

and then in the css, 10 references like this

.chapter1
{
     background: url(chapter1.gif) no-repeat top left;
}

.chapter2
{
     background: url(chapter2.gif) no-repeat top left;
}

etc.

So now  - if an image changes - you only change 1 page as opposed to 30 ( or 1 instead of 300 if they all change). It all depends on the project, and you need to balance present day circumstances against future maintenance requirements to determine which suits you best. Both are legal - but using CSS means you only change 1 file. Totally up to you :-)
Personally, I like the idea of adding class="chapter1" to the html, etc. It makes sense when things get out of hand...

>>is absolute positioning always broken in most browsers today? (maybe that's too broad and the answer is "that depends")
That depends :-)

From my experience, most sites break because the layout (even though people use CSS) is still too tight. The language is different, but the desingers stil have table-based boxes in their head. Resize a window, add too much text, and everything falls apart. People know how to read - it's the same skill we've been using for 1000's of years. What we need to do, as web designers, is let them read. Only you and I care about 1 or 2 pixel differnces. The people that are reading your site, going through the pages - they don't see that. They're concentrating on the words - which ultimately, are all that matter. We go back and forth between 15 different browsers making sure the page looks the same, but our readers don't. They'd have no idea that Mozilla shows a title 4 pixels higher than Safari or IE. And they won't care, as long as they can still read it.

I'm not lecturing, I promise :-)
Just some words of advice from someone who's beeen doing this a looong time. Let the page breath, give the CSS some room to move and allow for different user settings, and everyone will be happy. Maybe not quite Nirvana happy, but close enough.
0
 

Author Comment

by:Sivakatirswami
ID: 11861929
OK, Sean, it's Saturday night so no doubt, party (or with your family?)

<div id="opening_background_art"  style="background: url(images/M01-Bkgrd-SYM-Lotus.jpg) no-repeat top left;">

works fine... and solves the last issue. I proceeded to go into production

You can revew work done so far listed at:

http://www.himalayanacademy.com/books/dws-new/temp.html

I certainly would not have gotten here without your help. Any more insights are welcome. I will then close this question and you get the points, of course ;-) plus a mention in the colophone of the book!

Sivakatirswami
www.himalayanacademy.com
www.hinduismtoday.com
www.gurudeva.org
www.hindu.org
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 11861936
Looking at time stamp of those last 2 comments - what are the odds...
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 11861962
The points are rather ... pointless :-)

I'm just happy to assist. Life is too short and we all need to spend time helping each other. You can't fake that kind of smile :-)
0
 

Author Comment

by:Sivakatirswami
ID: 11862024
"What are the odds"

Ha! 6:17 on the dot.. We must be in tune...

but you didn't answer my question...

OK, how many people on your team besides yourself? I found your address ;-)

I'm going to mail you something from Hawaii. one for you and each member of your staff. (surprise)

as for helping others... see lesson 126 here:

http://www.himalayanacademy.com/books/mws/mws_ch-18.html

Sivakatirswami




0
 
LVL 31

Expert Comment

by:seanpowell
ID: 11863507
It's just me.

( I contract out server-side scripting and database code when the project is large, otherwise I just wear a lot of hats.) I was traditionally trained in graphic design, and had worked as Creative Director for an ad agency in the city for a few years. When we started getting into the Internet back in 93/94, I decided to teach myself html, javascript, etc., as I thought it would be a good idea to know the limitations of the media - instead of forcing photoshop screens on the development team that they couldn't possibly render in code.

Around 96, unhappy with the way the agency was dealing and treating with the client base, I decided to open up my own consultancy. It's now about 8 years and 110 clients later, and still loving it. The media is changing at an incredible pace, the technology that drives it even faster. The only thing that keeps me sane is the only real constant, human nature.

And yes, I'm very jealous that you're living in Hawaii. What a fantastic place to be.
0
 

Author Comment

by:Sivakatirswami
ID: 11888736
Back after a two day "retreat' during which the cron on our firewall blocks outside internet access (a good discipline-break)

A team of one.  Well, you save a lot of time on meetings,  establishing consensus, and dealing with communications breakdowns "Oh, I didn't know that was what you really meant! I thought you meant.... "    ;-)

OK one small gift coming from Hawaii by snail mail... and you can have a virtual experience of Hawaii by occasionally dropping in to our daily web page

www.gurudeva.org  (soon to be completely re-cast in CSS)

So this case is closed for the moment, but you will no doubt hear me begging again as we move slowly foward to re-do the entire www.himalayanacademy.com web site design-interface from the top down.

Best wishes from paradise, (100base ethernet running under ground between buildings with a T1 out the back door and Mount Waialeale and the Wailua river valley in front of our shop...)


Sivakatirswami

0
 
LVL 31

Expert Comment

by:seanpowell
ID: 12134735
You package just arrived - that was so kind of you to do that.

All I can say is.... Akahai.

Sean
0
 

Author Comment

by:Sivakatirswami
ID: 12137851
When the cold wind whips across the St. Laurence
and starts biting your toes
and the snow piles up over your eyelids,  
you can come visit us in Paradise.  

Until then, after I get through this round of putting ink on paper (next issue of our magazine is on the docket)  I will be back to web dev with more naive css questions.  ;-)

in peace

Sivakatirswami
0

Featured Post

6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

Join & Write a Comment

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

747 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now