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

2008-07-30 Thread 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]
***

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

2008-07-30 Thread 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 http://www.google.com/search?hl=enq=css+resetbtnG=Google+Search

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

2008-07-30 Thread 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] 
mailto:[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 http://yourcomputerconsultant.com/
561-394-9079



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
mailto:[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

2008-07-30 Thread 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] mailto:
 [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 http://yourcomputerconsultant.com/

561-394-9079



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
mailto:[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

2008-07-30 Thread 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

2008-07-30 Thread 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] mailto:
 [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 http://yourcomputerconsultant.com/

561-394-9079



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
mailto:[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

2008-07-30 Thread 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] 
mailto:[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 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]
mailto:[EMAIL PROTECTED]
mailto:[EMAIL PROTECTED]
mailto:[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
http://yourcomputerconsultant.com/
http://yourcomputerconsultant.com/

   561-394-9079



 
 ***

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






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




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
mailto:[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

2008-07-30 Thread 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

2008-07-30 Thread 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

2008-07-30 Thread 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] 
mailto:[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 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]
mailto:[EMAIL PROTECTED]
mailto:[EMAIL PROTECTED]
mailto:[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
http://yourcomputerconsultant.com/
http://yourcomputerconsultant.com/

   561-394-9079



 
 ***

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






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




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
mailto:[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

2008-07-30 Thread 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]
***

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

2008-07-30 Thread 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] mailto:[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]
***