PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
CMS, Shopsoftware & Forensysteme
WordPress
Layout der index.php zerschossen und ich weiß nicht warum
Beitrag
<blockquote data-quote="dn3d_fanboy" data-source="post: 2410635" data-attributes="member: 547472"><p>Hallo,</p><p>ich brauche nochmal eure Hilfe.</p><p>Es geht wieder um diese Seite: </p><p>Wie ihr beim runterscrollen auf der Startseite feststellen werdet, ist das komplette Layout der Beiträge dort zerschossen.</p><p>Da ich gestern etliche Änderungen durchgeführt habe, kann ich auch nicht mehr nachvollziehen, was den Fehler verursacht. Alle neu installierten Plugins habe ich schon deinstalliert.</p><p></p><p>Und in der CSS finde ich auch keinen Fehler. Vielleicht könnt ihr mir helfen.</p><p></p><p>Hier der CSS-Code der Beitragsübersicht:</p><p></p><p>[code=CSS]/* --- CONTENT BLOGUEBERSICHT --- */</p><p></p><p>#wrapper {position: relative;</p><p> margin: 0 auto;</p><p> margin-top: -50px;</p><p> margin-bottom: 100px;</p><p> width: 930px;</p><p> min-height: 700px;</p><p> padding: 20px 15px 20px 15px;</p><p> background: rgba(255,255,255,0.3);</p><p> z-index: 10;}</p><p> </p><p>.heading1 {font-family: "Jockey One", sans-serif;</p><p> font-size: 30px;</p><p> font-weight: bold;</p><p> letter-spacing: 0px;</p><p> word-spacing: 3px;</p><p> color: #932828;</p><p> border: none;</p><p> margin: 0 0 15px 0;</p><p> text-shadow: 2 0 1px rgba(255,255,255,0.6);}</p><p></p><p> /* --- Sidebar ---*/</p><p> </p><p>#sidebar {width: 230px;</p><p> min-height: 600px;</p><p> background: rgba(255,255,255,0.5);</p><p> float: right;</p><p> margin-right: 5px;</p><p> padding: 20px 10px;</p><p> -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.8);</p><p> box-shadow: 0 0 5px 0 rgba(0,0,0,0.8);}</p><p> </p><p> .kategorien, .archiv, .suche, .about, .ligen-pokale, .historisches, .send-news </p><p> {margin-bottom: 10px;</p><p> border-bottom: 1px solid #c53b3b;</p><p> padding-bottom: 7px;}</p><p> </p><p> .kategorien h2, .archiv h2, .suche h2, .about h2, .ligen-pokale h2, .historisches h2 </p><p> {font-family: "Jockey One", sans-serif;</p><p> font-size: 22px;</p><p> font-weight: normal;</p><p> letter-spacing: -1px;</p><p> word-spacing: 3px;</p><p> color: #c53b3b;</p><p> border: none;</p><p> margin: 0 0 5px 0;}</p><p> </p><p> .kategorien ul, .archiv ul, .about ul, .ligen-pokale ul, .historisches ul, .send-news ul</p><p> {margin-left: 10px;</p><p> margin-top: 5px;}</p><p> </p><p> .kategorien ul li a, .archiv ul li a, .about ul li a, .ligen-pokale ul li a, .historisches ul li a, .send-news ul li a</p><p> {font-family: "Exo 2", sans-serif;</p><p> font-size: 18px;</p><p> text-decoration: none;</p><p> color: #932828;</p><p> background: none;</p><p> margin-bottom: 7px;</p><p> padding: 0 3px 0 3px;}</p><p> </p><p> .kategorien ul li a:hover, .archiv ul li a:hover, .about ul li a:hover, .ligen-pokale ul li a:hover, .historisches ul li a:hover, .send-news ul li a:hover</p><p> {color: #f2f2f2;</p><p> background-color: #932828;</p><p> -moz-transition: all 0.7s ease-in;</p><p> -webkit-transition: all 0.7s ease-in;</p><p> -o-transition: all 0.7s ease-in;</p><p> transition: all 0.7s ease-in;}</p><p> </p><p> .</p><p> </p><p></p><p>/* --- BLOGEINTRAEGE index.php --- */ </p><p></p><p>#recent-posts {padding: 0;</p><p> list-style-type: none;</p><p> position: relative;</p><p> width: 640px;</p><p> margin-right: 25px; /* Abstand zur Sidebar */</p><p> float: left:</p><p> }</p><p> </p><p>#recent-posts li {float: left;</p><p> width: 190px;</p><p> min-height: 290px;</p><p> max-height: 290px;</p><p> background: rgba(255,255,255,0.5);</p><p> margin-right: 20px;</p><p> margin-bottom: 20px;</p><p> padding: 5px;</p><p> overflow: hidden;}</p><p> </p><p>#recent-posts li:hover {-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,1);</p><p> box-shadow: 0 0 5px 0 rgba(0,0,0,1);</p><p> -moz-transition: all 0.3s ease-in;</p><p> -webkit-transition: all 0.3s ease-in;</p><p> -o-transition: all 0.3s ease-in;</p><p> transition: all 0.3s ease-in;} </p><p></p><p> </p><p>#recent-posts li:first-child {float: left;</p><p> width: 630px;</p><p> min-height: 190px;</p><p> background: rgba(255,255,255,0.5);</p><p> margin: 0 0 20px 0;</p><p> padding: 5px;</p><p> overflow: hidden;}</p><p> </p><p>#recent-posts li:nth-child(3n+4) {float: left;</p><p> width: 190px;</p><p> min-height: 290px;</p><p> background: rgba(255,255,255,0.5);</p><p> margin: 0 0 20px 0;</p><p> padding: 5px;</p><p> overflow: hidden;}</p><p></p><p> </p><p>#recent-posts li h1 {font-family: "Jockey One", sans-serif;</p><p> font-size: 32px;</p><p> font-weight: normal;</p><p> letter-spacing: -2px;</p><p> color: #7e7e7e;</p><p> margin-bottom: 0px;}</p><p></p><p>#recent-posts li h2 {font-family: "Jockey One", sans-serif;</p><p> font-size: 30px;</p><p> font-weight: normal;</p><p> letter-spacing: -2px;</p><p> line-height: 0.9;</p><p> color: #7e7e7e;</p><p> margin-bottom: 0px;}</p><p></p><p>#recent-posts li h3 {font-family: "Jockey One", sans-serif;</p><p> font-size: 28px;</p><p> font-weight: normal;</p><p> letter-spacing: -2px;</p><p> color: #7e7e7e;</p><p> margin-bottom: 0px;}</p><p></p><p>#recent-posts li h4 {font-family: "Jockey One", sans-serif;</p><p> font-size: 24px;</p><p> font-weight: normal;</p><p> letter-spacing: -2px;</p><p> color: #7e7e7e;</p><p> margin-bottom: 0px;}</p><p></p><p>#recent-posts li h5 {font-family: "Jockey One", sans-serif;</p><p> font-size: 22px;</p><p> font-weight: normal;</p><p> letter-spacing: -1px;</p><p> color: #7e7e7e;</p><p> margin-bottom: 0px;}</p><p></p><p>#recent-posts li h6 {font-family: "Jockey One", sans-serif;</p><p> font-size: 20px;</p><p> font-weight: normal;</p><p> letter-spacing: -1px;</p><p> color: #7e7e7e;</p><p> margin-bottom: 0px;}</p><p></p><p>#recent-posts li p {font-family: "Open Sans", sans-serif;</p><p> font-size: 14px;</p><p> color: #000;</p><p> margin-bottom: 10px;}</p><p></p><p>#recent-posts li strong {font-weight: bold;}</p><p></p><p>#recent-posts li a {font-family: "Exo 2", sans-serif;</p><p> font-size: 15px;</p><p> text-decoration: none;</p><p> color: #f34a4a;</p><p> background: rgba(242,242,242,0.3);</p><p> padding: 0 3px 0 3px;}</p><p></p><p>#recent-posts li a:hover {color: #f2f2f2;</p><p> font-variant: small-caps;</p><p> background-color: #f34a4a;</p><p> -moz-transition: all 0.9s ease-in;</p><p> -webkit-transition: all 0.9s ease-in;</p><p> -o-transition: all 0.9s ease-in;</p><p> transition: all 0.9s ease-in;}</p><p> </p><p>#recent-posts li a.title {font-family: "Jockey One", sans-serif;</p><p> font-size: 30px;</p><p> font-weight: normal;</p><p> letter-spacing: -2px;</p><p> color: #7e7e7e;</p><p> margin-bottom: 0px;</p><p> text-decoration: none;</p><p> background: none;</p><p> padding: 0 0 0 0;}</p><p> </p><p>#recent-posts li a.title:hover {text-decoration: underline;</p><p> font-variant: normal;</p><p> background-color: none;</p><p> -moz-transition: none;</p><p> -webkit-transition: none;</p><p> -o-transition: none;</p><p> transition: none;}</p><p> </p><p>#recent-posts li p.blogmeta {font-family: "Open Sans", sans-serif;</p><p> font-size: 10px;</p><p> color: #f34a4a;</p><p> margin-bottom: 5px;}</p><p> </p><p>#recent-posts li p.blogmeta a {font-family: "Exo 2", sans-serif;</p><p> font-size: 11px;</p><p> font-weight: bold;</p><p> font-variant: small-caps;</p><p> color: #f34a4a;</p><p> text-decoration: underline;</p><p> background: none;</p><p> padding: 0 2px;}</p><p> </p><p>#recent-posts li p.blogmeta a:hover {font-variant: normal;</p><p> text-decoration: none;</p><p> color: #932828;</p><p> -moz-transition: all 0.7s ease-in;</p><p> -webkit-transition: all 0.7s ease-in;</p><p> -o-transition: all 0.7s ease-in;</p><p> transition: all 0.7s ease-in;}</p><p></p><p>#recent-posts li img {display: none;} [/code]</p><p></p><p>Und die index.php:</p><p></p><p>[php]<?php get_header(); ?></p><p> </p><p> <div id="wrapper"></p><p> </p><p> <?php get_sidebar(); ?></p><p> </p><p> <ul id="recent-posts"></p><p> </p><p> <?php if(have_posts()): while ( have_posts() ): the_post(); ?></p><p> <li></p><p> <h2><a class="title" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2></p><p> </p><p> <p class="blogmeta"><?php the_time('d.m.Y'); ?> von <?php the_author_posts_link(); ?> in <?php the_category(', '); ?> -</p><p> <?php comments_popup_link('0 Kommentare', '1 Kommentar', '% Kommentare', '', 'Kommentare geschlossen'); ?></p></p><p> </p><p> <?php the_content('[...mehr]'); ?></p><p> </li></p><p> <?php endwhile; else: ?></p><p> <li></p><p> <h2>Es sind leider keine Beitr&auml;ge vorhanden.</h2></p><p> </li> </p><p> <?php endif; ?></p><p> </p><p> </ul></p><p> </p><p> <div class="clearfix"></div></p><p> </p><p> </div> </p><p></p><p><?php get_footer(); ?>[/php]</p><p></p><p>Wie erwähnt, ich finde den Fehler leider nicht und hoffe ihr könnt mir mit den Angaben etwas helfen.</p><p></p><p>Besten Dank schonmal im Voraus.</p></blockquote><p></p>
[QUOTE="dn3d_fanboy, post: 2410635, member: 547472"] Hallo, ich brauche nochmal eure Hilfe. Es geht wieder um diese Seite: Wie ihr beim runterscrollen auf der Startseite feststellen werdet, ist das komplette Layout der Beiträge dort zerschossen. Da ich gestern etliche Änderungen durchgeführt habe, kann ich auch nicht mehr nachvollziehen, was den Fehler verursacht. Alle neu installierten Plugins habe ich schon deinstalliert. Und in der CSS finde ich auch keinen Fehler. Vielleicht könnt ihr mir helfen. Hier der CSS-Code der Beitragsübersicht: [code=CSS]/* --- CONTENT BLOGUEBERSICHT --- */ #wrapper {position: relative; margin: 0 auto; margin-top: -50px; margin-bottom: 100px; width: 930px; min-height: 700px; padding: 20px 15px 20px 15px; background: rgba(255,255,255,0.3); z-index: 10;} .heading1 {font-family: "Jockey One", sans-serif; font-size: 30px; font-weight: bold; letter-spacing: 0px; word-spacing: 3px; color: #932828; border: none; margin: 0 0 15px 0; text-shadow: 2 0 1px rgba(255,255,255,0.6);} /* --- Sidebar ---*/ #sidebar {width: 230px; min-height: 600px; background: rgba(255,255,255,0.5); float: right; margin-right: 5px; padding: 20px 10px; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.8); box-shadow: 0 0 5px 0 rgba(0,0,0,0.8);} .kategorien, .archiv, .suche, .about, .ligen-pokale, .historisches, .send-news {margin-bottom: 10px; border-bottom: 1px solid #c53b3b; padding-bottom: 7px;} .kategorien h2, .archiv h2, .suche h2, .about h2, .ligen-pokale h2, .historisches h2 {font-family: "Jockey One", sans-serif; font-size: 22px; font-weight: normal; letter-spacing: -1px; word-spacing: 3px; color: #c53b3b; border: none; margin: 0 0 5px 0;} .kategorien ul, .archiv ul, .about ul, .ligen-pokale ul, .historisches ul, .send-news ul {margin-left: 10px; margin-top: 5px;} .kategorien ul li a, .archiv ul li a, .about ul li a, .ligen-pokale ul li a, .historisches ul li a, .send-news ul li a {font-family: "Exo 2", sans-serif; font-size: 18px; text-decoration: none; color: #932828; background: none; margin-bottom: 7px; padding: 0 3px 0 3px;} .kategorien ul li a:hover, .archiv ul li a:hover, .about ul li a:hover, .ligen-pokale ul li a:hover, .historisches ul li a:hover, .send-news ul li a:hover {color: #f2f2f2; background-color: #932828; -moz-transition: all 0.7s ease-in; -webkit-transition: all 0.7s ease-in; -o-transition: all 0.7s ease-in; transition: all 0.7s ease-in;} . /* --- BLOGEINTRAEGE index.php --- */ #recent-posts {padding: 0; list-style-type: none; position: relative; width: 640px; margin-right: 25px; /* Abstand zur Sidebar */ float: left: } #recent-posts li {float: left; width: 190px; min-height: 290px; max-height: 290px; background: rgba(255,255,255,0.5); margin-right: 20px; margin-bottom: 20px; padding: 5px; overflow: hidden;} #recent-posts li:hover {-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,1); box-shadow: 0 0 5px 0 rgba(0,0,0,1); -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;} #recent-posts li:first-child {float: left; width: 630px; min-height: 190px; background: rgba(255,255,255,0.5); margin: 0 0 20px 0; padding: 5px; overflow: hidden;} #recent-posts li:nth-child(3n+4) {float: left; width: 190px; min-height: 290px; background: rgba(255,255,255,0.5); margin: 0 0 20px 0; padding: 5px; overflow: hidden;} #recent-posts li h1 {font-family: "Jockey One", sans-serif; font-size: 32px; font-weight: normal; letter-spacing: -2px; color: #7e7e7e; margin-bottom: 0px;} #recent-posts li h2 {font-family: "Jockey One", sans-serif; font-size: 30px; font-weight: normal; letter-spacing: -2px; line-height: 0.9; color: #7e7e7e; margin-bottom: 0px;} #recent-posts li h3 {font-family: "Jockey One", sans-serif; font-size: 28px; font-weight: normal; letter-spacing: -2px; color: #7e7e7e; margin-bottom: 0px;} #recent-posts li h4 {font-family: "Jockey One", sans-serif; font-size: 24px; font-weight: normal; letter-spacing: -2px; color: #7e7e7e; margin-bottom: 0px;} #recent-posts li h5 {font-family: "Jockey One", sans-serif; font-size: 22px; font-weight: normal; letter-spacing: -1px; color: #7e7e7e; margin-bottom: 0px;} #recent-posts li h6 {font-family: "Jockey One", sans-serif; font-size: 20px; font-weight: normal; letter-spacing: -1px; color: #7e7e7e; margin-bottom: 0px;} #recent-posts li p {font-family: "Open Sans", sans-serif; font-size: 14px; color: #000; margin-bottom: 10px;} #recent-posts li strong {font-weight: bold;} #recent-posts li a {font-family: "Exo 2", sans-serif; font-size: 15px; text-decoration: none; color: #f34a4a; background: rgba(242,242,242,0.3); padding: 0 3px 0 3px;} #recent-posts li a:hover {color: #f2f2f2; font-variant: small-caps; background-color: #f34a4a; -moz-transition: all 0.9s ease-in; -webkit-transition: all 0.9s ease-in; -o-transition: all 0.9s ease-in; transition: all 0.9s ease-in;} #recent-posts li a.title {font-family: "Jockey One", sans-serif; font-size: 30px; font-weight: normal; letter-spacing: -2px; color: #7e7e7e; margin-bottom: 0px; text-decoration: none; background: none; padding: 0 0 0 0;} #recent-posts li a.title:hover {text-decoration: underline; font-variant: normal; background-color: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none;} #recent-posts li p.blogmeta {font-family: "Open Sans", sans-serif; font-size: 10px; color: #f34a4a; margin-bottom: 5px;} #recent-posts li p.blogmeta a {font-family: "Exo 2", sans-serif; font-size: 11px; font-weight: bold; font-variant: small-caps; color: #f34a4a; text-decoration: underline; background: none; padding: 0 2px;} #recent-posts li p.blogmeta a:hover {font-variant: normal; text-decoration: none; color: #932828; -moz-transition: all 0.7s ease-in; -webkit-transition: all 0.7s ease-in; -o-transition: all 0.7s ease-in; transition: all 0.7s ease-in;} #recent-posts li img {display: none;} [/code] Und die index.php: [php]<?php get_header(); ?> <div id="wrapper"> <?php get_sidebar(); ?> <ul id="recent-posts"> <?php if(have_posts()): while ( have_posts() ): the_post(); ?> <li> <h2><a class="title" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2> <p class="blogmeta"><?php the_time('d.m.Y'); ?> von <?php the_author_posts_link(); ?> in <?php the_category(', '); ?> - <?php comments_popup_link('0 Kommentare', '1 Kommentar', '% Kommentare', '', 'Kommentare geschlossen'); ?></p> <?php the_content('[...mehr]'); ?> </li> <?php endwhile; else: ?> <li> <h2>Es sind leider keine Beiträge vorhanden.</h2> </li> <?php endif; ?> </ul> <div class="clearfix"></div> </div> <?php get_footer(); ?>[/php] Wie erwähnt, ich finde den Fehler leider nicht und hoffe ihr könnt mir mit den Angaben etwas helfen. Besten Dank schonmal im Voraus. [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Der grüne Frosch hüpft über die Hügel an den Bäumen vorbei in die Höhle. Bitte nenne das vierte Wort!
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
CMS, Shopsoftware & Forensysteme
WordPress
Layout der index.php zerschossen und ich weiß nicht warum
Oben