Alles auf eine Höhe bringen...

  • Hey Leute,

    ich verzweifel im Moment leider etwas - nach viel zu langer auszeit bin ich mal wieder eine Seite am erstellen.

    Zu sehen hier: http://www.pb-hosting.com/juraexamen.info/

    Das Problem ist, dass ich grade zu doof bin, das Widget und den Slider auf die gleiche Höhe zu bringen...dabei ist der code nun wirklich recht übersichtlich...

    Ich verstehe aber schon nicht was das <div class="clr"></div> soll - ich weiß nur, dass wenn ich es lösche, alles durcheinanderwirbelt - woran fehlt es - wie bekomme ich slider und widget auf eine ebene?

    • 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

  • ändere mal in der "wp-content/themes/angel/angel/[COLOR=Red]coin-slider-styles.css[/COLOR]"

    Code
    .coin-slider {
        overflow: hidden;
        position: relative;
    }


    das relative in absolute

  • klappt, super!

    nur merke ich jetzt, wo ich das die seite mal nicht mit chrome sondern firefox öffne, dass die menüs total anders sind - woran liegt das denn?

    und . wie bekomme ich den slider noch um 20 px weiter nach rechts?

    Einmal editiert, zuletzt von yzarow (11. Oktober 2011 um 19:20)

  • wenn du jetzt noch an gleicher Stelle

    Code
    margin-left: 20px;

    hinzufügst, ist der Slider bündig mit den Artikeln

    zum Menü das ist in beiden Browsern gleich, allerdings ändert sich die Darstellung nachdem man mit der Maus drauf war, da ist wohl ein Fehler in dem "Cufon Menü".

  • du hast mir jetzt schonmal wirklich weitergeholfen, danke!

    Mit dem Menü muss ich mal gucken - bei mir ist es im Chrome an der richtigen Stelle, bei den anderen Browsern ganz oben am Seitenrand...aber darum kümmere ich mich wohl später...

    kannst du mir noch sagen, wie ich den style des widgets verändere? Die Sidebar hat bei mir folgenden code

    nun sollen die widgets oben natürlich im gleichen Stil erscheinen. muss ich auf die div class "box" verweisen?

  • Nun du musst die CSS Anweisungen für "homewidgets" denen für "rightcol" anpassen. Am besten du verwendest z.B. Firebug für Firefox oder je nach Browser "Rechtsklick Element untersuchen oder F12" dann kannst du deine Änderungen live testen.

    also mal

    Code
    #homewidgets {
        color: #333333;
        display: block;
        float: right;
        height: 290px;
        margin: 0;
        overflow: hidden;
        padding: 0;
        width: 310px;
    }


    ändern in

    Code
    #homewidgets {
        color: #333333;
        display: block;
        float: right;
        height: 290px;
        margin[COLOR=Red]-right[/COLOR]: [COLOR=Red]15px[/COLOR];
        overflow: hidden;
        padding: 0;
        width: [COLOR=Red]265[/COLOR]px;
    }

    Einmal editiert, zuletzt von Tutrix (12. Oktober 2011 um 06:56)

  • Das war auch hilfreich, danke :) - aber das meinte ich garnicht.

    Die Überschrift sieht ja komplett anders aus - sollte aber im gleichen Stil sein - ich frage mich wo hier eine css Verweisung zu finden ist die das regelt?!

  • Zitat

    Die Überschrift sieht ja komplett anders aus - sollte aber im gleichen Stil sein - ich frage mich wo hier eine css Verweisung zu finden ist die das regelt?!


    Deshalb hab ich ja dies geschrieben

    Zitat

    Am besten du verwendest z.B. Firebug für Firefox oder je nach Browser "Rechtsklick Element untersuchen oder F12" dann kannst du deine Änderungen live testen.


    Und schon siehst du das die Widget Überschriften mit "Cufon" erstellt werden, also in Bilder umgewandelt werden.

  • hmm, du gibst dir so viel mühe und Stück für Stück lerne ich dazu - der Fehler lag in der function, da habe ich nichts verändert gehabt - jetzt ist alles so wies soll...

    allerdings hats mir nun zum einen den slider zerschossen und auf der anderen Seite hat sich rechts die Widget Area nach unten verschoben - entferne ich den slider, ist es wieder da wos sein soll...außerdem ist da nun ein zweiter, Balken im Slider

    was habe ich da nur wieder falsch gemacht?!

    Einmal editiert, zuletzt von yzarow (12. Oktober 2011 um 23:53)

  • habs hinbekommen! habe den margin-top: -370px; so eingestellt - wenngleich ich das für keine "saubere" Lösung halte, klappt es...

    bleibt nurnoch das Problem mit dem Slider. 1. Warum der "doppelte" graue Balken und 2. Wieso funktioniert das weiterschalten nicht "normal"

    P.S. glaube das mit dem Slider ist immer noch nicht richtig - er überdeckt nämlich das schon gelesen...

    Einmal editiert, zuletzt von yzarow (13. Oktober 2011 um 10:04)

Jetzt mitmachen!

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