Antworten zum Thema „[Joomla 1.5] Untermenü-Buttons in einem Beitrag haben ungewollte Abstände“

[tupax]

Moin Moin,
ich hätte da gerne mal ein Problem
Da ich nichtmal genau weiss, wonach ich "suchmaschinen" soll, wende ich mich mal wieder an die Profis:

Ich habe auf einer Joomla-Webseite ein Untermenü zusammengefrickelt, welches per Javascript "onmouseover" etc. animiert wird. Das Menü besteht aus 5 Bildern (gesliced mit Photoshop).

Alles funktioniert bestens aber: zwischen den einzelnen Bildern (Buttons) werden nun Abstände angezeigt, die nicht gewollt sind.
Zu sehen hier auf einer TEST_seite:


Der Code aus dem TinyMCE:

<p><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></p>

<mce:script language="JavaScript"><!--
button1_a= new Image();
button1_a.src = "images/stories/Bildermenu/01.png"
button1_b= new Image();
button1_b.src = "images/stories/Bildermenu/01a.png"
button2_a= new Image();
button2_a.src = "images/stories/Bildermenu/02.png"
button2_b= new Image();
button2_b.src = "images/stories/Bildermenu/02a.png"
button3_a= new Image();
button3_a.src = "images/stories/Bildermenu/03.png"
button3_b= new Image();
button3_b.src = "images/stories/Bildermenu/03a.png"
button4_a= new Image();
button4_a.src = "images/stories/Bildermenu/04.png"
button4_b= new Image();
button4_b.src = "images/stories/Bildermenu/04a.png"
button5_a= new Image();
button5_a.src = "images/stories/Bildermenu/05.png"
button5_b= new Image();
button5_b.src = "images/stories/Bildermenu/05a.png"
// --></mce:script>



<table class="mceItemTable" style="width: 480px; height: 477px;" id="Tabelle_01" border="0" cellpadding="0" cellspacing="0" height="477">
    <tbody><tr>
        <td>
            <a href="index.php?option=com_content&amp;view=article&amp;id=53&amp;Itemid=58" mce_href="index.php?option=com_content&amp;view=article&amp;id=53&amp;Itemid=58" onmouseover="austausch1.src='images/stories/Bildermenu/01a.png';" onmouseout="austausch1.src='images/stories/Bildermenu/01.png'"><img src="images/stories/Bildermenu/01.png" mce_src="images/stories/Bildermenu/01.png" name="austausch1" border="0" height="477" width="96"></a> </td>

        <td>
                <a href="index.php?option=com_content&amp;view=article&amp;id=54&amp;Itemid=59" mce_href="index.php?option=com_content&amp;view=article&amp;id=54&amp;Itemid=59" onmouseover="austausch2.src='images/stories/Bildermenu/02a.png';" onmouseout="austausch2.src='images/stories/Bildermenu/02.png'"><img src="images/stories/Bildermenu/02.png" mce_src="images/stories/Bildermenu/02.png" name="austausch2" border="0" height="477" width="96"></a> </td>
        <td>
                <a href="index.php?option=com_content&amp;view=article&amp;id=55&amp;Itemid=60" mce_href="index.php?option=com_content&amp;view=article&amp;id=55&amp;Itemid=60" onmouseover="austausch3.src='images/stories/Bildermenu/03a.png';" onmouseout="austausch3.src='images/stories/Bildermenu/03.png'"><img src="images/stories/Bildermenu/03.png" mce_src="images/stories/Bildermenu/03.png" name="austausch3" border="0" height="477" width="96"></a> </td>
        <td>
                <a href="index.php?option=com_content&amp;view=article&amp;id=56&amp;Itemid=61" mce_href="index.php?option=com_content&amp;view=article&amp;id=56&amp;Itemid=61" onmouseover="austausch4.src='images/stories/Bildermenu/04a.png';" onmouseout="austausch4.src='images/stories/Bildermenu/04.png'"><img src="images/stories/Bildermenu/04.png" mce_src="images/stories/Bildermenu/04.png" name="austausch4" border="0" height="477" width="96"></a> </td>
        <td>
                <a href="index.php?option=com_content&amp;view=article&amp;id=52&amp;Itemid=63" mce_href="index.php?option=com_content&amp;view=article&amp;id=52&amp;Itemid=63" onmouseover="austausch5.src='images/stories/Bildermenu/05a.png';" onmouseout="austausch5.src='images/stories/Bildermenu/05.png'"><img src="images/stories/Bildermenu/05.png" mce_src="images/stories/Bildermenu/05.png" name="austausch5" border="0" height="477" width="96"></a> </td>
    </tr>
</tbody></table><p><br mce_bogus="1"></p>

Es wird übrigens auf mehreren Browsern (FF, IE, Chrome, Safari, Opera) so dargestellt.
Wenn ich das Menü lokal teste, ist alles in Ordnung.

Bleibt ja eigentlich nur noch Joomla oder eine CSS (im Template?) als Verursacher?

Wo kann ich noch suchen?

Bin für jede Hilfe dankbar.
Gruss
Chris

 

[call112]

AW: [Joomla 1.5] Untermenü-Buttons in einem Beitrag haben ungewollte Abstände

Ursache ist deine template.css (übrigens ein artiseer-template da stellt sich jedem Joomla-Experten die Nackenhaare hoch).

Nimm dir einen geeigneten Editor (z.B. PSPad) und öffne damit die template.css ( ..../test/templates/sanne_neu/css/template.css )

in ca Zeile 534 findest du Folgendes:

.art-article img, img.art-article {
border: 1px solid #CCC2AD;
margin: 1em;


}

border ist dein Rand um die Bilder und margin verantwortlich für den Abstand.

Du kannst dieses beides auf Null ändern, nur bei artiseer-Templates kann das auch wieder Auswirkungen auf andere Bereiche haben, da artiseer sich nicht wirklich um Joomlaspezifische Klassen scherrt.

 

[tupax]

AW: [Joomla 1.5] Untermenü-Buttons in einem Beitrag haben ungewollte Abstände

Wow, klasse, das wars. Hätte ich sicher nie gefunden ^^

Danke vielmals call112!

p.s. Das mit Artisteer weiss ich, leider fehlt mir die Zeit, um mich mehr in die Materie einzuarbeiten...
Deswegen muss eben manchmal eine "faule" Methode herhalten

Liebe Grüsse & Schönes Wochenende
Chris

 

[sppopeid]

AW: [Joomla 1.5] Untermenü-Buttons in einem Beitrag haben ungewollte Abstände

(übrigens ein artiseer-template da stellt sich jedem Joomla-Experten die Nackenhaare hoch)

Joomla-Experten wissen aber auch, dass die Template-Maschine nicht artiseer, sondern Artisteer heißt....
Nix für ungut