1
Intuit
Dokuwiki Layout Questions
  • 2005/9/3 0:59

  • Intuit

  • Just popping in

  • Posts: 60

  • Since: 2005/8/2 1


The front page of the module plays horrible tricks with font sizes and the whol page is shifted to the left, rather than being in the center. Anyone have success in fixing these issues?
--
I
http://www.articles4business.com - post your small business/financial/internet biz articles here to promote your site!
http://www.seductionhome.com

2
WarDick
Re: Dokuwiki Layout Questions
  • 2005/9/3 1:51

  • WarDick

  • Just can't stay away

  • Posts: 890

  • Since: 2003/9/13


Did you notice that it loads three additional style sheets. A quick way to determine what is what is to use the web developer extenison for firefox. It allows you to make realtime changes in the style sheets.
Urging XOOPS to be the Best It Can Be.
Richard......

3
Intuit
Re: Dokuwiki Layout Questions
  • 2005/9/3 2:11

  • Intuit

  • Just popping in

  • Posts: 60

  • Since: 2005/8/2 1


Good idea, will try.
--
I
http://www.articles4business.com - post your small business/financial/internet biz articles here to promote your site!
http://www.seductionhome.com

4
decalogue
Re: Dokuwiki Layout Questions
  • 2006/3/1 12:45

  • decalogue

  • Just popping in

  • Posts: 3

  • Since: 2006/3/1 1


I've already determined that it's the design.css file that messes up the aligning. However, I cant for the life of me figure out what command does it. Can anyone help out to determine what commands are forcing the module to the left instead of center?

le="color: #000000"><?php /* -------------- general elements --------------- */ /* body { font: 80% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; background-color: White; color: Black; margin: 0; padding: 0; } */ /* the document */ div.page { margin-top: 4px; margin-left: 1em; margin-right: 2em; text-align: left; } table { font-size: 100%; padding:0; margin:0; } tr,td,th {padding:0; margin:0;} img {border:0} p {padding:0; margin: 0 0 1.0em 0;} hr { border: 0px; border-top: 1px solid #8cacbb; text-align:center; height: 0px; } div.nothing { text-align:center; margin: 2em; } /* ---------------- forms ------------------------ */ form { border: none; margin: 0; display: inline; } label { display: block; text-align: right; font-weight: bold; } label.simple { text-align: left; font-weight: normal; } label input.edit { width: 50%; } fieldset { width: 300px; text-align: center; border: 1px solid #8cacbb; padding: 0.5em; } textarea.edit { font-family:monospace; border: 1px solid #8cacbb; color: Black; background-color: white; font-size:14px; padding: 3px; width:100%; } input.edit,select.edit { font-size: 100%; border: 1px solid #8cacbb; height: 18px !important; max-height: 22px !important; min-height: 22px !important; color: Black; background-color: white; vertical-align: middle; padding: 1px; display: inline; } input.missing { font-size: 100%; border: 1px solid #8cacbb; height: 18px !important; max-height: 22px !important; min-height: 22px !important; color: Black; background-color: #ffcccc; vertical-align: middle; padding: 1px; display: inline; } /* --------- buttons ------------------- */ input.button { border: 1px solid #8cacbb; color: Black; background-color: white; vertical-align: middle; text-decoration:none; font-size: 100%; cursor: pointer; height: 22px !important; max-height: 22px !important; min-height: 22px !important; margin: 1px; display: inline; } div.secedit input.button { border: 1px solid #8cacbb; color: Black; background-color: white; vertical-align: middle; text-decoration:none; margin: 0px; padding: 0px; font-size: 10px; cursor: pointer; height: 15px !important; max-height: 15px !important; min-height: 15px !important; float:right; display: inline; } /* ----------- page navigator ------------- */ div.pagenav { margin-top:1em; } div.pagenav-prev { text-align:right; float:left; width:50% } div.pagenav-prev input.button { margin-right:5px; } div.pagenav-next { text-align:left; float:right; width:50% } div.pagenav-next input.button { margin-left:5px; } /* --------------- Links ------------------ */ a { color:#436976; text-decoration:none; } a:hover { color:#000000; text-decoration:underline; } /* external link */ a.urlextern{ background: transparent url(images/link_icon.gif) 0px 1px no-repeat; padding: 1px 0px 1px 16px; color:#436976; text-decoration:none; } a.urlextern:visited { color:Purple; } a.urlextern:hover { text-decoration:underline; } /* windows share */ a.windows{ background: transparent url(images/windows.gif) 0px 1px no-repeat; padding: 1px 0px 1px 16px; color:#436976; text-decoration:none; } a.windows:visited { color:Purple; } a.windows:hover { text-decoration:underline; } /* interwiki link */ a.interwiki{ background: transparent url(images/interwiki.png) 0px 1px no-repeat; padding-left: 16px; color:#436976; text-decoration:none; } a.interwiki:visited { color:Purple; } a.interwiki:hover { text-decoration:underline; } /* link to some embedded media */ a.media { color:#436976; text-decoration:none; } a.media:hover { color:#436976; text-decoration:underline } /* email link */ a.mail { background: transparent url(images/mail_icon.gif) 0px 1px no-repeat; padding: 1px 0px 1px 16px; color:#436976; text-decoration:none; } a.mail:hover { text-decoration:underline; } /* existing wikipage */ a.wikilink1:link { color:#009900; text-decoration:none } a.wikilink1:visited { color:#009900; text-decoration:none } a.wikilink1:hover { color:#009900; text-decoration:underline } /* not existing wikipage */ a.wikilink2:link { color:#FF3300; text-decoration:none } a.wikilink2:visited { color:#FF3300; text-decoration:none } a.wikilink2:hover { color:#FF3300; text-decoration:underline } /* ------------- Page elements ----------------- */ div.preview{ background:#f7f9fa; margin-left:2em; padding: 4px; border: 1px dashed #000000; } div.breadcrumbs{ background-color: #f5f5f5; font-size:80%; color: #666666; padding-left: 4px; } span.user{ color: #cccccc; font-size: 90%; } /* embedded images */ img.media { margin: 3px; } img.medialeft { border: 0; float: left; margin: 0 1.5em 0 0; } img.mediaright { border: 0; float: right; margin: 0 0 0 1.5em; } img.mediacenter { border: 0; display: block; margin-left: auto; margin-right: auto; } acronym { cursor: help; border-bottom: 1px dotted #000; } /* general headline setup */ h1, h2, h3, h4, h5 { color: Black; background-color: transparent; font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; font-size: 100%; font-weight: normal; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 1em; padding-left: 0; padding-right: 0; padding-top: 0.5em; padding-bottom: 0; border-bottom: 1px solid #8cacbb; clear: left; } /* special headlines */ h1 {font-size: 160%; margin-left: 0px; font-weight: bold;} h2 {font-size: 150%; margin-left: 20px;} h3 {font-size: 140%; margin-left: 40px; border-bottom: none; font-weight: bold;} h4 {font-size: 120%; margin-left: 60px; border-bottom: none; font-weight: bold;} h5 {font-size: 100%; margin-left: 80px; border-bottom: none; font-weight: bold;} /* indent different sections */ div.level1 {margin-left: 3px;} div.level2 {margin-left: 23px;} div.level3 {margin-left: 43px;} div.level4 {margin-left: 63px;} div.level5 {margin-left: 83px;} li { list-style: none;} li:before {content: "" !important;} /* unordered lists */ ul { line-height: 150%; list-style-type: square !important; margin: 0 0 0.5em 1.5em; padding: 0; list-style-image: url(images/bullet.gif); } /* ordered lists */ ol { line-height: 1.5em; margin: 0 0 0.5em 1.5em; padding: 0; color: #638c9c; font-weight: bold; list-style-image: none; } /* the list items overriding the ol definition */ .li { color: #000000; font-weight: normal; } ol {list-style-type: decimal !important} ol ol {list-style-type: upper-roman !important} ol ol ol {list-style-type: lower-alpha !important} ol ol ol ol {list-style-type: lower-greek !important} li.open { list-style-image: url(images/open.gif); } li.closed { list-style-image: url(images/closed.gif); } blockquote { border-left: 2px solid #8cacbb; padding-left: 3px; margin-left: 0; } /* code blocks by indention */ pre.pre { font-size: 120%; padding: 0.5em; border: 1px dashed #8cacbb; color: Black; background-color: #f7f9fa; overflow: auto; } /* code blocks by code tag */ pre.code { font-size: 120%; padding: 0.5em; border: 1px dashed #8cacbb; color: Black; background-color: #f7f9fa; overflow: auto; } /* inline code words */ code { font-size: 120%; } /* code blocks by file tag */ pre.file { font-size: 120%; padding: 0.5em; border: 1px dashed #8cacbb; color: Black; background-color: #dee7ec; overflow: auto; } /* inline tables */ table.inline { background-color: #ffffff; border-spacing: 0px; border-collapse: collapse; } table.inline th { padding: 3px; border: 1px solid #8cacbb; background-color: #dee7ec; } table.inline td { padding: 3px; border: 1px solid #8cacbb; } .leftalign{ text-align: left; } .centeralign{ text-align: center; } .rightalign{ text-align: right; } /* ---------- table of contents ------------------- */ div.toc { margin-left: 2em; margin-top: 1.2em; margin-bottom: 0; float:right; width: 200px; font-size: 80%; clear:both; } div.tocheader { padding: 3px; border: 1px solid #8cacbb; background-color: #dee7ec; text-align: left; font-weight:bold; margin-bottom: 2px; } div.toctoggle { float:right; margin-top:0.3em; margin-right:3px; } div.toctoggle img { width:0.8em; height:0.8em; } #tocinside { border: 1px solid #8cacbb; background-color: #ffffff; text-align: left; padding-top: 0.5em; padding-bottom: 0.7em; } ul.toc { list-style-type: none; list-style-image: none; line-height: 1.2em; margin: 0; padding: 0; padding-left: 1em; } ul.toc li { background: transparent url(images/tocdot2.gif) 0 0.6em no-repeat; padding-left:0.4em; } ul.toc li.clear { background-image: none; padding-left:0.4em; } a.toc { color: #436976; text-decoration:none; } a.toc:hover { color: #000000; text-decoration:underline; } /* ---------------------------- Diff rendering --------------------------*/ table.diff { background:white; } td.diff-blockheader {font-weight:bold} td.diff-header { border-bottom: 1px solid #8cacbb; font-size:120%; } td.diff-addedline { background:#ddffdd; font-family: monospace; font-size: 100%; } td.diff-deletedline { background:#ffffbb; font-family: monospace; font-size: 100%; } td.diff-context { background:#f7f9fa; font-family: monospace; font-size: 100%; } span.diffchange { color: red; } /* --------------------- footnotes -------------------------------- */ div.footnotes{ clear:both; border-top: 1px solid #8cacbb; padding-left: 1em; margin-top: 1em; } div.fn{ font-size:90%; } a.fn_top{ vertical-align:super; font-size:80%; } a.fn_bot{ vertical-align:super; font-size:80%; font-weight:bold; } /* --------------- search result formating --------------- */ .search_result{ margin-bottom: 6px; padding-left: 30px; padding-right: 10px; } .search_snippet{ color: #999999; font-size: 12px; margin-left: 20px; } .search_sep{ color: #000000; } .search_hit{ color: #000000; background: #FFFF99; } div.search_quickresult{ margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px dashed #8cacbb; margin-left: 30px; padding-right: 10px; } div.search_quickhits { margin-left: 1em; float:left; background: transparent url(images/bullet.gif) 0px 1px no-repeat; padding: 1px 0px 1px 8px; width: 30%; } /* ------------------ Additional ---------------------- */ /* Modified by D.J. */ .footerinc a img { filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; opacity:0.5; } .footerinc a:hover img { filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.00; opacity:1; } /* ---- Admin --- */ div.acladmin label { text-align: left; font-weight: normal; display: inline; } div.acladmin table{ margin-left: 10%; width: 80%; } /* ---------- AJAX quicksearch ----------- */ div.ajax_qsearch { position:absolute; right:225px;; text-align:left; width: 200px; background-color: #ff9; opacity: 0.9; display:none; } /* ---------- Spellchecking ------------- */ a.spell_error { color: #ff0000; text-decoration: underline; } div#spell_suggest { position: absolute; left: 0; top: 0; display: none; background-color: #fff; padding: 2px; border: 1px solid #000; font-size:80%; z-index: 2; } div#spell_result { display:none; font-family:monospace; border: 1px solid #8cacbb; color: Black; font-size:14px; padding: 3px; background-color: #f7f9fa; overflow: auto; z-index: 1; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } span.spell_noerr { color: #009933; } span.spell_wait { color: #0066cc; }


Thx for any help.

5
zyspec
Re: Dokuwiki Layout Questions
  • 2006/3/1 17:33

  • zyspec

  • Module Developer

  • Posts: 1095

  • Since: 2004/9/21


It appears line 17 above (under the div.page section) change the text-align: left; to what you want - maybe text-align: center. That should change the page alignmement.

6
decalogue
Re: Dokuwiki Layout Questions
  • 2006/3/2 3:51

  • decalogue

  • Just popping in

  • Posts: 3

  • Since: 2006/3/1 1


Thanks, I'll try that. BTW, I forgot to mention that this only happens on firefox. On IE it works perfectly. If anyone is wondering, I'm using firefox 1.5. Could it be because firefox is more CSS compliant than IE?

Thx again, i'll get back after i try it out.