help blind old lady

@auntniniJul 16.2013

I cannot see my error. Want a black background for space id

[code] <style type=”text/css”> #wrap { width: 90%; min-width: 50px; max-width: 900px; background-color:black; } #space { position: relative; z-index:200; margin: 40px auto; padding: 40px .5%; text-align: center; width: 90%; max-width: 500px; min-width: 50px; height:auto; background: #000; display:table-cell; vertical-align: middle; } #space h3 { color: #FC0; } #space img { display: block; margin: 40px auto; padding: 5px; border: none; height: auto; width: 50%; min-width: 25px; max-width: 400px; } #textbox { margin: 5px auto; width: 90%; min-width: 200px; max-width: 600px;padding: 10px; color: #000; background: #fff; overflow: hidden; } </style> [/code]

Also want #space img to be “responsie” and reduce to 25px

to post a comment

CSS

6 Comments(s) _↴

@HarithJul 16.2013 — #Hey, the space id thing worked for me.

@auntniniauthorJul 16.2013 — #Thanks Harith for reply. Here's the full code for indexMOBILE.html. It worked fine for index.html. I'd give you the link, but I'm worried about bandwidth usage at the moment.

<i>
 </i>&lt;!DOCTYPE HTML&gt;
 &lt;html&gt;
 &lt;head&gt;
 &lt;meta charset="UTF-8"&gt;
 &lt;title&gt;goodbye Jacqui Morgan visual artist, watercolor painter, illustrator (Mobile-Device version)&lt;/title&gt;
 
 &lt;meta name="description" content="Jacqui Morgan visual artist, watercolor painter, illustrator (Mobile-Device version)"&gt;
 &lt;meta name="keywords" content="jacqui morgan a/k/a Jacquelynn Morganstern 2/22/1939 - 7/3/2013, Jacqui Morgan visual artist, watercolor painter, illustrator, book Almost Nude: Watercolors from Life, Jacqui Morgan's Journey as a Visual Artist, Mostly Nude: Watercolors from Life, visual artist jacqui morgan, wet-on-wet watercolors, painterly, surreal, psychodelic, double images, FIT professor, fashion institute of technology faculty, dimensional watercolors, hyper-realistic watercolor, dyes,cast paper,painting on objects,shoes,wig display heads, giant florals,melting images, jaqui,jacquie,Jackie,Jackqui,Jaqui Morgan,Morgin,new york visual artist"&gt;
 
 &lt;meta name="creator" content="Denise deGoumois  http://www.auntnini.com for Jacqui Morgan  &amp;copy;"&gt;
 
 &lt;meta name="author" content="Jacqui Morgan art with web developer Denise deGoumois http://www.auntnini.com"&gt;
 &lt;meta name="copyright" content="Jacqui Morgan (c) 2001, All Rights Reserved."&gt;
 &lt;meta name="robots" content="all"&gt;
 &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"&gt;
 &lt;!--&lt;meta name="viewport"  content="width=device-width, user-scalable=yes"&gt;--&gt;
 &lt;!--&lt;script type="text/javascript"&gt;
 if (screen.width &lt;= 699) {
 document.location = "indexmobile.html";
 }
 //
 &lt;/script&gt;--&gt;
 &lt;style type="text/css"&gt;
 #wrap { width: 90%; min-width: 50px; max-width: 900px; background-color:black; }
 #space {
 position: relative; z-index:200; margin: 40px auto; padding: 40px .5%; text-align: center; width: 90%; max-width: 500px; min-width: 50px;  height:auto; background: #000;  display:table-cell; vertical-align: middle;  }
 #space h3 { color: #FC0; }
 #space img {  display: block; margin: 40px auto; padding: 5px; border: none; height: auto; width: 50%; min-width: 25px; max-width: 400px; }
 #textbox { margin: 5px auto; width: 90%; min-width: 200px; max-width: 600px;padding: 10px;  color: #000; background: #fff; overflow: hidden;  } 
 &lt;/style&gt;
 
 &lt;link rel="stylesheet" type="text/css" href="css-js/mobileHome.css"&gt; 
 &lt;script src="css-js/mypop.js" type="text/javascript"&gt;&lt;/script&gt;
 
 &lt;/head&gt; 
 
 &lt;body id="homeMobile"&gt;
 
 &lt;p class="ghost"&gt;Jacqui Morgan visual artist, watercolor painter, illustrator, educator, author (Mobile-Device version).  BOOKS: Jacqui Morgan's Journey as a Visual Artist;  Mostly Nude: Watercolors from Life; Almost Nude: Watercolors from Life.&lt;/p&gt;
 
 &lt;hr&gt;&lt;a name="top" id="top"&gt; &lt;/a&gt;
 
 &lt;div id="wrap" align="center"&gt;
 
 &lt;div id="navbarContainer"&gt;
 &lt;img src="miscImages/jmVisualArtist.gif" alt="Jacqui Morgan visual artist" name="jacqui" id="jacqui" hspace="10"&gt;
 
 &lt;!--&lt;ul id="navbar"&gt;
 
 &lt;li id="home" class="here"&gt;&lt;a href="#nogo"&gt;Home&lt;/a&gt;&lt;/li&gt;
 
 &lt;li id="about"&gt;&lt;a href="about/indexmobile.html"&gt;About&lt;/a&gt;&lt;/li&gt;
 
 &lt;li id="hist"&gt;&lt;a href="hist/indexmobile.html"&gt;Historical&lt;/a&gt;&lt;/li&gt;
 
 &lt;li id="scenes"&gt;&lt;a href="scenes/indexmobile.html"&gt;Scenes&lt;/a&gt;&lt;/li&gt;
 
 &lt;li id="other"&gt;&lt;a href="other/indexmobile.html"&gt;Other&lt;/a&gt;&lt;/li&gt;
 
 &lt;li id="people"&gt;&lt;a href="people/indexmobile.html"&gt;People&lt;/a&gt;&lt;/li&gt;
 
 &lt;li id="life"&gt;&lt;a href="life/indexmobile.html"&gt;n*udes&lt;/a&gt;&lt;/li&gt;
 
 &lt;li id="child"&gt;&lt;a href="child/indexmobile.html"&gt;Juvenile&lt;/a&gt;&lt;/li&gt;
 
 &lt;/ul&gt; --&gt;&lt;!--close id NAVBAR --&gt;
 
 &lt;/div&gt;&lt;!--closeNAVBARCONTAINER--&gt;
 
 &lt;br clear="all"&gt;
 
 &lt;div id="space"&gt;
 &lt;br clear="all"&gt;
 &lt;img src="book300/page05.jpg" alt="Wind Swept Kid"&gt;
 &lt;br clear="all"&gt;
 
 &lt;h3&gt;Jacqui Morgan&lt;br /&gt;
 (a/k/a Jacquelynn Morganstern)&lt;br /&gt;February 22, 1939 &amp;#8211; July 3, 2013&lt;/h3&gt;&lt;br&gt;
 &lt;/div&gt;&lt;!--close id SPACE--&gt;
 &lt;br clear="all"&gt;
 
 &lt;div id="textbox" align="center"&gt; 
 
 &lt;h4 align="center"&gt; * * * &lt;/h4&gt;
 &lt;br clear="all"&gt;
 &lt;/div&gt;&lt;!--close textbox --&gt; 
 &lt;div id="footer"&gt;
 &lt;p&gt;Copyright by Jacqui Morgan&amp;copy;.
 No portion of these images in whole or in part may be &lt;br&gt;
 reproduced in any fashion without permission of the artist.&lt;/p&gt;
 &lt;/div&gt;&lt;!--close footer--&gt;
 &lt;h3&gt;&lt;a href="mailto:E-Mail:[email protected]"&gt;E-Mail Contact: &amp;nbsp; [email protected]&lt;/a&gt;&lt;/h3&gt; 
 
 &lt;h3 style="display:inline-block;"&gt; |&amp;nbsp; Home &amp;nbsp;|&amp;nbsp;&lt;a href="about/indexmobile.html"&gt;About&lt;/a&gt;&amp;nbsp;|&amp;nbsp;&lt;a href="hist/indexmobile.html"&gt;Historical&lt;/a&gt;&amp;nbsp;|&amp;nbsp;&lt;a href="scenes/indexmobile.html"&gt;Scenes&lt;/a&gt;&amp;nbsp;|&amp;nbsp;&lt;a href="other/indexmobile.html"&gt;Other&lt;/a&gt;&amp;nbsp;|&amp;nbsp;&lt;a href="people/indexmobile.html"&gt;People&lt;/a&gt;&amp;nbsp;|&amp;nbsp;&lt;a href="life/indexmobile.html"&gt;n*udes&lt;/a&gt;&amp;nbsp;|&amp;nbsp;&amp;nbsp;&lt;a href="child/indexmobile.html"&gt;Juvenile&lt;/a&gt;&amp;nbsp;|&lt;/h3&gt;
 &lt;hr width="75%"&gt;
 &lt;p class="footnote"&gt;
 Credits: &amp;nbsp; Web design &amp; animation by Denise deGoumois &lt;a href="#nogo" onclick="javascript:loadpage('http://www.auntnini.com')"&gt;http://www.auntnini.com&lt;/a&gt;.&lt;!--&lt;br&gt;
 (2)&amp;nbsp;&lt;a href="#nogo" onclick="javascript:loadpage('http://www.javascriptkit.com/script/script2/flexibleslide.shtml')"&gt; Flexible Image Slideshow&lt;/a&gt; at &lt;a href="#nogo" onclick="javascript:loadpage('http://www.javascriptkit.com')"&gt;JavaScriptKit.com&lt;/a&gt;.--&gt;&lt;/p&gt;  <br/>
 &lt;hr width="75%"&gt;
 &lt;p&gt;&lt;a href="" target="_top"&gt;Go to top of page&lt;/a&gt;&lt;/p&gt;
 
 &lt;/div&gt;&lt;!--close idWRAP--&gt;
 
 &lt;/body&gt;
 &lt;/html&gt;

@auntniniauthorJul 16.2013 — #OH! It's always a dumb, obvious blunder. I know that about CSS "cascading effect" but didn't catch it. Moving the LINK REL above the embedded STYLE fixed it.

Thanks anyway. It's always comforting that WebDeveloper help is there.

@Steve_SmithJul 17.2013 — #Three days a week, Dean Durham, or Miss Dean, is picked up for her volunteer duties at the Love and Care Ministries.

"I make up the sack lunches. Cookies, chips, sandwiches, I put them in these bags," Miss Dean explained.

Known as the "Bag Lady," Miss Dean has been there for 14 out of the Mission's 17 years. And everyone in the kitchen stops to say hello to the regular volunteer who is always filled with joy.

"She's always happy. She's always wanting to be here," Mark Hewitt, founder and director of Love and Care.

In fact, she's so well known, that she's considered a pro.

"I feel honored to be the professional bag lady of Love and Care Ministries," said Miss Dean.

She knows the job like the back of her hand, because she has to. Miss Dean is legally blind, so she relies on touch and feel to do her job.

"It isn't difficult," she said. "You don't have to see to put four cookies in a bag.

@Steve_SmithJul 17.2013 — #Last week an old, blind lady who I was helping walk to the grocery store told me I’m an angry and bitter person.

In my defense, I’d woken up that morning after having three consecutive dreams that had an unsettling tone to them. I was also PMS-y (never a good enough excuse on its own) and was dealing with some drama that apparently is the norm when it comes to dating a (much) younger guy. So, when this woman stopped me on my way to get dog food, let’s just say I wasn’t exactly in the mood to help her to her destination (which wasn’t on the way to mine.) However, I can’t, in my nature, leave an old, blind woman standing there on her own so I agreed to take her to a main intersection.

When I started things off by asking her if she’d ever considered getting a guide dog, our rapport went downhill very quickly. I only asked because my dog does therapy work, and it moves me to see how much of a difference she makes in people’s lives. But no, this old, blind woman wasn’t open to the idea of that. She knows how to live her life, she told me defensively – what works for her and what doesn’t. And despite never having spoken to anyone about guide dogs, she clearly wasn’t open to the idea.

@HarithJul 17.2013 — #Glad to know you found your way ?

Also in #CSS _↴

Thick Box bug Content being cutoff CSS Menu - Not filling up the table

Success!

Help @auntnini spread the word by sharing this article on Twitter...

Tweet This

help blind old lady

6 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

help blind old lady

6 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

6 Comments(s) _↴

Also in #CSS _↴