Re: [css-d] "Divitis?"Answered

[trevor bayliss]

Hi Sam and Tony that´s great works great in IE!! Thank you all
   

   
-
Got a little couch potato? 
Check out fun summer activities for kids.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] "Divitis?"

[trevor bayliss]

The list-style-image didn´t work after all apologies everyone.
   
  I am therefore still trying to implement the general consensus:"You could 
change your div to a ul and wrap your items in li tags (DONE); then you can set 
the background of the the li tag to the image you want and position it 
appropriately (PROBLEM)." 
I tried with a background image on the li and the ul but to no avail as it 
doesn´t show the image- how can i make it work? Thank you for any advice 

#col2 {
CLEAR: right; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; 
PADDING-BOTTOM: 13px; PADDING-TOP: 0px; WIDTH: 180px
}
#col2 ul {
background-image:url(images/menu.gif) no-repeat left top; 
background-position:left
}
#col2 li {
background-image:url(images/menu.gif) no-repeat left top; 
background-position:left
}




Barclays Bank

Collins

Paracelus






James Gadrow wrote:
Ross Hulford wrote:
> Yep. That;s the way I approach it. Much neater.
>
> R.
> - Original Message - 
> From: "Brian Crescimanno" 

> To: 
> Sent: Tuesday, May 29, 2007 2:13 PM
> Subject: Re: [css-d] "Divitis?"
>
>
> 
>> Out of curiosity, why not use an unordered list--it would seem more
>> semantically correct in this situation.
>>
>> You could change your div to a ul and wrap your items in li tags; then
>> you can set the background of the the li tag to the image you want and
>> position it appropriately.
>>
>> Brian
>> __
>> css-discuss [EMAIL PROTECTED]
>> http://www.css-discuss.org/mailman/listinfo/css-d
>> IE7 information -- http://css-discuss.incutio.com/?page=IE7
>> List wiki/FAQ -- http://css-discuss.incutio.com/
>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>>
>> 
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
> 
Yup, if you ever say the words "I have a list of..." then you should 
probably be using a list :)
Except, of course, if each list element has several sub-elements to it, 
then you're probably a good candidate for a DATA table.

-- 
Thanks,

Jim

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/



-
You snooze, you lose. Get messages ASAP with AutoCheck
in the all-new Yahoo! Mail Beta. 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/



-
You snooze, you lose. Get messages ASAP with AutoCheck
in the all-new Yahoo! Mail Beta. 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/



   
-
Be a better Globetrotter. Get better travel answers from someone who knows.
Yahoo! Answers - Check it out.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] "Divitis?"

[trevor bayliss]

I did this it worked fine
  #col2 ul {
list-style-image: url('images/menu.gif')
}
  thanks everyone

trevor bayliss <[EMAIL PROTECTED]> wrote:
  Thanks for all the comments. I am trying to implement the general 
consensus:"You could change your div to a ul and wrap your items in li tags 
(DONE); then you can set the background of the the li tag to the image you want 
and position it appropriately (PROBLEM)." 
I tried with a background image on the li and the ul but to no avail as it 
doesn´t show the image- how can i make it work? Thank you for any advice 

I am 
#col2 {
CLEAR: right; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; 
PADDING-BOTTOM: 13px; PADDING-TOP: 0px; WIDTH: 180px
}
#col2 ul {
background-image:url(images/menu.gif) no-repeat left top; 
background-position:left
}
#col2 li {
background-image:url(images/menu.gif) no-repeat left top; 
background-position:left
}

  
  
  
   Barclays Bank
  
   Collins
  
   Paracelus






James Gadrow wrote:
Ross Hulford wrote:
> Yep. That;s the way I approach it. Much neater.
>
> R.
> - Original Message - 
> From: "Brian Crescimanno" 

> To: 
> Sent: Tuesday, May 29, 2007 2:13 PM
> Subject: Re: [css-d] "Divitis?"
>
>
> 
>> Out of curiosity, why not use an unordered list--it would seem more
>> semantically correct in this situation.
>>
>> You could change your div to a ul and wrap your items in li tags; then
>> you can set the background of the the li tag to the image you want and
>> position it appropriately.
>>
>> Brian
>> __
>> css-discuss [EMAIL PROTECTED]
>> http://www.css-discuss.org/mailman/listinfo/css-d
>> IE7 information -- http://css-discuss.incutio.com/?page=IE7
>> List wiki/FAQ -- http://css-discuss.incutio.com/
>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>>
>> 
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
> 
Yup, if you ever say the words "I have a list of..." then you should 
probably be using a list :)
Except, of course, if each list element has several sub-elements to it, 
then you're probably a good candidate for a DATA table.

-- 
Thanks,

Jim

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/



-
You snooze, you lose. Get messages ASAP with AutoCheck
in the all-new Yahoo! Mail Beta. 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


   
-
You snooze, you lose. Get messages ASAP with AutoCheck
 in the all-new Yahoo! Mail Beta. 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] "Divitis?"

[trevor bayliss]

Thanks for all the comments. I am trying to implement the general 
consensus:"You could change your div to a ul and wrap your items in li tags 
(DONE); then you can set the background of the the li tag to the image you want 
and position it appropriately (PROBLEM)."   
I tried with a background image on the li and the ul but to no avail as 
it doesn´t show the image- how can i make it work? Thank you for any advice 
   
  I am 
  #col2 {
 CLEAR: right; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; 
PADDING-BOTTOM: 13px; PADDING-TOP: 0px; WIDTH: 180px
}
#col2 ul {
background-image:url(images/menu.gif) no-repeat left top; 
background-position:left
}
  #col2 li {
background-image:url(images/menu.gif) no-repeat left top; 
background-position:left
}
   
  

Barclays Bank
Collins
Paracelus


  

James Gadrow <[EMAIL PROTECTED]> wrote:
  Ross Hulford wrote:
> Yep. That;s the way I approach it. Much neater.
>
> R.
> - Original Message - 
> From: "Brian Crescimanno" 

> To: 
> Sent: Tuesday, May 29, 2007 2:13 PM
> Subject: Re: [css-d] "Divitis?"
>
>
> 
>> Out of curiosity, why not use an unordered list--it would seem more
>> semantically correct in this situation.
>>
>> You could change your div to a ul and wrap your items in li tags; then
>> you can set the background of the the li tag to the image you want and
>> position it appropriately.
>>
>> Brian
>> __
>> css-discuss [EMAIL PROTECTED]
>> http://www.css-discuss.org/mailman/listinfo/css-d
>> IE7 information -- http://css-discuss.incutio.com/?page=IE7
>> List wiki/FAQ -- http://css-discuss.incutio.com/
>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>>
>> 
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
> 
Yup, if you ever say the words "I have a list of..." then you should 
probably be using a list :)
Except, of course, if each list element has several sub-elements to it, 
then you're probably a good candidate for a DATA table.

-- 
Thanks,

Jim

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


   
-
You snooze, you lose. Get messages ASAP with AutoCheck
 in the all-new Yahoo! Mail Beta. 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] "Divitis?"

[James Gadrow]

Ross Hulford wrote:
> Yep. That;s the way I approach it. Much neater.
>
> R.
> - Original Message - 
> From: "Brian Crescimanno" <[EMAIL PROTECTED]>
> To: 
> Sent: Tuesday, May 29, 2007 2:13 PM
> Subject: Re: [css-d] "Divitis?"
>
>
>   
>> Out of curiosity, why not use an unordered list--it would seem more
>> semantically correct in this situation.
>>
>> You could change your div to a ul and wrap your items in li tags; then
>> you can set the background of the the li tag to the image you want and
>> position it appropriately.
>>
>> Brian
>> __
>> css-discuss [EMAIL PROTECTED]
>> http://www.css-discuss.org/mailman/listinfo/css-d
>> IE7 information -- http://css-discuss.incutio.com/?page=IE7
>> List wiki/FAQ -- http://css-discuss.incutio.com/
>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>>
>> 
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>   
Yup, if you ever say the words "I have a list of..." then you should 
probably be using a list :)
Except, of course, if each list element has several sub-elements to it, 
then you're probably a good candidate for a DATA table.

-- 
Thanks,

Jim

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] "Divitis?"

[Ross Hulford]

Yep. That;s the way I approach it. Much neater.

R.
- Original Message - 
From: "Brian Crescimanno" <[EMAIL PROTECTED]>
To: 
Sent: Tuesday, May 29, 2007 2:13 PM
Subject: Re: [css-d] "Divitis?"


> Out of curiosity, why not use an unordered list--it would seem more
> semantically correct in this situation.
> 
> You could change your div to a ul and wrap your items in li tags; then
> you can set the background of the the li tag to the image you want and
> position it appropriately.
> 
> Brian
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] "Divitis?"

[David Dorward]

On 29/05/07, trevor bayliss <[EMAIL PROTECTED]> wrote:
> I have a several companies that I am putting in a list(25). They
> all have the same image by their side, the same spacing and
> a line break after each one. At the moment I have it set out like
> the code below. Should I make a new class to deal with this or
> would this be the famous "divitis" that I have heard about?

It is divitus alright.

You've got a list, so use a list (ul / ol + li), with a graphical
bullet point: http://www.w3.org/TR/CSS2/generate.html#propdef-list-style-image

-- 
David Dorward 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] "Divitis?"

[Brian Crescimanno]

Out of curiosity, why not use an unordered list--it would seem more
semantically correct in this situation.

You could change your div to a ul and wrap your items in li tags; then
you can set the background of the the li tag to the image you want and
position it appropriately.

Brian
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] "Divitis?"

[Dave Goodchild]

You can style the elements in the list without adding an extra class ie

#col2 img {
float: left;
clear: left;
}

#col2 a {
}

etc etc
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] "Divitis?"

[trevor bayliss]

I have a several companies that I am putting in a list(25). They all have the 
same image by their side, the same spacing and a line break after each one. At 
the moment I have it set out like the code below. Should I make a new class to 
deal with this or would this be the famous "divitis" that I have heard about? 
How would I put this into a div/class? Thank you  
   
  styles:
  #col2 {
 CLEAR: right; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; 
PADDING-BOTTOM: 13px; PADDING-TOP: 0px; WIDTH: 180px
}
   
  code:
  
    
  Barclays Bank
  
  British Alcan
  
  Brtiannia Pharma


   
-
Boardwalk for $500? In 2007? Ha! 
Play Monopoly Here and Now (it's updated for today's economy) at Yahoo! Games.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/