Logo neben Menu platzieren inkl. Home-Button Funktion

  • Hallo zusammen


    Ich möchte gerne meine Seite ähnlich wie http://www.websitex5.com gestalten, nähmlich mit meinem Logo links neben einem horizontalen Menu. Dies gelingt mir ohne HTML-Code mit Website X5 aber nicht. Entweder ist das Logo klickbar im Header oben oder unter dem Menu, wenn ich die Ränder des Menuinhalts verschiebe, schiebt sich das Menü über das Logo und es ist nicht mehr klickbar.


    Ich bin leider (noch) nicht fit genug in HTML um dies selber zu beheben und hoffe auf eure Unterstützung. Websitegerüst online unter http://computer.w-style.ch. Vielen Dank.


    Daniel :whistling:

  • Du nimmst dir Schritt 1 und gehst zum Punkt Hauptmenü dort gehst du unten zum HTML Bereich und gibst z.B. sowas ein


    HTML
    1. <a href="http://computer.w-style.ch/"><img src="http://w-style.ch/gallery/Visitenkarte_wstyle_Computer.png" title="Logo" alt="Logo" style="width:90px; height: 58px;margin-right:15px;" /></a>



    dann erhälst du diese Anzeige.



    Das ist kein Hexenwerk und allemal schneller gemacht als hin und herschieberei. Dazu ist das Feld da. und ein lumpiges Bild kann jeder verlinken...

  • Also das Menu habe ich nun auf rechts gesetzt, aber es verschiebt mir das Logo mit.
    Eingetragen habe ich folgenden Code:
    <a href="http://computer.w-style.ch/"><img src="http://computer.w-style.ch/images/Logo_wstyle_Original_neu_blau.png" title="Logo" alt="Logo" style="width:250px; height: 74px;margin-right:10px;" /></a>
    Grösse des Logos ist 250px x 74px.


    CSS kann ich nicht...

  • Und mal überlegt das ein 250 px breites Bild nicht da rein passt! Das muss schon schmaler sein. Sonst wird das menü ungebrochen und es kommt zu der Darstellung die du hast. Das muss schon alles in eine Zeile passen

  • Ich weis nicht was das auslöst, dass links so ein Rand ist aber versuche das mal !


    Setze das Hauptmenü auf rechts "rechtsbündig"


    dann den Code einfügen !


    Code
    1. <img style="width:250px; height: 74px;margin-left:-150px" alt="Logo" title="Logo" src="http://computer.w-style.ch/images/Logo_wstyle_Original_neu_blau.png">

    Wissen ist MACHT ! Nichts zu Wissen macht nichts !
    Wissen ist MACHT ...ohne es zu wissen !

  • schau wie breit deine Seite ist, die Breite des Menüs kannst du ausrechnen, dann weisst du wieviel Platz für das Logo da ist. Über den margin-wert kannst du dann den Abstand Steuern, oder du machst die grafik in der restlichen Breite und platzierst das Logo schon innerhalb der Grafik

  • Hallo Andy, dein Code funktioniert nur beim Start der Website. Gehst du ins Menu und klickst auf das Logo, verschiebt es sich nach links.
    Hallo Labelle, danke für deinen Input, werde ich in den nächsten Tagen mal versuchen.

  • So, nun ist das Logo dank eurer Hilfe am richtigen Ort.


    Nun muss ich nur noch die Hauptmenupunkte horizontal mittig ausrichten können, momentan ist die Ausrichtung "oben"

  • Spitze.


    Bin leider zu spät gekommen...

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

  • Hallo,


    dieses Thema ist zwar schon beendet aber vielleicht kann mir doch jemand helfen. Ich versuche gerade herauszufinden mit welchem Verfahren ich einen Text i meinem Hauptmenü anzeigen lassen kann. Ich habe es wie bei euch mit einem Bild probiert aber auch mit einem Text.
    Fangen wir klein an... in dem html-Code Feld habe ich bereits folgendes probiert:

    HTML
    1. <h1>Hallo</h1>
    2. <p>Hallo</p>
    3. <html><head></head><body>Hallo</body></html>



    und mein Menü bleibt unverändert...
    Hat jemand eine Ahnung wie man vorgehen muss das dort ein Text mit stehen kann!?
    Danke

  • Im HTML Code Feld steht bei X5 NIE NIE NIEMALS


    <html><head></head><body>


    oder


    </body></html>



    drin! Egal wo!



    Ansonsten solltest einfach nur deinen Code richtig formulieren und auch platzieren. Eine Testseite wo man sieht was du machst wäre auch sinnvoll.

  • Hallo, zu dem Thema hätte ich auch eine Frage.


    Ich habe gerade versucht ein Logo als ersten Menüpunkt via HTML-Code einzubauen. Wenn ich die Optionalen Inhalte auf Position 2- Rechts stelle, zeigt er mir das Menü an und dann das Logo. Wenn ich die Position auf 1. Links stelle, ist das Logo immernoch Rechtsbündig und das restliche Menü wird darunter angezeigt.


    Ich habe versucht mit float:left und position:absolute/relative im CSS das Logo zu verschieben, Leider erfolglos.


    Habt Ihr einen Vorschlag, was ich noch versuchen kann?

  • Schon , aber wir können es uns nicht vorstellen. Deshalb mal herzeigen wie du es gemacht hast.

    Wissen ist MACHT ! Nichts zu Wissen macht nichts !
    Wissen ist MACHT ...ohne es zu wissen !

  • Also es Sieht so aus wie im Anhang. Hab das Problem rekonstruiert. Das Logo soll auf einer höhe mit dem Menü sein und gerne, dass das Menü Rechtbündig zentiert, das Logo aber linksbündig zentriert ist.

  • Ohne irgendwo nachgesehen zu haben... dein linker Inhalt ist zu breit sonst würde das Menü nicht darunter erscheinen. Der Platz dafür reicht nicht aus. Wenn du es an die rechte Seite machst interessiert das nicht da geht der Inhalt nach rechts weiter.