Grafik mittig über Sidebar?

  • Hallo,

    ich habe einen schönen Button 180x90 gebaut, den ich mittig über meiner linken Sidebar (C-SALSA.COM) haben will.

    Wo genau muss ich den Code dafür hinschreiben?
    Kann ich einfach html dafür benutzen oder wie muss das codiert werden?

    BG Chris :-)

    • 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

  • Wo genau muss ich den Code dafür hinschreiben?


    Vermutlich in die sidebar-left.php.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Hi Maxe,

    vielen Dank für die Antwort.

    Ich habe folgenden code

    Code
    <a href="http://www.c-salsa.com/wp-login.php?action=register"><img src="http://www.c-salsa.com/wp-content/themes/i3theme-1-6-classic-right/images/signup200x110-180x90.jpg" width="200" height="110" border="0" alt="SignUp"></a>


    einfach über allem restlichen code in die sidebar-left.php eingefügt.

    Effekt: Die Sidebar ist von ihrer jetzigen Position einfach runtergerutscht. Die Grafik war danach oben.

    Danach habe ich versucht die Grafik in die header.php einzufügen.
    Effekt: Die Grafik war immer ganz oben links auf der Seite.

    Ziel ist die Grafik im Kopf der Seite zentral über der linken sidebar einzufügen. Die Sidebar soll dabei nicht nach unten rutschen und auch im Kopf der Seite soll sich nichts verschieben.

    Wo muss ich dafür den code einsetzen?

    BG Chris :-)

  • Tja, da warst du in der header.php schon richtig. Aber ohne CSS Kenntnisse kommst du da nicht weiter.
    SELFHTML: Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Hi Maxe,

    da hab ich auch schon geschaut.

    Für meine style.css hab ich da folgendes:

    Code
    salsa-newsletter img {
            height: 110px;
            width: 200px;
    }

    ... für die header.php weiß ich allerdings noch nicht weiter, weil ich nicht genau weiß, wo ich den code dort einfügen muss.
    Ich könnte mir vorstellen, dass der code dort ähnlich wie das hier aussehen müsste:

    Code
    <class="salsa-newsletter"><a href="http://www.c-salsa.com/wp-login.php?action=register"><img src="http://www.c-salsa.com/wp-content/themes/i3theme-1-6-classic-right/images/signup200x110-180x90.jpg" width="200" height="110" border="0" alt="SignUp"></a>''>

    ...kenn mich halt noch nicht so gut damit aus... hab nur html-Kenntnisse und will eigentlich nur die Grafik dort zum Laufen bringen. Leider funktioniert der CSS part bei selfhtml nicht so übersichtlich wie der html-Teil.
    Wie auch immer... meinst Du es kann so klappen? ... und wo muss der code genau hin?

    BG Chris :-)

  • Dein CSS enthält keine Positionierung, deshalb hatte ich den Link gepostet.

    Spontan hab ich mal das hier für deine header.php ohne eine css-klasse. Den style Teil kannst du ja in deine css integireren.


    Den Rest musst du einfach mal selber testen.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Hi Maxe,
    hab noch ein kleines Problem.
    Ich hab bei dem image den alt-tag eingefügt, damit ich auf mouseover das Wort "SignUp" sehe.

    Seltsamerweise funktioniert dieser mouseover Effekt aber leider nicht.
    Hast Du eine Idee warum?

    Hier ist der code:

    Zitat

    <a href="http://www.c-salsa.com/wp-login.php?action=register"><img src="http://www.c-salsa.com/wp-content/the…x110-180x90.jpg" alt="SignUp" style="position: absolute; left: 575px;" height="90px"/></a>

    BG Chris :-)

    Einmal editiert, zuletzt von chris1 (19. September 2008 um 19:22)

  • Das alt Attribute kann man hier nachlesen: SELFHTML: HTML/XHTML / Referenz /HTML-Attribut-Referenz und definiert nur den alternativen Text, der benutzt wird, wenn das Bild nicht geladen werden kann.
    Um als Tooltip zu erscheinen, brauchst du das Universalattribut title und mußt den zu zeigenden Text da reinschreiben.

Jetzt mitmachen!

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