Support Joomla!
  • Français
  • English
Ordered and unordered lists do not seem to work!
Forums
Search:     Advanced search
2721 Posts in 648 Topics by 12196 Members
Latest Member: Rudolph ROBELIN
+  Forums
|-+  Products - English
| |-+  Templates
| | |-+  RetroGraphix
| | | |-+  Ordered and unordered lists do not seem to work!		 « previous next »
Pages: [1] Print
Author Topic: Ordered and unordered lists do not seem to work!  (Read 6702 times)
An Eke
Newbie
*
Posts: 10


View Profile
« on: January 14, 2007, 08:50:01 PM »
I though I would let you know why ordered and unordered lists not showing on a live site.

It depends on the template one is using, which is really problematic (see the attached screenshots!).

ol1 = Joomla distribution template
ol2 = a free template (good)
ol3 = another free template, SimplicityDotted (bad)
ol4 = a pay template, RetroGraphix (bad)

Thanks for your urgent help!
Logged
Nicolas
Webdesigner NeoJoomla
Global Moderator
Jr. Member
*****
Posts: 78



View Profile Email
« Reply #1 on: January 15, 2007, 10:48:33 AM »
If you want to display ordered lists, add <ul> in thoses css declarations :

- In contentpane and contentpaneopen classes

Code:
.contentpaneopen ul li, .contentpane ul li {
padding: 2px 0px 2px 10px;
background: url("../images/arrow_grey.png") no-repeat 0px 7px;
}

- In li declaration at the begining of css file, add ul tag before li tag.

Code:
ul li { list-style-type: none; }

 Clin d'oeil
Logged
An Eke
Newbie
*
Posts: 10


View Profile
« Reply #2 on: January 15, 2007, 11:38:14 AM »
Citation de: Nicolas le January 15, 2007, 10:48:33 AM
If you want to display ordered lists, add <ul> in thoses css declarations :

- In contentpane and contentpaneopen classes

Code:
.contentpaneopen ul li, .contentpane ul li {
padding: 2px 0px 2px 10px;
background: url("../images/arrow_grey.png") no-repeat 0px 7px;
}

- In li declaration at the begining of css file, add ul tag before li tag.

Code:
ul li { list-style-type: none; }

 Clin d'oeil


Thanks for your reply. Please copy here the code that needs to be replaced with the one (including its sorrounding code) that you suggest, in order to avoid misunderstanding on my part (not being a CSS guru).

Thanks, again.
Logged
An Eke
Newbie
*
Posts: 10


View Profile
« Reply #3 on: January 15, 2007, 09:18:43 PM »
Citation de: An Eke le January 15, 2007, 11:38:14 AM
Citation de: Nicolas le January 15, 2007, 10:48:33 AM
If you want to display ordered lists, add <ul> in thoses css declarations :

- In contentpane and contentpaneopen classes

Code:
.contentpaneopen ul li, .contentpane ul li {
padding: 2px 0px 2px 10px;
background: url("../images/arrow_grey.png") no-repeat 0px 7px;
}

- In li declaration at the begining of css file, add ul tag before li tag.

Code:
ul li { list-style-type: none; }

 Clin d'oeil


Thanks for your reply. Please copy here the code that needs to be replaced with the one (including its sorrounding code) that you suggest, in order to avoid misunderstanding on my part (not being a CSS guru).

Thanks, again.

This is a believe the relevant code section from the CSS file. Please edit it the way you suggestÉ

.contentpaneopen, .contentpane, .blog {
   width: 99%;
   font-size: 1em;
}
.contentpaneopen ul, .contentpane ul { padding-left: 10px; }
.contentpaneopen li, .contentpane li {
   padding: 2px 0px 2px 10px;
   background: url("../images/arrow_grey.png") no-repeat 0px 8px;
}

Where to put the ul, li { ... declaratrion?

Thanks
Logged
An Eke
Newbie
*
Posts: 10


View Profile
« Reply #4 on: January 15, 2007, 09:34:48 PM »
Citation de: Nicolas le January 15, 2007, 10:48:33 AM
If you want to display ordered lists, add <ul> in thoses css declarations :

- In contentpane and contentpaneopen classes

Code:
.contentpaneopen ul li, .contentpane ul li {
padding: 2px 0px 2px 10px;
background: url("../images/arrow_grey.png") no-repeat 0px 7px;
}

- In li declaration at the begining of css file, add ul tag before li tag.

Code:
ul li { list-style-type: none; }

By putting the ul tag before the li tag solved the ordered (numbered) list.

The UNORDERED LIST still does not work. The leading dot or any other graphic symbol is missing at the beginning of the line.

Thanks for your help.

 Clin d'oeil
Logged
Nicolas
Webdesigner NeoJoomla
Global Moderator
Jr. Member
*****
Posts: 78



View Profile Email
« Reply #5 on: January 16, 2007, 09:10:05 AM »
By default, our template use a specific icon for unordered list. If you use this css properties you must obtain our graphic symbol at the beginning of the line.
Citation
Code:
.contentpaneopen ul li, .contentpane ul li {
padding: 2px 0px 2px 10px;
background: url("../images/arrow_grey.png") no-repeat 0px 7px;
}

 Sourire
Logged
An Eke
Newbie
*
Posts: 10


View Profile
« Reply #6 on: January 16, 2007, 10:56:13 AM »
Citation de: Nicolas le January 16, 2007, 09:10:05 AM
By default, our template use a specific icon for unordered list. If you use this css properties you must obtain our graphic symbol at the beginning of the line.
Citation
Code:
.contentpaneopen ul li, .contentpane ul li {
padding: 2px 0px 2px 10px;
background: url("../images/arrow_grey.png") no-repeat 0px 7px;
}

 Sourire

Thanks. The problem is that if this graphic symbol (an image that is) is used instead of a coded dot, then a Javascript tabber begins to use it and put it next to the tab, which is disturbing. Can you recommend a code for simple coded DOT ror SQUARE instead of an image?

Thanks again.
Logged
Nicolas
Webdesigner NeoJoomla
Global Moderator
Jr. Member
*****
Posts: 78



View Profile Email
« Reply #7 on: January 24, 2007, 12:21:07 PM »
Hello,

If you want to use Dot or Square instead of the symbol, simply delete the line into the css sheet where is this declaration and background on contentpaneopen class :
Code:
ul li { list-style-type: none; }
By default you are the html dot.

 Clin d'oeil
Logged
An Eke
Newbie
*
Posts: 10


View Profile
« Reply #8 on: January 24, 2007, 10:43:14 PM »
Citation de: Nicolas le January 24, 2007, 12:21:07 PM
Hello,

If you want to use Dot or Square instead of the symbol, simply delete the line into the css sheet where is this declaration and background on contentpaneopen class :
Code:
ul li { list-style-type: none; }
By default you are the html dot.

 Clin d'oeil

Hello, I found once instance of
Code:
ul li { list-style-type: none; }
that I deleted. Nothing has changed. The unordered list is not shown.
Logged
An Eke
Newbie
*
Posts: 10


View Profile
« Reply #9 on: February 10, 2007, 09:05:33 PM »
Citation de: Nicolas le January 24, 2007, 12:21:07 PM
Hello,

If you want to use Dot or Square instead of the symbol, simply delete the line into the css sheet where is this declaration and background on contentpaneopen class :
Code:
ul li { list-style-type: none; }
By default you are the html dot.

 Clin d'oeil

You are right, it fixed the unordered list problem witin a content item, BUT this change also puts a dot before EVERY item that is listed, like in News, Latest news even in Category Table listings. Can you recommend one that is specific ONLY to a Content Item?

Thanks
Logged
Pages: [1] Print 
« previous next »
Jump to:  

Powered by SMF 1.1 RC3 | SMF © 2001-2006, Lewis Media
Joomla Bridge by JoomlaHacks.com
Joomla Professionals | Joomla Components | Joomla Extensions | Joomla Templates | Joomla Design | Joomla Developers | Joomla Blog | Contact | Quote