DokuWiki

It's better when it's simple

User Tools

Site Tools


tips:styling-headers

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
tips:styling-headers [2016-11-29 15:48] – [{{:images:icon.png}} MyHeading] Wodzutips:styling-headers [2022-07-24 13:38] (current) – [Table] 2a01:cb04:763:f500:4501:d4d:22e5:f0ed
Line 1: Line 1:
-====== Using CSS to Style Headers ======+====== Using CSS to Style Headers======
  
 //This work **in progress** is a contribution originated from discussion in the Forum Thread [[http://forum.dokuwiki.org/thread/3207|Use of small images in the section headers]].// //This work **in progress** is a contribution originated from discussion in the Forum Thread [[http://forum.dokuwiki.org/thread/3207|Use of small images in the section headers]].//
Line 69: Line 69:
 The result is as follows: The result is as follows:
  
-| {{http://informatica.temuco.udelmar.cl/~lmachuca/files/dokuwiki/dw-headercss-case2a.png}} | +| {{http://informatica.temuco.udelmar.cl/~lmachuca/files/dokuwiki/dw-headercss-case2a.png}}  |
  
 Here you can see that, despite the fact that we have specified a __padding__, the text appears very close to the border. The reason for that lies in both the CSS box model and the DokuWiki rendering rules. Besides, there's about //one em// of extra height //above// the  text. This is caused by the ''<a>'' tag placed inside the header.  Here you can see that, despite the fact that we have specified a __padding__, the text appears very close to the border. The reason for that lies in both the CSS box model and the DokuWiki rendering rules. Besides, there's about //one em// of extra height //above// the  text. This is caused by the ''<a>'' tag placed inside the header. 
tips/styling-headers.txt · Last modified: 2022-07-24 13:38 by 2a01:cb04:763:f500:4501:d4d:22e5:f0ed

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki