Zikula CMS

• Irrbert
  
  

  • Rang: gerade reingestolpert
  • Registriert: 03. Nov 2004
  • Letzter Besuch: 30. Aug 2010
  • Beiträge: 20

  Verfasst: 27. Jul 2010 - 18:48 Uhr

  Hallo Zikulaner,
  
  Ich hätte da gern mal wieder ein Problem. :)
  
  Ich bastel grade ein template für PageMaster, in dem Bilder in einer Tabelle angeordnet sind - die "normale" html-seite sieht ordentlich aus:
  Bild1:
  
  
  Leider sieht das im Pagemaster dann, auch je nach eingestelltem Theme anders aus, mit vergrösserten Tabellenfeldern oder vergrösserten Bildern. Ich weiss nicht obs die Tabellenfelder oder die Bilder sind, die sich oben oder unten einfach einen "Rand" genehmigen.
  Bild2:
  
  
  Wie kann ich in dem Template sagen, das er die Tabelle mit den Bildern einfach so, ohne irgendwelche Theme-bezogenen "styles" anzeigen soll? Gibts da ne extra klasse dafür?
  
  Habe es schon mit klassen wie
  "z-clearfix" und "pn-clearfix" probiert, da ich annahm diese setzen alte styles ausser kraft. ging aber nicht
  
  Ich hoffe, jemand kann mir weiterhelfen.
  
  Gruss IRRbert.

  • 
  •  
• Landseer
  
  

  • Rang: Support-Team
  • Registriert: 05. Jun 2003
  • Letzter Besuch: 27. Aug 2010
  • Beiträge: 7854

  Verfasst: 27. Jul 2010 - 19:21 Uhr

  Screenshots helfen bei solchen Problemen nicht weiter, ein Link zum Probem wäre hilfreicher.
  
  Irgendwo im CSS sind wohl ein paar margins oder paddings definiert. Üblicherweise ist Firebug im Firefox jetzt das Tool der Wahl, damit kannst Du Dir anzeigen lassen, woher das CSS an einer bestimmten abgeleitet wird.
  
  

  Jede Minderheit hat ein Recht auf Diskriminierung.

  • 
  •  
• Herr.Vorragend
  
  

  • Rang: Template-Ritter
  • Registriert: 16. Jul 2004
  • Letzter Besuch: 29. Aug 2010
  • Beiträge: 3056

  Verfasst: 27. Jul 2010 - 20:44 Uhr

  Quote

  "z-clearfix" und "pn-clearfix" probiert, da ich annahm diese setzen alte styles ausser kraft. ging aber nicht

  
  
  Bei den Clearfix-Klassen geht es um das Clearing von gefloateten Boxen. Siehe z.B. auch http://www.positioniseverything.net/easyclearing.html
  
  Hat aber mit deinem Problem nichts zu tun.
  
  Ein Live-Link sollte das Problem in wenigen Sekunden lösbar machen.
  
  

  Zikula Development and Webdesign | Mitwirken bei Zikula?

  • 
  •  
• Irrbert
  
  

  • Rang: gerade reingestolpert
  • Registriert: 03. Nov 2004
  • Letzter Besuch: 30. Aug 2010
  • Beiträge: 20

  Verfasst: 28. Jul 2010 - 10:22 Uhr

  Ich habe nun einen link zum Problem eingerichtet, das hat etwas gedauert, weil ich es erst nur offline betrieben habe. nun hier ist das Problem:
  http://logouhre…b&tid=11&pid=1
  
  Mit "Firebug" habe ich mir die Elemente auch schon angesehen, aber ich konnte keine Lösung des Problems für mich ableiten...
  Ich danke schonmal für eure Zeit und Interesse.
  
  Gruss IRRbert.

  • 
  •  
• Irrbert
  
  

  • Rang: gerade reingestolpert
  • Registriert: 03. Nov 2004
  • Letzter Besuch: 30. Aug 2010
  • Beiträge: 20

  Verfasst: 29. Jul 2010 - 17:52 Uhr

  Ich habe nun die Tabelle in ein div gepackt und einer extra geschaffenen klasse (ID) "notheme" zugewiesen.
  Dort habe ich alles mögliche und unmögliche auf "0px" gesetzt.
  Trotzdem wollen die (vertikalen) Ränder nicht verschwinden.
  
  #notheme img
  #notheme table
  #notheme tr
  #notheme td
  sehen alle so aus:
  
  {
  padding:0px;
  border:0px ;
  word-spacing:0px;
  
  CELLPADDING:0px ;
  CELLSPACING:0px ;
  LEFTMARGIN:0px ;
  TOPMARGIN:0px ;
  MARGINWIDTH:0px ;
  MARGINHEIGHT:0px;
  }
  
  Mit Firebug wird auch nichts "verdächtiges" angezeigt.... Bitte helft mir.

  • 
  •  
• Herr.Vorragend
  
  

  • Rang: Template-Ritter
  • Registriert: 16. Jul 2004
  • Letzter Besuch: 29. Aug 2010
  • Beiträge: 3056

  Verfasst: 29. Jul 2010 - 18:28 Uhr

  Wow, das ist wirklich ein wenig undurchsichtig.
  
  a) cellpadding und cellspacing etc. sind keine CSS-Eigenschaften, sondern Attribut einer Tabelle
  b) 203 HTML Fehler machen die Suche nach dem Problem wirlich ein wenig schwierig. Wobei ein Großteil davon sicherlich nur Tests und rohe Template-Daten sind.
  c) Ich nahm erst an, dass der gewählte DocType den Fehler verursache. AFAIK verhalten sich Tabellen bei diversen XHTML-Arten evtl. ein wenig merkwürdig.
  d) CSS-Live-Änderung mittels Firebug brachten mich nicht an Ziel. Sieht nicht nach dem CSS-Problem aus.
  e) Sondern scheinbar ganz einfach nur daran, dass leere Zellen vorhanden sind.
  
  Der schwarze Bereich zwischen den kleinen rechten Zellen besteht aus folgendem Code:
  

  Code

  <tr>
  <td class="fontsize">
  <img height="1" width="62" alt="" src="images/colorrollover/color_rollover_prototype-15.gif">
  </td>
  </tr>

  
  
  Prüfe bitte nochmal das HTML-Markup der Tabelle. Und entferne das ganze cellpadding,spacing,margin-Zeugs. Ein paar Breitenangaben wären evtl. sinnvoll.
  
  

  Zikula Development and Webdesign | Mitwirken bei Zikula?

  • 
  •  
• Naphta
  
  

  • Rang: Profi
  • Registriert: 09. Dez 2002
  • Letzter Besuch: 29. Jul 2010
  • Beiträge: 986

  Verfasst: 29. Jul 2010 - 19:05 Uhr

  Ja, am CSS liegt's definitiv nicht. Am Doctype auch nicht, sondern am HTML der Tabelle, das garantiert noch nie funktioniert hat - und statt dieses aberwitzige Monstrum zu reparieren, würde ich stattdessen ein simples Gerüst mit CSS basteln, z.B. das Hauptbild links und rechts eine Liste mit den Varianten.
  
  

  Wege durch Lissabon: Lissabonline und Infos über Südasien

  • 
  •  
• Irrbert
  
  

  • Rang: gerade reingestolpert
  • Registriert: 03. Nov 2004
  • Letzter Besuch: 30. Aug 2010
  • Beiträge: 20

  Verfasst: 30. Jul 2010 - 20:00 Uhr

  Ich habe die Sache nun auf div´s umgestellt, das geht wirklich besser.
  Es ist zwar noch nicht perfekt, aber der Weg ist das Ziel :)
  Ich danke allen für ihre aufgebrachte Mühe!!!
  Gruss IRRbert.

  • 
  •  
•  
•  

Benutzer online

• Guite

Diese Angaben basieren auf den Useraktivitäten der letzten 30 Minuten.