Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 13

Thema: Hilfe bei Wordpress Widget Ausrichtung

  1. #1
    HTML Newbie
    Registriert seit
    20.03.2016
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Hilfe bei Wordpress Widget Ausrichtung

    Hallo zusammen,

    mir ist mein Programmierer/ Designer kurzfristig ausgefallen und ich selbst bekomme es nicht so recht hin.

    Ich habe folgendes Problem.

    Ich möchte auf der Seite http://michelfrisch.markusschirra.de unter den 3 Hauptwidgets, jeweils 4 Widgets nebeneinander haben und das auf zwei Reihen verteilt.

    die Widgets konnte ich einrichten, allerdings stimmt die Ausrichtung nicht. und im CSS kenne ich mich nicht aus.

    margin: auto; geht nicht bei den 4 Widget Spalten,

    habe das hier in den css Code eingefügt
    HTML-Code:
     #home_widget_4 {
        width: 22.8%;
    }
    und habe diese Emphehlung bekommen
    "wobei das schon falsches HTML ist, denn eine ID darf es eigentlich nur 1x auf einer Seite geben. Also besser auf Class umstellen."

    Wie kann ich diese 4 Widgets so ausrichten das diese Mittig angezeigt werden?

    Vielen Dank

    Gruß Markus
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Interessierte/r
    Registriert seit
    05.01.2016
    Beiträge
    146
    Danke
    9
    Bekam 11 mal "Danke" in 11 Postings

    Standard AW: Hilfe bei Wordpress Widget Ausrichtung

    Hallo Markus
    Dein erstes Widget div von den 8 ist höher als die anderen
    und zwar 219px - alle anderen sind 200px

    woher es kommt weiß ich nicht musst Du suchen -
    oder erstmal
    in das erste div <div style="height=200px;" class=.....usw .... > schreiben
    widget.jpg
    funktioniert sofort -

    Gruß aus Hamburg modem-kind

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    20.03.2016
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hilfe bei Wordpress Widget Ausrichtung

    Also irgendwie will es bei mir nicht, ich habe die Widgets in der sidebar-home.php angelegt

    aber wenn ich dort das div angeben, passiert nix.

    HTML-Code:
    <?php
    
    // Exit if accessed directly
    if ( !defined( 'ABSPATH' ) ) {
        exit;
    }
    
    /**
     * Home Widgets Template
     *
     *
     * @file           sidebar-home.php
     * @package        Responsive
     * @author         Emil Uzelac
     * @copyright      2003 - 2014 CyberChimps
     * @license        license.txt
     * @version        Release: 1.0
     * @filesource     wp-content/themes/responsive/sidebar-home.php
     * @link           http://codex.wordpress.org/Theme_Development#Widgets_.28sidebar.php.29
     * @since          available since Release 1.0
     */
    ?>
    <?php responsive_widgets_before(); // above widgets container hook ?>
        <div id="widgets" class="home-widgets">
            <div id="home_widget_1" class="grid col-300">
                <?php responsive_widgets(); // above widgets hook ?>
    
                <?php if ( !dynamic_sidebar( 'home-widget-1' ) ) : ?>
                    <div class="widget-wrapper">
    
                        <div class="widget-title-home"><h3><?php _e( '', 'responsive' ); ?></h3></div>
                        <div
                            class="textwidget"><?php _e( '', 'responsive' ); ?></div>
    
                    </div><!-- end of .widget-wrapper -->
                <?php endif; //end of home-widget-1 ?>
    
                <?php responsive_widgets_end(); // responsive after widgets hook ?>
            </div><!-- end of .col-300 -->
    
            <div id="home_widget_2" class="grid col-300">
                <?php responsive_widgets(); // responsive above widgets hook ?>
    
                <?php if ( !dynamic_sidebar( 'home-widget-2' ) ) : ?>
                    <div class="widget-wrapper">
    
                        <div class="widget-title-home"><h3><?php _e( '', 'responsive' ); ?></h3></div>
                        <div
                            class="textwidget"><?php _e( '', 'responsive' ); ?></div>
    
                    </div><!-- end of .widget-wrapper -->
                <?php endif; //end of home-widget-2 ?>
    
                <?php responsive_widgets_end(); // after widgets hook ?>
            </div><!-- end of .col-300 -->
    
            <div id="home_widget_3" class="grid col-300 fit">
                <?php responsive_widgets(); // above widgets hook ?>
    
                <?php if ( !dynamic_sidebar( 'home-widget-3' ) ) : ?>
                    <div class="widget-wrapper">
    
                        <div class="widget-title-home"><h3><?php _e( '', 'responsive' ); ?></h3></div>
                        <div
                            class="textwidget"><?php _e( '', 'responsive' ); ?></div>
    
                    </div><!-- end of .widget-wrapper -->
                <?php endif; //end of home-widget-3 ?>
    
                <?php responsive_widgets_end(); // after widgets hook ?>
            </div><!-- end of .col-300 fit -->
    
    
    
    <div id="home_widget_4" class="grid col-300">
                <?php responsive_widgets(); // responsive above widgets hook ?>
    
                <?php if ( !dynamic_sidebar( 'home-widget-4' ) ) : ?>
                    <div class="widget-wrapper">
    
                         <div  class="widget-title-home"><h3><?php _e( 'Home Widget 4',  'responsive' ); ?></h3></div>
                        <div
                            class="textwidget"><?php _e( '', 'responsive' ); ?></div>
    
                    </div><!-- end of .widget-wrapper -->
    
                <?php endif; //end of home-widget-4 ?>
    
                <?php responsive_widgets_end(); // after widgets hook ?>
            </div><!-- end of .col-300 -->
    
    <div id="home_widget_4" class="grid col-300">
                <?php responsive_widgets(); // responsive above widgets hook ?>
    
                <?php if ( !dynamic_sidebar( 'home-widget-5' ) ) : ?>
                    <div class="widget-wrapper">
    
                         <div  class="widget-title-home"><h3><?php _e( 'Home Widget 5',  'responsive' ); ?></h3></div>
                        <div
                            class="textwidget"><?php _e( '', 'responsive' ); ?></div>
    
                    </div><!-- end of .widget-wrapper -->
                <?php endif; //end of home-widget-5 ?>
    
                <?php responsive_widgets_end(); // after widgets hook ?>
            </div><!-- end of .col-300 -->
    
    <div id="home_widget_4" class="grid col-300">
                <?php responsive_widgets(); // responsive above widgets hook ?>
    
                <?php if ( !dynamic_sidebar( 'home-widget-6' ) ) : ?>
                    <div class="widget-wrapper">
    
                         <div  class="widget-title-home"><h3><?php _e( 'Home Widget 6',  'responsive' ); ?></h3></div>
                        <div
                            class="textwidget"><?php _e( '', 'responsive' ); ?></div>
    
                    </div><!-- end of .widget-wrapper -->
                <?php endif; //end of home-widget-6 ?>
    
                <?php responsive_widgets_end(); // after widgets hook ?>
            </div><!-- end of .col-300 -->
    
    <div id="home_widget_4" class="grid col-300">
                <?php responsive_widgets(); // responsive above widgets hook ?>
    
                <?php if ( !dynamic_sidebar( 'home-widget-7' ) ) : ?>
                    <div class="widget-wrapper">
    
                         <div  class="widget-title-home"><h3><?php _e( 'Home Widget 7',  'responsive' ); ?></h3></div>
                        <div
                            class="textwidget"><?php _e( '', 'responsive' ); ?></div>
    
                    </div><!-- end of .widget-wrapper -->
                <?php endif; //end of home-widget-7 ?>
    
                <?php responsive_widgets_end(); // after widgets hook ?>
            </div><!-- end of .col-300 -->
    
    
    <div id="home_widget_4" class="grid col-300">
                <?php responsive_widgets(); // responsive above widgets hook ?>
    
                <?php if ( !dynamic_sidebar( 'home-widget-8' ) ) : ?>
                    <div class="widget-wrapper">
    
                         <div  class="widget-title-home"><h3><?php _e( 'Home Widget 8',  'responsive' ); ?></h3></div>
                        <div
                            class="textwidget"><?php _e( '', 'responsive' ); ?></div>
    
                    </div><!-- end of .widget-wrapper -->
                <?php endif; //end of home-widget-8 ?>
    
                <?php responsive_widgets_end(); // after widgets hook ?>
            </div><!-- end of .col-300 -->
    
    <div id="home_widget_4" class="grid col-300">
                <?php responsive_widgets(); // responsive above widgets hook ?>
    
                <?php if ( !dynamic_sidebar( 'home-widget-9' ) ) : ?>
                    <div class="widget-wrapper">
    
                         <div  class="widget-title-home"><h3><?php _e( 'Home Widget 9',  'responsive' ); ?></h3></div>
                        <div
                            class="textwidget"><?php _e( '', 'responsive' ); ?></div>
    
                    </div><!-- end of .widget-wrapper -->
                <?php endif; //end of home-widget-9 ?>
    
                <?php responsive_widgets_end(); // after widgets hook ?>
            </div><!-- end of .col-300 -->
    
    <div id="home_widget_4" class="grid col-300">
                <?php responsive_widgets(); // responsive above widgets hook ?>
    
                <?php if ( !dynamic_sidebar( 'home-widget-10' ) ) : ?>
                    <div class="widget-wrapper">
    
                         <div  class="widget-title-home"><h3><?php _e( 'Home Widget 10',  'responsive' ); ?></h3></div>
                        <div
                            class="textwidget"><?php _e( '', 'responsive' ); ?></div>
    
                    </div><!-- end of .widget-wrapper -->
                <?php endif; //end of home-widget-10 ?>
    
                <?php responsive_widgets_end(); // after widgets hook ?>
            </div><!-- end of .col-300 -->
    
    <div id="home_widget_4" class="grid col-300">
                <?php responsive_widgets(); // responsive above widgets hook ?>
    
                <?php if ( !dynamic_sidebar( 'home-widget-11' ) ) : ?>
                    <div class="widget-wrapper">
    
                         <div  class="widget-title-home"><h3><?php _e( 'Home Widget 11',  'responsive' ); ?></h3></div>
                        <div
                            class="textwidget"><?php _e( '', 'responsive' ); ?></div>
    
                    </div><!-- end of .widget-wrapper -->
                <?php endif; //end of home-widget-11 ?>
    
                <?php responsive_widgets_end(); // after widgets hook ?>
            </div><!-- end of .col-300 -->
    
    
        </div><!-- end of #widgets -->
    <?php responsive_widgets_after(); // after widgets container hook ?>
    - - - Aktualisiert - - -

    so ok das hat geklappt das sie wieder alle zusammen sind, allerdings sind Sie noch überlappend.

    Wie bekomme ich das weg?

    Habe das in die css der Child Theme eingefügt.



    HTML-Code:
    #home_widget_4 {
        width: 22.8%;
        height: 220px;
    }
    

  4. #4
    Interessierte/r
    Registriert seit
    05.01.2016
    Beiträge
    146
    Danke
    9
    Bekam 11 mal "Danke" in 11 Postings

    Standard AW: Hilfe bei Wordpress Widget Ausrichtung

    Falsches div

    Deins rot siehe Quelltext .. FALSCH !

    Richtig Grün



    <?php

    // Exit if accessed directly
    if ( !defined( 'ABSPATH' ) ) {
    exit;
    }

    /**
    * Home Widgets Template
    *
    *
    * @file sidebar-home.php
    * @package Responsive
    * @author Emil Uzelac
    * @copyright 2003 - 2014 CyberChimps
    * @license license.txt
    * @version Release: 1.0
    * @filesource wp-content/themes/responsive/sidebar-home.php
    * @link http://codex.wordpress.org/Theme_Dev...sidebar.php.29
    * @since available since Release 1.0
    */
    ?>

    <?php responsive_widgets_before(); // above widgets container hook ?>
    <div id="widgets" class="home-widgets">

    Du hast es hier falsch !!!

    <div id="home_widget_1" style="height=200px;" class="grid col-300"> <?php responsive_widgets(); // above widgets hook ?>

    <?php if ( !dynamic_sidebar( 'home-widget-1' ) ) : ?>
    <div class="widget-wrapper">

    <div class="widget-title-home"><h3><?php _e( '', 'responsive' ); ?></h3></div>
    <div
    class="textwidget">
    <?php _e( '', 'responsive' ); ?></div>

    </div><!-- end of .widget-wrapper -->
    <?php endif; //end of home-widget-1 ?>

    <?php responsive_widgets_end(); // responsive after widgets hook ?>
    </div><!-- end of .col-300 -->

    <div id="home_widget_2" class="grid col-300">
    <?php responsive_widgets(); // responsive above widgets hook ?>

    <?php if ( !dynamic_sidebar( 'home-widget-2' ) ) : ?>
    <div class="widget-wrapper">

    <div class="widget-title-home"><h3><?php _e( '', 'responsive' ); ?></h3></div>
    <div
    class="textwidget">
    <?php _e( '', 'responsive' ); ?></div>

    </div><!-- end of .widget-wrapper -->
    <?php endif; //end of home-widget-2 ?>

    <?php responsive_widgets_end(); // after widgets hook ?>
    </div><!-- end of .col-300 -->

    <div id="home_widget_3" class="grid col-300 fit">
    <?php responsive_widgets(); // above widgets hook ?>

    <?php if ( !dynamic_sidebar( 'home-widget-3' ) ) : ?>
    <div class="widget-wrapper">

    <div class="widget-title-home"><h3><?php _e( '', 'responsive' ); ?></h3></div>
    <div
    class="textwidget">
    <?php _e( '', 'responsive' ); ?></div>

    </div><!-- end of .widget-wrapper -->
    <?php endif; //end of home-widget-3 ?>

    <?php responsive_widgets_end(); // after widgets hook ?>
    </div><!-- end of .col-300 fit -->

    erstes - id="home_widget_4" div
    hier ist es richtig !


    <div id="home_widget_4" style="height=200px;" class="grid col-300">

    <?php responsive_widgets(); // responsive above widgets hook ?>

    <?php if ( !dynamic_sidebar( 'home-widget-4' ) ) : ?>
    <div class="widget-wrapper">

    <div class="widget-title-home"><h3><?php _e( 'Home Widget 4', 'responsive' ); ?></h3></div>
    <div
    class="textwidget">
    <?php _e( '', 'responsive' ); ?></div>

    </div><!-- end of .widget-wrapper -->

    <?php endif; //end of home-widget-4 ?>

    <?php responsive_widgets_end(); // after widgets hook ?>
    </div><!-- end of .col-300 -->

    <div id="home_widget_4" class="grid col-300">
    <?php responsive_widgets(); // responsive above widgets hook ?>

    usw. usw. .......






  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    20.03.2016
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hilfe bei Wordpress Widget Ausrichtung

    geht nicht irgendwie..

  6. #6
    Interessierte/r
    Registriert seit
    05.01.2016
    Beiträge
    146
    Danke
    9
    Bekam 11 mal "Danke" in 11 Postings

    Standard AW: Hilfe bei Wordpress Widget Ausrichtung

    Lüg nich Markus ..
    geht doch - .. seh ich ja http://michelfrisch.markusschirra.de/

    Gruß aus Hamburg

  7. #7
    Moderator Avatar von Arne Drews
    Registriert seit
    20.01.2016
    Ort
    Friedrichstadt, NF
    Beiträge
    1.235
    Danke
    21
    Bekam 120 mal "Danke" in 119 Postings

    Standard AW: Hilfe bei Wordpress Widget Ausrichtung

    Wenn schon Inline-Style, dann aber bitte richtig:
    Code:
    style="height:200px;"

  8. #8
    HTML Newbie
    Themenstarter

    Registriert seit
    20.03.2016
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hilfe bei Wordpress Widget Ausrichtung

    Mmhh also bei mir werden die Widgets Boxen immer noch überlappend dargestellt....^^

    Sorry bin halt kein Webdesigner,

    - - - Aktualisiert - - -

    Ich habe gerade auf dem Tablet geschaut,dort wird es richtig angezeigt. Nutze aktuell den Browser Pale Moon, schaue mal mit einem anderen.
    Sry

  9. #9
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: Hilfe bei Wordpress Widget Ausrichtung

    Na, wenn
    .col-300

    300px bzw 33% bedeutet, kann es nicht gehen. Denn 4 x 33% sind mehr als 100%. Also eine Klasse nehmen die 25% entsricht.

  10. #10
    HTML Newbie
    Themenstarter

    Registriert seit
    20.03.2016
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hilfe bei Wordpress Widget Ausrichtung

    Ok danke,

Ähnliche Themen

  1. Fupa.net Widget anpassen
    Von FBONE im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 23.02.2014, 20:39
  2. Widget installieren , aber wie ?
    Von admin im Forum Computer - Internet Forum
    Antworten: 4
    Letzter Beitrag: 10.03.2011, 22:49
  3. Bräuchte Hilfe zur Ausrichtung einer "Flash-Uhr",
    Von Georg2007 im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 04.08.2007, 11:22
  4. Zwei Eingabefelder im Widget
    Von cort im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 0
    Letzter Beitrag: 14.02.2007, 16:16
  5. Widget definieren
    Von Methusalix im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 0
    Letzter Beitrag: 08.08.2006, 17:32

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •