Ergebnis 1 bis 3 von 3

Thema: HTML Code in Contao einbauen in Verbindung mit menue

  1. #1
    Contao-Fan
    Registriert seit
    28.11.2011.
    Ort
    Nürnberg
    Beiträge
    691

    Frage HTML Code in Contao einbauen in Verbindung mit menue

    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/p...site=index.php
    Wäre super wenn ihr mir weiter helfen könnt.

    Gruß my-om

  2. #2
    Contao-Fan Avatar von Silvano
    Registriert seit
    12.09.2010.
    Ort
    Zürich, Schweiz
    Beiträge
    326
    Partner-ID
    7631

    Standard

    Hallo

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

    HTML-Code:
    <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>
    Code:
    #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;
    }

    Zitat Zitat von my-om Beitrag anzeigen
    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.

    Zitat Zitat von my-om Beitrag anzeigen
    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)

    Zitat Zitat von my-om Beitrag anzeigen
    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

  3. #3
    Contao-Fan
    Registriert seit
    28.11.2011.
    Ort
    Nürnberg
    Beiträge
    691

    Computer

    Zitat Zitat von Silvano Beitrag anzeigen
    Hallo

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

    HTML-Code:
    <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>
    Code:
    #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
    Angehängte Dateien Angehängte Dateien
    Geändert von my-om (13.12.2011 um 15:34 Uhr)

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •