Zikula Community

• michiel
  
  

  • Rank: Softmore
  • Registered: Apr 17, 2004
  • Last visit: May 16, 2010
  • Posts: 164

  Posted: Sep 14, 2010 - 09:22 AM

  I’m using Zikula 1.2.4 and Pagemaster v0.4.2
  
  I made a Pub type and a publication named “Test pub”.
  
  I made the file “viewpub_Test pub.htm” and placed it in /config/templates/PageMaster/output/
  
  On FireFox it looks good, on Internet Explorer 8 not (see image )
  
  
  
  I found the /javascript/style.css file with the class names used in “viewpub_Test pub.htm”
  
  I uses Andeas08 theme, but other themes have the same result
  
  URL to pub: http://micware.nl/bi…viewpub&tid=1&pid=1
  
  THX for looking

  • 
  •  
• mazdev
  
  

  • Rank: Softmore
  • Registered: Sep 13, 2010
  • Last visit:
  • Posts: 105

  Posted: Sep 14, 2010 - 07:49 PM

  Ok, looking at your source, and the javascript/style.css everything is display in block, width 29%, text-align: right.
  
  You have to create your viewpub_Test pub.htm yoursself with own styles.
  
  eg.
  

  Code

  <h2>first Test pub with v0.42</h2>
  <p>core_title:  kijen of dit werkt</p>
  <p>core_pid:  1</p>

  
  
  and so on and on
  
  --
  Carl Georg aka Mazdev
  

  Jerindo.net - Ruminations of an Expat in Indonesia & Webdevelopment

  • 
  •  
• michiel
  
  

  • Rank: Softmore
  • Registered: Apr 17, 2004
  • Last visit: May 16, 2010
  • Posts: 164

  Posted: Sep 14, 2010 - 09:52 PM

  Thanks for your answer,
  
  I get the idee and I think I can work with this.
  
  It still does not explain the different interpretation of CSS between FF and IE8
  It has something to do with the z-form class (z-form PM-pubdetails)
  
  But thanks for the reminder,
  
  Michiel

  • 
  •  
• mazdev
  
  

  • Rank: Softmore
  • Registered: Sep 13, 2010
  • Last visit:
  • Posts: 105

  Posted: Sep 15, 2010 - 01:22 AM

  FF and IE are browsers which can read HTML / CSS / XHTML . Sometimes one Browser is not up to date as CSS etc. still continue their development.
  
  But anyway, I'm not used to Pagemaster yet, but from my Pagesetter experience, one you created a Publication type, and generated the Publist template, you will get quite a plain list with all the Formfields & Titles. Now you need to take them and create a nice Layout for it.
  
  Example from the Pagesetter news:
  
  

  Code

  <div class="pn-title"><!--[$headline]--></div>
  
  
  <table>
   <tr>
    <td valign="top"><!--[$text[$core.page]]--></td>
    <td valign="top">
     <!--[if $image != "" ]-->
       <img src="<!--[$image]-->" width="200" alt="<!--[$imagetext]-->" title="<!--[$imagetext]-->"><br>
       <i><!--[$imagetext]--></i>
     <!--[/if]-->
    </td>
   </tr>
  </table>

  
  
  You see all the tags with headline, image, text etc. etc. this are the form field names which were created before.
  
  --
  Carl Georg aka Mazdev
  

  Jerindo.net - Ruminations of an Expat in Indonesia & Webdevelopment

  • 
  •  
• nestormateo
  
  

  • Rank: Team Member
  • Registered: Sep 06, 2006
  • Last visit: May 09, 2010
  • Posts: 2446

  Posted: Sep 21, 2010 - 07:33 AM

  I see that your layout is edited Michiel, the publication data should be inside a DIV.z-form container, and in your site the z-formrows have no container... you may deleted the z-form container when began to customize the template?
  
  You can add a z-form-linear container too to get the style that I guess you want, something like:
  

  Code

  <div class="z-form">
    <div class="z-form">
      <div class="z-formrow">
        ...
      </div>
    </div>
  </div>

  Probably that's the origin of your problem.
  Try
  
  --
  - Mateo T. -
  Mis principios... son mis fines

  • 
  •  
• michiel
  
  

  • Rank: Softmore
  • Registered: Apr 17, 2004
  • Last visit: May 16, 2010
  • Posts: 164

  Posted: Sep 21, 2010 - 09:50 AM

  I copied and pasted the code pagemaster generated and came to the conclusion that de code was not rendering properly in IE8 (see image above)
  
  I removed div class="z-form PM-pubdetails" and /div and it looked good on Internet Explorer 8 and Fire Fox
  
  

  Code

  I removed div class="z-form pm-pubdetails"> and </div>

  
  My CSS is a bit rusty
  
  “Z-form” is a Class, but what does “PM-pubdetails” do?
  
  “Z-form” class I found in /javascript/style.css
  
  Do I really need it?
  
  I can style the template the way I want it, right?
  What are the advantages or disadvantages of doing it this way?
  Probably a newbie question, but he I am the eternal student

  • 
  •  
• nestormateo
  
  

  • Rank: Team Member
  • Registered: Sep 06, 2006
  • Last visit: May 09, 2010
  • Posts: 2446

  Posted: Sep 21, 2010 - 06:55 PM

  Sure
  you can do in any way you like it.
  PageMaster uses the z-form styles because they are core and a good default. If they doesn't work with IE8 is a weird thing, Carsten may know what happens with it.
  
  PM-pubdetails is just an utility class, not needed but probably useful if you want to control something from CSS later.
  
  --
  - Mateo T. -
  Mis principios... son mis fines

  • 
  •  
• Herr.Vorragend
  
  

  • Rank: Team Member
  • Registered: Jul 15, 2004
  • Last visit: May 27, 2010
  • Posts: 277

  Posted: Sep 21, 2010 - 09:07 PM

  Hi, I've compared http://micware.nl/binfo/index.php?module=pagemaster&func=viewpub&tid=1&pid=1 in FF and IE. I cannot see any differences (described in the image above). Where is the problem?

  • 
  •  
• michiel
  
  

  • Rank: Softmore
  • Registered: Apr 17, 2004
  • Last visit: May 16, 2010
  • Posts: 164

  Posted: Sep 22, 2010 - 09:01 AM

  @Herr.Vorragend
  I removed

  Code

  div class="z-form pm-pubdetails"> and </div>

  
  and now it looks good in IE8 and FF, so you won't see the problem anymore unless you add the tag's again

  • 
  •  
•  
•  

Users on-line

• eledril

This list is based on users active over the last 60 minutes.