[pmwiki-users] Custom Markup Setup for <div class= ?

Guillermo Calderon - INCO calderon at fing.edu.uy
Thu Jul 5 14:00:26 CDT 2007


Matt Simpson wrote:
>>>Guillermo wrote:
>>>
>>>
>>>>However, I advice you to use nested lists. It is cleaner and you can
>>>>achieve the same effects with approppriate CSS.
>>>>
>>>>
>>>>The sidebar looks like this:
>>>>
>>>>
>>>>>>navmenu<<
>>>>
>>>>* First level A
>>>>* Fist level B
>>>>** Second Level A
>>>>** Second Level B
>>>>* First Level C
>>>>...
>>>>
>>>>>><<
>>>>
>>>>and the CSS migh be something like this:
>>>>
>>>>.navmenu ul li {
>>>>   /* first-level properties here */
>>>>
>>>>}
>>>>.navmenu ul ul li {
>>>>  /* second-level properties here */
>>>>  ....
>>>>}
>>>>
>>>
>>>Matt Simpson wrote:
>>>I'm trying to apply nested lists now.  I am unable to apply changes to 
>>>the CSS because it is hosted on global servers and used enterprise wide. 
>>>Perhaps I can host a local copy of it.
>>>
>>>However, is there some way of applying additional styles to what is 
>>>defined in the base CSS?  Perhaps using an additional CSS?  Or defining 
>>>the style in some other way within the wiki?  Still researching.... and 
>>>thanks...
> 
> 
>>Guillermo wrote:
>>Sure, you can define additional CSS creating the file
>>
>>            <wiki-dir>/pub/css/default.css
>>


Sorry ... the file is  "local.css"

>>Rules in this file rewrites the ones in your skin
> 
> However, now I have a problem.  The indentation that PmWiki adds to the list
> is being added to the indentation within the style sheets.
> 
> How can I, within the block, disable or customize the extra indentation that 
> PmWiki adds in a list?
> 

It is not pmwiki which adds indentation to lists. It is the default 
behaviour for most browser.
You can change this, playing with properties like "display", margin, 
padding and text-indent:


.navmenu ul {
   display: block;
   margin: 0;
   padding:0;
  }

.navmenu li
	{
   text-indent: 0;
   width: 155px;
   vertical-align: top;
   margin-left: 0;
   padding-top: 0;
   padding-left: 0;
   list-style-type: none;
}






More information about the pmwiki-users mailing list