HTML Code in Contao einbauen in Verbindung mit menue

[my-om]

Hallo Ihr,

ich habe (Contao 2.10.3 ) einen artikel erstellt als HTML Code für eine eigene Navigation mit folgendem Inhalt
<link type="text/css" rel="stylesheet" href="menue.css" />
<div id="menue_2" class="image_container" class="mod_navigation">
<div id="menue_button_1" class="image_container" >
<img src="tl_files/omn-menue-bilder/online-marketing-G.jpg" width="156" height="37" border="0" alt="Willkommen bei online marketing" name="Startseite"/>
</div>
<div id="menue_button_2" class="image_container">
<a href="index.php/web-design.html" title="web design" >
<img src="tl_files/omn-menue-bilder/web-design.jpg" width="156" height="37" border="0" alt="web design" name="web-design"
onmouseover="this.src='tl_files/omn-menue-bilder/web-design-A.jpg'"
onmouseout="this.src='tl_files/omn-menue-bilder/web-design.jpg'"/>
</a>
</div>
<div id="menue_button_3" class="image_container">
<a href="index.php/online-shop.html" title="online-shop" >
<img src="tl_files/omn-menue-bilder/online-shop.jpg" width="156" height="37" border="0" alt="online shop" name="online-shop"
onmouseover="this.src='tl_files/omn-menue-bilder/online-shop-A.jpg'"
onmouseout="this.src='tl_files/omn-menue-bilder/online-shop.jpg'"/>
</a>
</div>
<div id="menue_button_4" class="image_container">
<a href="index.php/werbung.html" title="werbung" >
<img src="tl_files/omn-menue-bilder/werbung.jpg" width="156" height="37" border="0" alt="werbung" name="werbung"
onmouseover="this.src='tl_files/omn-menue-bilder/werbung-A.jpg'"
onmouseout="this.src='tl_files/omn-menue-bilder/werbung.jpg'"/>
</a>
</div>
<div id="menue_button_5" class="image_container" >
<a href="index.php/photo-design.html" title="photo design" >
<img src="tl_files/omn-menue-bilder/photo-design.jpg" width="156" height="37" border="0" alt="photo-design" name="photo-design"
onmouseover="this.src='tl_files/omn-menue-bilder/photo-design-A.jpg'"
onmouseout="this.src=tl_files/'omn-menue-bilder/photo-design.jpg'"/>
</a>
</div>
</div>
und ein CSS menue erstellt mit folgenden Inhalt
#menue_2
{
}

#menue_button_1
{
left:0;
top:260px;
position:absolute;
}

#menue_button_2
{
left:164px;
position:absolute;
top:260px;
}

#menue_button_3
{
left:326px;
position:absolute;
top:260px;
}

#menue_button_4
{
left:490px;
position:absolute;
top:260px;
}

#menue_button_5
{
left:654px;
position:absolute;
top:260px;
}
Es funktioniert auch die Darstellung in meinem Frontend aber die Links führen nicht zur entsprechenden Seite, also z.B. online-shop. Statt dessen wird eine Fehler 500 Internet Server error ausgegeben. Ich habe aber in der Seitenstruktur online-shop als Seite angelegt. Bin ich mit meiner Vorgehensweise verkehrt unterwegs, oder ist das prinzipiell möglich und ich habe bestimmte Sachen nicht beachtet. Natürlich habe ich den Artikel in ein Frontendmodul mit insert eingefügt und entsprechend im Layout verankert.

Die Standard-Navigation habe ich mir angeschaut, aber das ist nicht mein Weg.
Mein Ziel ist meinen HTML Code zu zerlegen und in Contao stückchenweise zu übernehmen, sofern ich den brauche. Leider findet man sehr wenig über diesen Weg.
Hier mein Frontendausgabe

http://s343441001.online.de/contao/preview.php?site=index.php

Wäre super wenn ihr mir weiter helfen könnt.

Gruß my-om

[Silvano]

Hallo

Verwende bitte das nächste mal im Forum die Funktion von "HTML Code einfügen" ... ist sonst unangenehm zu lesen

<link type="text/css" rel="stylesheet" href="menue.css" />
<div id="menue_2" class="image_container" class="mod_navigation">
<div id="menue_button_1" class="image_container" >
<img src="tl_files/omn-menue-bilder/online-marketing-G.jpg" width="156" height="37" border="0" alt="Willkommen bei online marketing" name="Startseite"/>
</div>
<div id="menue_button_2" class="image_container">
<a href="index.php/web-design.html" title="web design" >
<img src="tl_files/omn-menue-bilder/web-design.jpg" width="156" height="37" border="0" alt="web design" name="web-design"
onmouseover="this.src='tl_files/omn-menue-bilder/web-design-A.jpg'"
onmouseout="this.src='tl_files/omn-menue-bilder/web-design.jpg'"/>
</a>
</div>
<div id="menue_button_3" class="image_container">
<a href="index.php/online-shop.html" title="online-shop" >
<img src="tl_files/omn-menue-bilder/online-shop.jpg" width="156" height="37" border="0" alt="online shop" name="online-shop"
onmouseover="this.src='tl_files/omn-menue-bilder/online-shop-A.jpg'"
onmouseout="this.src='tl_files/omn-menue-bilder/online-shop.jpg'"/>
</a>
</div>
<div id="menue_button_4" class="image_container">
<a href="index.php/werbung.html" title="werbung" >
<img src="tl_files/omn-menue-bilder/werbung.jpg" width="156" height="37" border="0" alt="werbung" name="werbung"
onmouseover="this.src='tl_files/omn-menue-bilder/werbung-A.jpg'"
onmouseout="this.src='tl_files/omn-menue-bilder/werbung.jpg'"/>
</a>
</div>
<div id="menue_button_5" class="image_container" >
<a href="index.php/photo-design.html" title="photo design" >
<img src="tl_files/omn-menue-bilder/photo-design.jpg" width="156" height="37" border="0" alt="photo-design" name="photo-design"
onmouseover="this.src='tl_files/omn-menue-bilder/photo-design-A.jpg'"
onmouseout="this.src=tl_files/'omn-menue-bilder/photo-design.jpg'"/>
</a>
</div>
</div>

#menue_2
{
}

#menue_button_1
{
left:0;
top:260px;
position:absolute;
}

#menue_button_2
{
left:164px;
position:absolute;
top:260px;
}

#menue_button_3
{
left:326px;
position:absolute;
top:260px;
}

#menue_button_4
{
left:490px;
position:absolute;
top:260px;
}

#menue_button_5
{
left:654px;
position:absolute;
top:260px;
}

Statt dessen wird eine Fehler 500 Internet Server error ausgegeben.

Somit solltest Du in dem ControlPanel von deinem Hoster in den Log (sofern Du Zugriff darauf hast) eine Fehlermeldung sehen. Die Hilft Dir/uns bestimmt weiter. Ansonsten ein E-Mail an den Hoster er soll Dir das Log senden.

Ich habe aber in der Seitenstruktur online-shop als Seite angelegt.

Wie sieht den dort die Alias aus? So wie Du sie verlinkt hast? (online-shop)

Hier mein Frontendausgabe

http://s343441001.online.de/contao/preview.php?site=index.php

geht leider nicht. 1) der Link Allgemein und 2) Wir müssten uns einlogen, da Du uns den Frontend-Vorschau Link vom Contao BE geposted hast. Es würde http://s343441001.online.de reichen

Gruss Silvano

[my-om]

Hallo

Verwende bitte das nächste mal im Forum die Funktion von "HTML Code einfügen" ... ist sonst unangenehm zu lesen

<link type="text/css" rel="stylesheet" href="menue.css" />
<div id="menue_2" class="image_container" class="mod_navigation">
<div id="menue_button_1" class="image_container" >
<img src="tl_files/omn-menue-bilder/online-marketing-G.jpg" width="156" height="37" border="0" alt="Willkommen bei online marketing" name="Startseite"/>
</div>
<div id="menue_button_2" class="image_container">
<a href="index.php/web-design.html" title="web design" >
<img src="tl_files/omn-menue-bilder/web-design.jpg" width="156" height="37" border="0" alt="web design" name="web-design"
onmouseover="this.src='tl_files/omn-menue-bilder/web-design-A.jpg'"
onmouseout="this.src='tl_files/omn-menue-bilder/web-design.jpg'"/>
</a>
</div>
<div id="menue_button_3" class="image_container">
<a href="index.php/online-shop.html" title="online-shop" >
<img src="tl_files/omn-menue-bilder/online-shop.jpg" width="156" height="37" border="0" alt="online shop" name="online-shop"
onmouseover="this.src='tl_files/omn-menue-bilder/online-shop-A.jpg'"
onmouseout="this.src='tl_files/omn-menue-bilder/online-shop.jpg'"/>
</a>
</div>
<div id="menue_button_4" class="image_container">
<a href="index.php/werbung.html" title="werbung" >
<img src="tl_files/omn-menue-bilder/werbung.jpg" width="156" height="37" border="0" alt="werbung" name="werbung"
onmouseover="this.src='tl_files/omn-menue-bilder/werbung-A.jpg'"
onmouseout="this.src='tl_files/omn-menue-bilder/werbung.jpg'"/>
</a>
</div>
<div id="menue_button_5" class="image_container" >
<a href="index.php/photo-design.html" title="photo design" >
<img src="tl_files/omn-menue-bilder/photo-design.jpg" width="156" height="37" border="0" alt="photo-design" name="photo-design"
onmouseover="this.src='tl_files/omn-menue-bilder/photo-design-A.jpg'"
onmouseout="this.src=tl_files/'omn-menue-bilder/photo-design.jpg'"/>
</a>
</div>
</div>

#menue_2
{
}

#menue_button_1
{
left:0;
top:260px;
position:absolute;
}

#menue_button_2
{
left:164px;
position:absolute;
top:260px;
}

#menue_button_3
{
left:326px;
position:absolute;
top:260px;
}

#menue_button_4
{
left:490px;
position:absolute;
top:260px;
}

#menue_button_5
{
left:654px;
position:absolute;
top:260px;
}

Somit solltest Du in dem ControlPanel von deinem Hoster in den Log (sofern Du Zugriff darauf hast) eine Fehlermeldung sehen. Die Hilft Dir/uns bestimmt weiter. Ansonsten ein E-Mail an den Hoster er soll Dir das Log senden.



Wie sieht den dort die Alias aus? So wie Du sie verlinkt hast? (online-shop)



geht leider nicht. 1) der Link Allgemein und 2) Wir müssten uns einlogen, da Du uns den Frontend-Vorschau Link vom Contao BE geposted hast. Es würde http://s343441001.online.de reichen

Gruss Silvano

Hallo Silvano,

danke für deine Antwort:
Ich habe die Log datei, ich hoffe die richtige beigelegt
der Link auf mein BE

http://s343441001.online.de/contao/

Die alias Namen haben nicht übereingestimmt, ich habe sie berichtigt, irgendwie ist aus - ein _ geworden
Sorry, das ich jetzt erst mich retuor melde, aber habe meine Tochter verarzten müssen.
Gruß
Karlheinz

Ich habe mit meinem Provider gesprochen, es funktioniert jetzt. Die Httaccess hat wohl ein Problem gehabt.
Danke für deine Hilfe Silvano

Wie mache ich meinen Thread wieder zu ? Oder ist das dem Moderator vorbehalten?

Danke