Banner verkleinert sich

    Ich habe schon wieder eine Frage:?:


    Das Template welches ich für meine Seite verwende heißt RT_garden. Dieses habe ich
    gekauft da die Demo-Version relativ wenig Positionen angeboten hat.


    http://demo.rushthemes.com/joomla-templates/garden/index.php


    Auf der Startseite ist ein banner.jpg hinterlegt. Verkleinert man jetzt die Ansicht
    der Seite mit Strg und Maus-Scrollrad bleibt das Foto in der gleichen Größe erhalten
    und nur der Inhalt verkleinert sich. Wahrscheinlich ist das Bild fest
    verpixelt.


    Bei dem Bild welches ich auf meiner Seite hinterlegt habe ist das leider nicht so. Dort verkleinert sich das Bild auch mit. Das soll natürlich nicht so sein.


    https://jambo-family.com/index.php/de/


    Ich habe schon eine Menge experimentiert. Mit der Pixelzahl bekomme ich es aber leider nicht hin.


    Hat jemand eine Idee woran das liegen könnte?hmm


    Gruß

    Karsten

    Würde mal schauen, ob das Bild in der Demo nicht auf eine anderen Modulposition sitzt.


    Weiterhin ist das Demobild 1920 x 1080px groß


    Deines aber 3531 x 2222px - also viel zu groß für eine Webseite



    Und Google-Maps wird ja auch nicht angezeigt

    Vielen Dank, für die vielen Lösungen. :thumbup:


    Ich habe die Maße meines Bildes angepasst. Es hat jetzt 1716 x 1080 Pixel. Das Modul sitzt auf der Position Banner. Es gibt noch eine Position „Promo“ wenn ich es dort hinsetze verschwindet es allerdings völlig. Also Banner entspricht sicherlich der Demo-Version.


    Beide Codes habe ich ans Ende der template.css eingefügt, mit dem Ergebnis, dass das Bild jetzt zentriert erscheint. Schon mal ein super Fortschritt.


    Allerdings verkleinert es sich immer noch und bleibt nicht wie bei der Demo-Version. Muss das vielleicht so sein?


    Stimmt, Google-Maps funktioniert auch nicht. Ist die nächste Baustelle. Mir ist natürlich wieder mal nicht bewusst was ich falsch gemacht habe. :?:


    - API Key besorgt

    - Längen und Breitengrad eingegeben

    - MAP_ID = google_map


    Position „fuullwidht5“


    Die Karte baut sich kurz auf um sofort wieder zu verschwinden. thinking


    Beste Grüße

    Karsten

    Du musst Dir aber einen eigenen Key besorgen - Google hat vieles in den letzten Wochen geändert

    Eigentlich, beschäftigt mich aber eher die Sache mit dem Bannerbild. Es verkleinert sich immer noch und bleibt nicht wie bei der Demo-Version.


    Das Kartenmodul kann ich auch wieder raus nehmen. Dient im Moment eh nur als Platzhalter bis ich mir endgültig darüber klar bin wie ich die Seite gestalte.


    Gruß Karsten

    Hallo Karsten,


    am Anfang des Threads war ja die Frage, wie Du das Bild zentriert reinbekommst.
    Dies wurde von Tom #3 korrekt beantwortet.


    Glaube, dass es bei der Demo-Version Inline mäßig gemacht worden ist.


    Nachdem Du jetzt aber das Bild über die ganze Breite haben möchtest, könntest Du den 1. Code #3, auskommentieren. (da ist ja fixe Breite zentriert).


    Liebe Grüße

    Christine

    Ich habe aus Neugierde mit den FF Web-Tools ein wenig gespielt und mit folgenden Änderungen (glaube ich) den gewünschten Effekt erreicht:

    In die folgende Zeile

    <img src="https://jambo-family.com/images/banners/Africa-Wallpaper-WEBSITE.jpg" alt="Afrika_Banner">

    nach img style="width: 100%;" eingefügt und aus dem Code #3

    max width: 1200px; deaktiviert.


    Ich weiß aber nicht, ob dies im Code des TE auch möglich ist und es sollte auch ein Experte die Änderung noch einmal prüfen.

    Wie gesagt, nur ein Test aus Neugierde und um selbst zu lernen und kann auch komplett falsch sein.

    Hallo Christine,


    ja, der Code hat wirklich super funktioniert und ich bin auch sehr froh über die Hilfe. :thumbup:


    Gedacht hatte ich allerdings trotzdem das das Foto sich wie in der Demo nicht verkleinert. Ich habe versucht es auszukommentieren aber dann rutscht es wieder nach links.


    Egal, ich lasse es so. Ich wundere mich allerdings, dass bei einem gekauften Template trotzdem noch so viel angepasst werden muss.


    Hallo KarEm,


    danke für Deine Versuche. Gerne probiere ich es gleich mal aus, wenn ich die richtige Zeile finde und berichte dann über die Ergebnisse.


    :?:

    Eine Frage habe ich noch. Dazu muss ich noch einmal auf das Demo-Bild zurückkommen.


    Demo | rt_Garden


    Unter dem großen Foto, sind drei kleine.

    LANDSCAPING, PLANTING und GROWING.

    Wie ist das gemacht? Sind das 3 Eigenen Module in dem der Text und die Fotos im Editor eingefügt sind?


    Ich würde gerne Fotos so ähnlich darstellen. Habe aber nicht diesen Abstand hinbekommen.


    Bis hierhin vielen Dank an alle die sich so viel Zeit nehmen.


    Gruß

    Karsten

    Hallo,

    ich habe leider keine Datei gefunden wo dieser Code enthalten ist,


    Nicht im css Verzeichnis in der template.php, nicht im html Verzeichnis, auch nicht bei mod-banners.


    Also weiß ich leider nicht wo ich den Code eintragen kann.


    Code
    <img src="https://jambo-family.com/images/banners/Africa-Wallpaper-WEBSITE.jpg" alt="Afrika_Banner">

nach img style="width: 100%;"


    Ansonsten habe ich ein paar Bilder erst mal in eigenen Modulen platziert. Drei Module an drei Positionen.


    Vielen Dank


    Gruß Karsten

    Hallo,

    ok, war in den FF-Web-Tools einfach.

    Wenn Du noch einen Versuch machen möchtest, in der index.php, Zeile 34 den Ausdruck style="none" duch style="width: 100%" ersetzen.

    Ist nur ein Test, ohne Gewähr.

    Zeile 34 in der originalen index.php

    Hallo Karsten,


    in der CSS hast Du das ja schon (das war deswegen, weil wir am Anfang dachten, Du möchtest das Bild zentriert haben):


    Das hier:

    Code
    .banneritem {
    max-width: 1200px; 
    margin: 0 auto;
}
.banneritem img {
max-width:100%; 
height:auto;  
}

    ersetzt Du durch das hier:

    Code
    .banneritem img {
width:100%; 
}

    dann sollte es eigentlich passen.


    Liebe Grüße

    Christine