Antworten auf deine Fragen:
Neues Thema erstellen

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

tupax

Noch nicht viel geschrieben

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:
Code:
<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

Noch nicht viel geschrieben

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

Noch nicht viel geschrieben

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
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.

Statistik des Forums

Themen
118.635
Beiträge
1.538.454
Mitglieder
67.558
Neuestes Mitglied
StarsMan
Oben