Button auf freie Fläche plazieren

    Hallo zusammen,
    ich möchte auf die Vereinsseite: http://www.sk-herne-sodingen.de/ einen Button auf die linke leere grüne Fläche plazieren. Sagen wir: Ganz oben links. Wie kann ich das verwirklichen? Ich bedanke mich schon jetzt für eure Bemühungen. Ach so! Ein Problem habe ich noch. Vorschaubildchen mit Popup-Fernster, gibt es da ein gutes Plugin?

    Gruss
    Franz

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Mittels CSS kannst du Elemente frei platzieren. Du suchst möglicherweise sowas:

    Code
    #top-left-element {
position:absolute;
top:20px;
left:20px;
}
    HTML
    <div id="top-left-element">
INHALT
</div>

    2. Guck mal ob "Lightbox" deinen Wünschen entspricht (gibts auch als WP-Plugin).

    hallo und vielen dank für die schnelle reaktion,

    kanns du mir sagen, an welche stelle der css-datei dein text kommt? ich habe nämlich kaum ahnung.

    Gruss:mrgreen:
    Franz

    hallo,

    vielen dank. die css-datei ist entsprechend geändert, aber wo kommt der text:

    [COLOR=#000080]<div id=[COLOR=#0000ff]"top-left-element"[/COLOR]>[/COLOR]
    INHALT
    [COLOR=#000080]</div> [/COLOR]
    [COLOR=#000080]
    [COLOR=black]rein und was kommt als ersatz für inhalt? Vielleicht der dateiname/adresse eines bildes?

    sei nicht böse:mrgreen:[/COLOR][/COLOR]
    [COLOR=#000080][/COLOR]
    [COLOR=#000080][COLOR=#000000]Gruss[/COLOR][/COLOR]
    [COLOR=#000080][COLOR=#000000]Franz[/COLOR][/COLOR]
    [COLOR=#000080][/COLOR]
    [COLOR=#000080][/COLOR]

    Ja zum Beispiel ein <img>-Element. Oder Text. Oder Werbung. Oder oder oder... :-)

    Wohin? Kommt drauf an. In eine Template-Datei, die immer aufgerufen wird, wenn der Button imm angezeigt werden soll. Beispiele wären header.php oder footer.php Beides hat Vor- und Nachteile. Wenn der Button "wichtig" ist, und schnell angezeigt werden soll, dann am besten in die header.php Auch hier z.B. ans Ende setzen.

    Ein externes Element (z.B. bei Einbindung externer Werbung per Banner oder gar JavaScript) würde ich den Code ans Ende der footer.php setzen (vor </body>!), damit die Ladezeit deiner Seite nicht beeinträchtigt wird, wenn die externe Seite mal "hängt".

    Am einfachsten mit in den Container rein, also

    Code
    <div id="top-left-element">
  <img src="bild1.png" />
  <img src="bild2.png" />
</div>

    Ausrichtung der Bilder, Abstände usw. kannst du dann per CSS formatieren:

    Code
    #top-left-element img {
display:block;
margin-bottom:10px;
}


    (unmittelbar nach dem CSS-Code für den Container einbinden)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden