Reg Tab's die II.

[kukki]

Eigentlich funktionieren meine Tabs, aber es gibt ein "Schönheitsproblem" ausschließlich im IE7.

Wenn man nachfolgende Seite im IE7 lädt, kann man beobachten, wie die Tabs erst richtig geladen werden und dann zwischen 1. und 2. sowie 5. und 6. Zeile einen kleinen Zwischenraum sich schiebt. Damit entsteht ein sichtbare ungewollte "Zeile", die aber im Quelltext ich nicht finden konnte.
Im IE6 (und sogar 5.5), FF, OPERA und SAFARI ist alles o.k.

Ich habe bereits von einer anderen meiner Websites alles CSS und JS und TMPL zu einem TabReg aus Verzweiflung in diese Seite eingestellt und wieder angepasst. Es will einfach nicht!

Kann mir da jemand einen hilfreichen Tipp geben?

[Toflar]

IE6 stimmt ebenfalls nicht.

Vergleiche mal die einzelnen Zeilen im Quelltext. Ich habe gesehen, dass es z.B. beim 2. Punkt ein margin von 15px oben hat...

[kukki]

Sorry, das hat gar nichts damit zu tun, sondern ist der Abstand des Bildes/ Textes zur vorher liegenden CP (in diesem Fall ein RegTab). Diese Zeile taucht bei ALLEN Tabs auf!

[kukki]

Ich glaube, ich habe es gefunden, es häng mit den [ul]'s und [li]'s zusammen. Nur bei diesen Arikeln entsteht diese Reaktion, die auch nur im Ladevorgang zu sehen ist. Sowie die Tabs dann wieder angeklickt werden, ist alles weg. Mit F5 ist es wieder da.

Ergo - dafür muß die *.CSS noch ergänzt/ bearbeitet werden.

[Jensensen]

code doppelt:

<script src="template/inc_js/mootools/mootools.js" type="text/javascript"></script>
<script type="text/javascript">
window.addEvent('domready',
function(){
var accordion = new Accordion('h3.atStart', 'div.atStart', {
opacity: 0.5, duration: 800, alwaysHide: true, show: -1
},
$('accordion'));
});
</script>
<script src="template/inc_js/mootools/mootools.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
window.addEvent("domready", function(){
var accordion = new Accordion("div.at1Start", "div.at2Start", {
opacity: 0.5, duration: 500, alwaysHide: true, show: -1},$("accordion"));
accordion.showThisHideOpen(); // no open element on load
});
// ]]>
</script>

[Toflar]

Oh, hab auf die schnelle die anderen margins nicht gesehen, weil der Quellcode so riesig ist und ich da keine anständigen Programme besitze...im Büro

btw: powered bei PHPcms???? phpwcms und alles klein bitte =)

[flip-flop]

In accordion_tabs.css:

Code: Select all

.togglerHover {
  .....
  border-left: 1px solid #FE91A6; 

Dann hört das Gehüpfe der Zeile beim Hovern auf und der linke Abschluss ist gegeben.

[kukki]

Übrigens, Tab-Regs/ FAQ MOO_fx ... funktioniert nicht im IE 5.5.
Ist zwar uralt, aber gestern habe ich einen Bekannten am Hörer gehabt, der mit diesem alten Teil unter WIN98 immer noch "redet".