Re: [WSG] 100% height over existing page

[Seona Bellamy]

That's already what I'm doing. Not the problem here, though. The issue
isn't whether the overlay and disclaimer appear - I have that bit
working just fine. The issue is making the overlay extend all the way
to the bottom of the page if the page is longer than the viewport.

Cheers,

Seona.

2008/7/31 Luke Hoggett <[EMAIL PROTECTED]>:
> Doesn't have to be a separate divert page, you can just use the session
> variable to decided whether the "overlay" element is displayed on each page
>
> regards
> Luke
>
> Seona Bellamy wrote:
>
> What, and divert them to the "agreement" page if they'rve not agreed?
> Hmm... not sure that I'll get the go-ahead to do that. We're working
> to some fairly tight design requirements.
>
> I've already got it saving the session variable once they agree, so
> that they only get bothered once.
>
> Cheers,
>
> Seona.
>
> 2008/7/31 Luke Hoggett <[EMAIL PROTECTED]>:
>
>
> Depending on what/whether you're using anything server side, just set a
> session variable that records whether the person has agreed to the terms, do
> this across every page and no worries for Google or any other entry that
> doesn't come from the front page.
>
> regards
> Luke


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] 100% height over existing page

[Luke Hoggett]

Doesn't have to be a separate divert page, you can just use the session 
variable to decided whether the "overlay" element is displayed on each page


regards
Luke

Seona Bellamy wrote:

What, and divert them to the "agreement" page if they'rve not agreed?
Hmm... not sure that I'll get the go-ahead to do that. We're working
to some fairly tight design requirements.

I've already got it saving the session variable once they agree, so
that they only get bothered once.

Cheers,

Seona.

2008/7/31 Luke Hoggett <[EMAIL PROTECTED]>:
  

Depending on what/whether you're using anything server side, just set a
session variable that records whether the person has agreed to the terms, do
this across every page and no worries for Google or any other entry that
doesn't come from the front page.

regards
Luke




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***


  



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] 100% height over existing page

[Seona Bellamy]

What, and divert them to the "agreement" page if they'rve not agreed?
Hmm... not sure that I'll get the go-ahead to do that. We're working
to some fairly tight design requirements.

I've already got it saving the session variable once they agree, so
that they only get bothered once.

Cheers,

Seona.

2008/7/31 Luke Hoggett <[EMAIL PROTECTED]>:
> Depending on what/whether you're using anything server side, just set a
> session variable that records whether the person has agreed to the terms, do
> this across every page and no worries for Google or any other entry that
> doesn't come from the front page.
>
> regards
> Luke


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] 100% height over existing page

[Luke Hoggett]

Depending on what/whether you're using anything server side, just set a 
session variable that records whether the person has agreed to the 
terms, do this across every page and no worries for Google or any other 
entry that doesn't come from the front page.


regards
Luke

Seona Bellamy wrote:

Hmm... not really an option here. It needs to have the potential to
appear on any page, so that if someone finds an internal page through
Google or gets a link sent to them by a friend, they still see the
disclaimer / warning.

At the moment I've sort of solved the problem for users with JS - if
the disclaimer is showing, I set the body's overflow to hidden so you
can't scroll. It still means that non-JS users get that ugly cut-off,
though. I'll live with it if I have to, but would certainly prefer not
to have to. :)

Cheers,

Seona.

2008/7/31 Adam Martin <[EMAIL PROTECTED]>:
  

The easiest way would be to have an entry page instead.

On Thu, Jul 31, 2008 at 2:56 PM, Seona Bellamy <[EMAIL PROTECTED]> wrote:



  

I've had no trouble making the div that sits on top of everything
extend to the height of the viewport, but if the page extends beyond
that then you see normal (and clickable) page as soon as you scroll.
Don't want that, if possible.

Does anyone have any idea of the most reasonable way to do this? I
want to try and give the full experience to as many as possible.
  



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***


  



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] IE loses background image

[Gonzalo González Mora]

On Thu, Jul 31, 2008 at 1:50 AM, Michael Horowitz <
[EMAIL PROTECTED]> wrote:

> My background image is disappearing in IE 7 but shows up in Firefox, Opera
> and safari.  It's at horowitzfamily.net
>
> I'm thinking I have a conflict between different background images
>
> I have verified I have valid css
> http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww.horowitzfamily.net%2F
>
> #mainNav ul a {
>   margin:0;
>   padding:0;
>   display:block;
>   line-height:40px;
>   text-decoration:none;
>   color:#00;
>   background:url(../images/button3.jpg)no-repeat;
>   font-size: 10px;
>   color:#4d4325;
>   font-weight:bold;
>   text-indent:35px;
>  }
>
> #mainNav img {
>   margin:0px;
>   padding:0px;
>   display:block;
>   float: left;
> }
>
> body {
>   font-family: Verdana, Arial, Helvetica, sans-serif;
>   background-image:url(../images/background.jpg);
>   font-size:10px;
>  }
>
> --
> Michael Horowitz
> Your Computer Consultant
> http://yourcomputerconsultant.com
> 561-394-9079
>
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
>
>
Add a space on the background property, like this:

background:url(../images/button3.jpg) no-repeat;

Gonzalo


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] 100% height over existing page

[Seona Bellamy]

Hmm... not really an option here. It needs to have the potential to
appear on any page, so that if someone finds an internal page through
Google or gets a link sent to them by a friend, they still see the
disclaimer / warning.

At the moment I've sort of solved the problem for users with JS - if
the disclaimer is showing, I set the body's overflow to hidden so you
can't scroll. It still means that non-JS users get that ugly cut-off,
though. I'll live with it if I have to, but would certainly prefer not
to have to. :)

Cheers,

Seona.

2008/7/31 Adam Martin <[EMAIL PROTECTED]>:
> The easiest way would be to have an entry page instead.
>
> On Thu, Jul 31, 2008 at 2:56 PM, Seona Bellamy <[EMAIL PROTECTED]> wrote:
>>

>> I've had no trouble making the div that sits on top of everything
>> extend to the height of the viewport, but if the page extends beyond
>> that then you see normal (and clickable) page as soon as you scroll.
>> Don't want that, if possible.
>>
>> Does anyone have any idea of the most reasonable way to do this? I
>> want to try and give the full experience to as many as possible.


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] 100% height over existing page

[Adam Martin]

The easiest way would be to have an entry page instead.

On Thu, Jul 31, 2008 at 2:56 PM, Seona Bellamy <[EMAIL PROTECTED]> wrote:

> Hi guys,
>
> I need to create an absolutely positioned div that will float on top
> of the existing page layout, and be 100% of the height of the rendered
> page, not the viewport. Something similar to what Lightbox does -
> greying out the page and displaying a box over it. The trouble is,
> because it's to display some legal stuff (of the "this site contains
> medical information that some people might find offensive or
> disturbing" variety) I don't want to use Lightbox (or any of its
> variants) because it relies on JavaScript. Anyone who doesn't have JS
> simply won't see the warning and that just doesn't seem like a good
> idea.
>
> I've had no trouble making the div that sits on top of everything
> extend to the height of the viewport, but if the page extends beyond
> that then you see normal (and clickable) page as soon as you scroll.
> Don't want that, if possible.
>
> Does anyone have any idea of the most reasonable way to do this? I
> want to try and give the full experience to as many as possible.
>
> Cheers,
>
> Seona.
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
>
>


-- 
-
http://myfitness.ning.com
A community of people that care about their health and fitness
Free fitness videos, recipes, blogs, photos etc.
--


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

[WSG] 100% height over existing page

[Seona Bellamy]

Hi guys,

I need to create an absolutely positioned div that will float on top
of the existing page layout, and be 100% of the height of the rendered
page, not the viewport. Something similar to what Lightbox does -
greying out the page and displaying a box over it. The trouble is,
because it's to display some legal stuff (of the "this site contains
medical information that some people might find offensive or
disturbing" variety) I don't want to use Lightbox (or any of its
variants) because it relies on JavaScript. Anyone who doesn't have JS
simply won't see the warning and that just doesn't seem like a good
idea.

I've had no trouble making the div that sits on top of everything
extend to the height of the viewport, but if the page extends beyond
that then you see normal (and clickable) page as soon as you scroll.
Don't want that, if possible.

Does anyone have any idea of the most reasonable way to do this? I
want to try and give the full experience to as many as possible.

Cheers,

Seona.


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

[WSG] IE loses background image

[Michael Horowitz]

My background image is disappearing in IE 7 but shows up in Firefox, 
Opera and safari.  It's at horowitzfamily.net


I'm thinking I have a conflict between different background images

I have verified I have valid css 
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww.horowitzfamily.net%2F


#mainNav ul a {
   margin:0;
   padding:0;
   display:block;
   line-height:40px;
   text-decoration:none;
   color:#00;
   background:url(../images/button3.jpg)no-repeat;
   font-size: 10px;
   color:#4d4325;
   font-weight:bold;
   text-indent:35px;
  
}


#mainNav img {
   margin:0px;
   padding:0px;
   display:block;
   float: left;
}

body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   background-image:url(../images/background.jpg);
   font-size:10px;
  
}


--
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Making an image come right up to a list

[Michael Horowitz]

thanks for the advice 0 out the padding and margins fixed several 
problems.  Especially after spelled my div right in the css :)


Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079



Susan Grossman wrote:




  I have a div within that div I have a menu set as a
ul followed
  right underneath by an image.  Currently there is
unwanted
   space
  between the list elements and the image.  There doesn't
   seem to be
  any padding or margins that would cause this.

  



It looks like you need to zero out the padding and margin on the 
default ul  in your style sheet 
 


ul {
list-style-type:none;
}


--
Susan R. Grossman
[EMAIL PROTECTED] 

***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*** 



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Making an image come right up to a list

[Michael Horowitz]

Thanks on this one.  Just forgot about setting the height

Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079



Susan Grossman wrote:
Sure just put it up at http://horowitzfamily.net/   Also wondering why 
my footer is so far down


Michael Horowitz

-
I think your footer is way down because
  1)  you have a height set of 650 on the left nav
   2)  You're clearing all floats and putting the fotter at the 
bottom of everything at their full height




Susan






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*** 



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

[WSG] Re: WSG Digest

[cpitts]

I am out of the office until August 4th and will not be able to access email 
regularly until my return. If this is urgent, please call me at 617 515 7579.


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

RE: [WSG] form from hell - difficult redesign

[Kepler Gelotte]

>> Hi I've been asked to redesign the gui on a hotel booking engine / 
>> room allocation web app.
>>
>> Its basically the busiest example of tabular data ive ever seen - 
>> most data in the cells is input.
>>
>> Any Advice on styling an overwhelming amount tabular data?
 
On an app like this you may just think about outsourcing the project. Unless
you are a masochist ;-)


Best regards,

Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***BEGIN:VCARD
VERSION:2.1
N:Gelotte;Kepler;;Mr.
FN:Kepler Gelotte ([EMAIL PROTECTED])
ORG:Neighbor Webmaster
TITLE:Web Designer
TEL;WORK;VOICE:(732) 302-0904
TEL;WORK;FAX:(732) 302-0904
ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America
LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America
URL;WORK:http://www.neighborwebmaster.com
EMAIL;PREF;INTERNET:[EMAIL PROTECTED]
REV:20070415T052107Z
END:VCARD

Re: [WSG] form from hell - difficult redesign

[kevin mcmonagle]

thanks good advice, i will comment it heavily.
i will have to use crazy selectors as you say.
The form is in a restricted site but i will put up a screen shot.


Joseph Taylor wrote:
If you can't clean up the html you'll be forced to use ridiculous 
selectors like:


table tr td table tr td form table tr td input {
padding: 0.35em;
}

Use firebug to get the complex selectors right and comment the hell 
out of your stylesheets so you can come back it later without freaking 
out - good luck!


Joseph R. B. Taylor
/Designer / Developer/
--
Sites by Joe, LLC
/"Clean, Simple and Elegant Web Design"/
Phone: (609) 335-3076
Fax: (866) 301-8045
Web: http://sitesbyjoe.com
Email: [EMAIL PROTECTED]



kevin mcmonagle wrote:
Hi I've been asked to redesign the gui on a hotel booking engine / 
room allocation web app.


Its basically the busiest example of tabular data ive ever seen - 
most data in the cells is input.


Any Advice on styling an overwhelming amount tabular data?

-best
kevin




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*** 





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] form from hell - difficult redesign

[Joseph Taylor]

If you can't clean up the html you'll be forced to use ridiculous 
selectors like:


table tr td table tr td form table tr td input {
   padding: 0.35em;
}

Use firebug to get the complex selectors right and comment the hell out 
of your stylesheets so you can come back it later without freaking out - 
good luck!


Joseph R. B. Taylor
/Designer / Developer/
--
Sites by Joe, LLC
/"Clean, Simple and Elegant Web Design"/
Phone: (609) 335-3076
Fax: (866) 301-8045
Web: http://sitesbyjoe.com
Email: [EMAIL PROTECTED]



kevin mcmonagle wrote:
Hi I've been asked to redesign the gui on a hotel booking engine / 
room allocation web app.


Its basically the busiest example of tabular data ive ever seen - most 
data in the cells is input.


Any Advice on styling an overwhelming amount tabular data?

-best
kevin




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***begin:vcard
fn:Joseph Taylor
n:Taylor;Joseph
org:Sites by Joe, LLC
adr:;;408 Route 47 South;Cape May Court House;NJ;08210;USA
email;internet:[EMAIL PROTECTED]
title:Designer / Developer
tel;work:609-335-3076
tel;fax:866-301-8045
tel;cell:609-335-3076
x-mozilla-html:TRUE
url:http://sitesbyjoe.com
version:2.1
end:vcard

Re: [WSG] form from hell - difficult redesign

[Matthew Holloway]

On Thu, Jul 31, 2008 at 1:09 PM, kevin mcmonagle
<[EMAIL PROTECTED]> wrote:
> Hi I've been asked to redesign the gui on a hotel booking engine / room
> allocation web app.
>
> Its basically the busiest example of tabular data ive ever seen - most data
> in the cells is input.

I think you'll need to give us more information. Is it just a very
long form for booking rooms? .. is there a textbox for every room or
something? If so could you just replace it with an ajax search for
rooms and an "add" button? Is there any kind of grouping or hierarchy
in the data?

You could try hierarchical table rows (also known as multi-column
treeviews)... I recently wrote a blog post that detailed lots of ways
of representing tablular data:

http://holloway.co.nz/blog/?p=17


.Matthew Holloway
http://holloway.co.nz/


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

[WSG] form from hell - difficult redesign

[kevin mcmonagle]

Hi I've been asked to redesign the gui on a hotel booking engine / room 
allocation web app.


Its basically the busiest example of tabular data ive ever seen - most 
data in the cells is input.


Any Advice on styling an overwhelming amount tabular data?

-best
kevin




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

[WSG] Lisa Kerrigan/StateDevPolicy/DSD is out of the office.

[lisa . kerrigan]

I will be out of the office starting  31/07/2008 and will not return until
04/08/2008.

For Content Requests contact Jason Rhodes on x19816.
For other requests contact  Wendy Pryor x 19321


**
Department of Innovation, Industry and Regional Development, 
Government of Victoria, Victoria, Australia.  

This e-mail and any attachments may contain privileged and confidential
information.   If you are not the intended recipient, you may not distribute
reproduce this e-mail or the attachments.   If you have received this message
in error, please notify us by return e-mail.

**



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Making an image come right up to a list

[Michael Horowitz]

I just figured out the reason it isn't coming right up the list.  Its 
the image that makes the background of the list. 


Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079



Tijmen Smit wrote:
Thats really weird, I tested it and it worked fine. Do you have that 
page online somewhere?


On Wed, Jul 30, 2008 at 10:01 PM, Michael Horowitz 
<[EMAIL PROTECTED] 
> wrote:


Tried all the resettings and added the css to remove default
margins from elements and still have the issue.


Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com 
561-394-9079



Tijmen Smit wrote:

Add this -> #mainNav ul {margin:0; padding:0;} to your
stylesheet. Also have a look at css reset ->
http://www.search-this.com/2007/03/12/no-margin-for-error/ ,
that prevents you from running into stuff like this,

Theres also no such thing as "left center;" :)

Regards,
Tijmen

On Wed, Jul 30, 2008 at 9:05 PM, Michael Horowitz
<[EMAIL PROTECTED]

>> wrote:

   I have a div within that div I have a menu set as a ul followed
   right underneath by an image.  Currently there is unwanted
space
   between the list elements and the image.  There doesn't
seem to be
   any padding or margins that would cause this.

   I am including my current css for this div

   #mainNav{
 padding-left: 10px;
 padding-right: 10px;
 height: 600px;
 width: 230px;
 float: left;
 font-size:8px;
}

   #mainNav ul a {
 margin:0;
 padding:0;
 display:block;
 line-height:45px;
 text-decoration:none;
 color:#00;
 background:url(../images/button3.jpg);
 text-indent:35px;
 left center;
   }

   #mainNav img {
 float: right;
   }

   --Michael Horowitz
   Your Computer Consultant
   http://yourcomputerconsultant.com



   561-394-9079



 
 ***

   List Guidelines:
http://webstandardsgroup.org/mail/guidelines.cfm
   Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
   Help: [EMAIL PROTECTED]

   >
 
 ***






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]

***




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]

***



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*** 



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Making an image come right up to a list

[Susan Grossman]

Sure just put it up at http://horowitzfamily.net/   Also wondering why my
footer is so far down

Michael Horowitz

-
I think your footer is way down because
  1)  you have a height set of 650 on the left nav
   2)  You're clearing all floats and putting the fotter at the bottom
of everything at their full height



Susan


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Making an image come right up to a list

[Susan Grossman]

  I have a div within that div I have a menu set as a ul followed
>>   right underneath by an image.  Currently there is unwanted
>>space
>>   between the list elements and the image.  There doesn't
>>seem to be
>>   any padding or margins that would cause this.
>>
>>
>
>
It looks like you need to zero out the padding and margin on the default ul
in your style sheet


ul {
list-style-type:none;
}


-- 
Susan R. Grossman
[EMAIL PROTECTED]


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Making an image come right up to a list

[Michael Horowitz]

Sure just put it up at http://horowitzfamily.net/   Also wondering why 
my footer is so far down


Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079



Tijmen Smit wrote:
Thats really weird, I tested it and it worked fine. Do you have that 
page online somewhere?


On Wed, Jul 30, 2008 at 10:01 PM, Michael Horowitz 
<[EMAIL PROTECTED] 
> wrote:


Tried all the resettings and added the css to remove default
margins from elements and still have the issue.


Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com 
561-394-9079



Tijmen Smit wrote:

Add this -> #mainNav ul {margin:0; padding:0;} to your
stylesheet. Also have a look at css reset ->
http://www.search-this.com/2007/03/12/no-margin-for-error/ ,
that prevents you from running into stuff like this,

Theres also no such thing as "left center;" :)

Regards,
Tijmen

On Wed, Jul 30, 2008 at 9:05 PM, Michael Horowitz
<[EMAIL PROTECTED]

>> wrote:

   I have a div within that div I have a menu set as a ul followed
   right underneath by an image.  Currently there is unwanted
space
   between the list elements and the image.  There doesn't
seem to be
   any padding or margins that would cause this.

   I am including my current css for this div

   #mainNav{
 padding-left: 10px;
 padding-right: 10px;
 height: 600px;
 width: 230px;
 float: left;
 font-size:8px;
}

   #mainNav ul a {
 margin:0;
 padding:0;
 display:block;
 line-height:45px;
 text-decoration:none;
 color:#00;
 background:url(../images/button3.jpg);
 text-indent:35px;
 left center;
   }

   #mainNav img {
 float: right;
   }

   --Michael Horowitz
   Your Computer Consultant
   http://yourcomputerconsultant.com



   561-394-9079



 
 ***

   List Guidelines:
http://webstandardsgroup.org/mail/guidelines.cfm
   Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
   Help: [EMAIL PROTECTED]

   >
 
 ***






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]

***




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]

***



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*** 



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Making an image come right up to a list

[Daniela Karayaneva]

You can also try to set the image to display:block; The default behavior for
images is display:inline; and depending on you line-height setting, maybe
you are getting some extra space at the top and at the bottom.



On Wed, Jul 30, 2008 at 1:09 PM, Tijmen Smit <[EMAIL PROTECTED]> wrote:

> Thats really weird, I tested it and it worked fine. Do you have that page
> online somewhere?
>
>
> On Wed, Jul 30, 2008 at 10:01 PM, Michael Horowitz <
> [EMAIL PROTECTED]> wrote:
>
>> Tried all the resettings and added the css to remove default margins from
>> elements and still have the issue.
>>
>> Michael Horowitz
>> Your Computer Consultant
>> http://yourcomputerconsultant.com
>> 561-394-9079
>>
>>
>>
>> Tijmen Smit wrote:
>>
>>> Add this -> #mainNav ul {margin:0; padding:0;} to your stylesheet. Also
>>> have a look at css reset ->
>>> http://www.search-this.com/2007/03/12/no-margin-for-error/ , that
>>> prevents you from running into stuff like this,
>>>
>>> Theres also no such thing as "left center;" :)
>>>
>>> Regards,
>>> Tijmen
>>>
>>>  On Wed, Jul 30, 2008 at 9:05 PM, Michael Horowitz <
>>> [EMAIL PROTECTED] >> [EMAIL PROTECTED]>> wrote:
>>>
>>>I have a div within that div I have a menu set as a ul followed
>>>right underneath by an image.  Currently there is unwanted space
>>>between the list elements and the image.  There doesn't seem to be
>>>any padding or margins that would cause this.
>>>
>>>I am including my current css for this div
>>>
>>>#mainNav{
>>>  padding-left: 10px;
>>>  padding-right: 10px;
>>>  height: 600px;
>>>  width: 230px;
>>>  float: left;
>>>  font-size:8px;
>>> }
>>>
>>>#mainNav ul a {
>>>  margin:0;
>>>  padding:0;
>>>  display:block;
>>>  line-height:45px;
>>>  text-decoration:none;
>>>  color:#00;
>>>  background:url(../images/button3.jpg);
>>>  text-indent:35px;
>>>  left center;
>>>}
>>>
>>>#mainNav img {
>>>  float: right;
>>>}
>>>
>>>--Michael Horowitz
>>>Your Computer Consultant
>>>http://yourcomputerconsultant.com 
>>>
>>>561-394-9079
>>>
>>>
>>>
>>>***
>>>List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
>>>Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
>>>Help: [EMAIL PROTECTED]
>>>
>>>***
>>>
>>>
>>>
>>> ***
>>> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
>>> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
>>> Help: [EMAIL PROTECTED]
>>> ***
>>>
>>
>>
>> ***
>> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
>> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
>> Help: [EMAIL PROTECTED]
>> ***
>>
>>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Making an image come right up to a list

[Susan Grossman]

On Wed, Jul 30, 2008 at 1:01 PM, Michael Horowitz <
[EMAIL PROTECTED]> wrote:

> Tried all the resettings and added the css to remove default margins from
> elements and still have the issue.
>
> Michael Horowitz
> Your Computer Consultant
> http://yourcomputerconsultant.com
> 561-394-9079
>
>
>

Did you check to see if you 0 padding on your default image (if you have a
default img in style sheet)? I think I'd look at the specific image  and
default padding settings.


-- 
Susan R. Grossman
[EMAIL PROTECTED]


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Making an image come right up to a list

[Tijmen Smit]

Thats really weird, I tested it and it worked fine. Do you have that page
online somewhere?

On Wed, Jul 30, 2008 at 10:01 PM, Michael Horowitz <
[EMAIL PROTECTED]> wrote:

> Tried all the resettings and added the css to remove default margins from
> elements and still have the issue.
>
> Michael Horowitz
> Your Computer Consultant
> http://yourcomputerconsultant.com
> 561-394-9079
>
>
>
> Tijmen Smit wrote:
>
>> Add this -> #mainNav ul {margin:0; padding:0;} to your stylesheet. Also
>> have a look at css reset ->
>> http://www.search-this.com/2007/03/12/no-margin-for-error/ , that
>> prevents you from running into stuff like this,
>>
>> Theres also no such thing as "left center;" :)
>>
>> Regards,
>> Tijmen
>>
>>  On Wed, Jul 30, 2008 at 9:05 PM, Michael Horowitz <
>> [EMAIL PROTECTED] > [EMAIL PROTECTED]>> wrote:
>>
>>I have a div within that div I have a menu set as a ul followed
>>right underneath by an image.  Currently there is unwanted space
>>between the list elements and the image.  There doesn't seem to be
>>any padding or margins that would cause this.
>>
>>I am including my current css for this div
>>
>>#mainNav{
>>  padding-left: 10px;
>>  padding-right: 10px;
>>  height: 600px;
>>  width: 230px;
>>  float: left;
>>  font-size:8px;
>> }
>>
>>#mainNav ul a {
>>  margin:0;
>>  padding:0;
>>  display:block;
>>  line-height:45px;
>>  text-decoration:none;
>>  color:#00;
>>  background:url(../images/button3.jpg);
>>  text-indent:35px;
>>  left center;
>>}
>>
>>#mainNav img {
>>  float: right;
>>}
>>
>>--Michael Horowitz
>>Your Computer Consultant
>>http://yourcomputerconsultant.com 
>>
>>561-394-9079
>>
>>
>>
>>***
>>List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
>>Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
>>Help: [EMAIL PROTECTED]
>>
>>***
>>
>>
>>
>> ***
>> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
>> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
>> Help: [EMAIL PROTECTED]
>> ***
>>
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
>
>


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Making an image come right up to a list

[Michael Horowitz]

Tried all the resettings and added the css to remove default margins 
from elements and still have the issue.


Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079



Tijmen Smit wrote:
Add this -> #mainNav ul {margin:0; padding:0;} to your stylesheet. 
Also have a look at css reset -> 
http://www.search-this.com/2007/03/12/no-margin-for-error/ , that 
prevents you from running into stuff like this,


Theres also no such thing as "left center;" :)

Regards,
Tijmen

On Wed, Jul 30, 2008 at 9:05 PM, Michael Horowitz 
<[EMAIL PROTECTED] 
> wrote:


I have a div within that div I have a menu set as a ul followed
right underneath by an image.  Currently there is unwanted space
between the list elements and the image.  There doesn't seem to be
any padding or margins that would cause this.

I am including my current css for this div

#mainNav{
  padding-left: 10px;
  padding-right: 10px;
  height: 600px;
  width: 230px;
  float: left;
  font-size:8px;
 }

#mainNav ul a {
  margin:0;
  padding:0;
  display:block;
  line-height:45px;
  text-decoration:none;
  color:#00;
  background:url(../images/button3.jpg);
  text-indent:35px;
  left center;
}

#mainNav img {
  float: right;
}

-- 
Michael Horowitz

Your Computer Consultant
http://yourcomputerconsultant.com 
561-394-9079



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]

***



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*** 



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Making an image come right up to a list

[Tijmen Smit]

Add this -> #mainNav ul {margin:0; padding:0;} to your stylesheet. Also have
a look at css reset ->
http://www.search-this.com/2007/03/12/no-margin-for-error/ , that prevents
you from running into stuff like this,

Theres also no such thing as "left center;" :)

Regards,
Tijmen 

On Wed, Jul 30, 2008 at 9:05 PM, Michael Horowitz <
[EMAIL PROTECTED]> wrote:

> I have a div within that div I have a menu set as a ul followed right
> underneath by an image.  Currently there is unwanted space between the list
> elements and the image.  There doesn't seem to be any padding or margins
> that would cause this.
>
> I am including my current css for this div
>
> #mainNav{
>   padding-left: 10px;
>   padding-right: 10px;
>   height: 600px;
>   width: 230px;
>   float: left;
>   font-size:8px;
>  }
>
> #mainNav ul a {
>   margin:0;
>   padding:0;
>   display:block;
>   line-height:45px;
>   text-decoration:none;
>   color:#00;
>   background:url(../images/button3.jpg);
>   text-indent:35px;
>   left center;
> }
>
> #mainNav img {
>   float: right;
> }
>
> --
> Michael Horowitz
> Your Computer Consultant
> http://yourcomputerconsultant.com
> 561-394-9079
>
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
>
>


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

RE: [WSG] Making an image come right up to a list

[Essential eBiz Solutions Ltd]

Try this,

#mainNav ul {
Padding: 0;
Margin: 0;
}

That may help, don't know why but I've had to do that a few times with
nested lists.

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Michael Horowitz
Sent: 30 July 2008 20:06
To: wsg@webstandardsgroup.org
Subject: [WSG] Making an image come right up to a list

I have a div within that div I have a menu set as a ul followed right 
underneath by an image.  Currently there is unwanted space between the 
list elements and the image.  There doesn't seem to be any padding or 
margins that would cause this.

I am including my current css for this div

#mainNav{
padding-left: 10px;
padding-right: 10px;
height: 600px;
width: 230px;
float: left;
font-size:8px;
   
}

#mainNav ul a {
margin:0;
padding:0;
display:block;
line-height:45px;
text-decoration:none;
color:#00;
background:url(../images/button3.jpg);
text-indent:35px;
left center;
}

#mainNav img {
float: right;
}

-- 
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



-- 
No virus found in this incoming message.
Checked by AVG. 
Version: 7.5.524 / Virus Database: 270.5.7/1580 - Release Date: 29/07/2008
17:26




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

[WSG] Making an image come right up to a list

[Michael Horowitz]

I have a div within that div I have a menu set as a ul followed right 
underneath by an image.  Currently there is unwanted space between the 
list elements and the image.  There doesn't seem to be any padding or 
margins that would cause this.


I am including my current css for this div

#mainNav{
   padding-left: 10px;
   padding-right: 10px;
   height: 600px;
   width: 230px;
   float: left;
   font-size:8px;
  
}


#mainNav ul a {
   margin:0;
   padding:0;
   display:block;
   line-height:45px;
   text-decoration:none;
   color:#00;
   background:url(../images/button3.jpg);
   text-indent:35px;
   left center;
}

#mainNav img {
   float: right;
}

--
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Removing space from division between header and content wasWhy css settings a background image in the body tag wouldn't work

[Drew Trusz]

> Now here is my question someone mentioned starting to use em instead of
> pixels for all of this. How does this work?
>
> Michael Horowitz

em's are somewhat like cubits and leagues. The typographers will give
you a full discourse, or six, about them. (A lot of the discourse will
even be interesting. )Consider an em to be 15px or 16px if you think
size matters.

And actually size does matter since an em will scale. As font settings
are changed, em sizes with the changes. So 16 at 100% (unless you, the
end user, redefine 100%) and 32ish at 200%. Being somewhat mystical is
an advantage. And is furthermore part and parcel of the advantages of
fluid designs implicit in separating presentation and content.

Amazingly it all does fit together.

andy


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***