<!--more> vernichtet mir das Layout

[zombiehero]

Hallo,

ich benutze auf meiner Seite das Theme "Freshy2". Mit Hilfe dieses Forums konnte ich es an WP 2.6 anpassen, vielen Dank dafür!

Doch ich habe einen Fehler entdeckt, der noch nicht behandelt wurde. Wenn ich einen Artikel mit <more> abschneiden möchte, zerschießt es mir die Seitenleise.
Die Suchfunktion ist nicht mehr rechts oben un der Sidebar, sondern ganz unten im Contentbereich

Kann mir jemand helfen?

Seite: simpel, ist mehr » Empfang

Bitte im Blog Bereich nachsehen!


Danke und Grüße

Florian

[finky]

Sieht wie ein CSS Problem aus. Bitte mal style.css und sidebar.php posten.

[zombiehero]

Ich muss die style.css leider splitten, wegen 10000 Zeichen Begrenzung.

/*  
Theme Name: Freshy 2
Theme URI: http://www.jide.fr/english/downloads/freshy2
Description: The Freshy WordPress theme, second edition.
Version: 2.0.6
Author: Julien De Luca
Author URI: http://www.jide.fr
*/

/*
The PHP, CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

@import "layout.css";
@import "menu.css";
@import "pp_album.css";

body {
    margin:0;
    padding:0;
    background:#7F7F7F;
    background-image:url(images/background/fat_lines_light.gif);
    background-attachment:fixed;
    font-family:Arial, Verdana, Helvetica, Sans-Serif;
    line-height: 1.7em;
    font-size: 76%;
    color:#232323;
}

input, select, textarea {
    font-family:Arial, Verdana, Helvetica, Sans-Serif;
    font-size:12px;
    border:1px solid #c6c6c6;
}

input {
    margin-right:5px;
}

textarea{
    width:99%;
}

label {
    font-weight:bold;
}

label small {
    font-weight:normal;
}

*::-moz-selection, *::-selection {
    background-color:#ff6600;
    color:white;
}

a {
    color:#ff6600;
}

#content a:hover {
    text-decoration:underline !important;
}

a img {
    border:0px none;
}

#title {
    margin:0;
    padding:18px;
    position:relative;
    z-index:86;
}

#header_image {
    padding-top:200px;
    background-image:url(images/headers/499153_79030836.jpg);
    background-position:center;
}

#title, #frame, #footer_content {
    background:white url(images/page-gradient.png) repeat-y right;
}

#footer_content {
    border-top:1px solid #d0d0d0;
}

h1 {
    margin:0;
    padding:0;
    font-family:Arial, Verdana, Helvetica, Sans-Serif;
    font-weight:normal;
    font-style:italic;
    font-size:2.2em;
    letter-spacing:-2px;
    color:#3d3d3d;
}

h1 a {
    color:#3d3d3d;
    text-decoration:none;
}

.description small {
    font-family:Arial, Verdana, Helvetica, Sans-Serif;
    font-weight:bold;
    font-style:italic;
    font-size:1em;    
    color:#8d8d8d;
}

#quicklinks {
    position:absolute;
    right:0;
    top:0;
    padding:13px 23px 13px 13px;
    margin:0;
    list-style:none;
}

#quicklinks #searchform {
    margin:0;
    padding:0;
    clear:none;
    display:inline;
    line-height:4em;
    position:relative;
    margin-left:20px;
}

* html #quicklinks #s {
    *margin-top:1.1em;
}

#quicklinks ul {
    list-style:none;
    padding:0;
    margin:0;
    float:left;
}

* html #quicklinks {
    right:10px;
}

#quicklinks ul li {
    padding:0;
    margin:0;
    font-style:italic;
    font-size:1.2em;
    float:left;
    text-transform:lowercase;
    color:#8d8d8d;
}

#quicklinks ul li a {
    margin-left:20px;
    height:3.5em;
    line-height:3.5em;
    text-decoration:none;
    color:#8d8d8d;
    display:inline;
}

#quicklinks ul li a:hover {
    text-decoration:underline;
}

#quicklinks ul li a.rss {
    color:#ee7700;
    padding-right:20px;
    background:transparent url(images/icons/feed-icon-16x16.gif) no-repeat center right;
}

#quicklinks ul li#fr_FR a {
    background:transparent url(images/flags/fr.png) no-repeat center right;
}

#quicklinks ul li#en_US a {
    background:transparent url(images/flags/gb.png) no-repeat center right;
}

#quicklinks ul li#fr_FR.current_page_item a, #quicklinks ul li#en_US.current_page_item a {
    display:none;
}

#quicklinks #addicted_results {
    position:relative;
    z-index:90;
    *width:160px;
}

#quicklinks #addicted_results ul {
    float:none !important;
    position:absolute;
    background:white;
    border:1px solid #c6c6c6;
    opacity:.9;
    -moz-opacity:.9;
    filter:alpha(opacity=90);
    zoom:1;
    width:164px;
    overflow:hidden;
    margin-left:20px;
    right:5px;
    *left:0;
}

html > body #quicklinks #addicted_results ul {
    margin-top:-15px;
}

* html #quicklinks #addicted_results ul {
    *margin-top:-2px;
}

#quicklinks #addicted_results ul li {
    font-family:Arial, Verdana, Helvetica, Sans-Serif;
    font-size:12px;
    font-style:normal;
    float:left;
    clear:both;
    width:160px;
    line-height:1.2em !important;
    height:auto !important;
}

#quicklinks #addicted_results ul li a {
    line-height:1.4em !important;
    height:auto !important;
    margin-left:0;
    color:#3d3d3d;
    text-decoration:none;
    padding:3px;
    display:block;
    float:left;
    clear:both;
    width:160px;
}

#quicklinks #addicted_results ul li a:hover {
    color:#ffffff;
    background-color:#ff6600;
}

h2, h3, h4, h5, h6 {
    font-family:Arial, Verdana, Helvetica, Sans-Serif;
    font-weight:normal;
    color:#010101;
    margin:.5em 0 .5em 0;
    padding:0;
}

h2 a, h3 a, h4 a, h5 a, h6 a {
    color:#010101;
    text-decoration:none;
}

h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    text-decoration:underline;
}

h2, h3 {
    color:#4d9301;
    font-size:1.9em;
    letter-spacing:-1px;
    line-height:1.1em;
    margin:1em 0 0 0;
    padding:0 0 0 0;
}

h2 a, h3 a {
    color:#4d9301;
}

h2 a, h3 a, h2 img, h3 img {
    border:0px none;
}

.rsswidget img {
    display:none;
}

h3 {
    font-size:1.7em;
    letter-spacing:-1px;
    line-height:1.2em;
}

h4 {
    font-size:1.4em;
    letter-spacing:-1px;
    line-height:1.2em;
    color:#585858;
}

h4 a {
    color:#585858;
}

small {
    font-size:.9em;
}

.meta {
    padding-bottom:9px;
    background:transparent url(images/box-shadow.png) no-repeat bottom left;
    font-size:.9em;
}

.meta dl {
    border:1px solid #c6c6c6;
    background:white;
    margin:0;
    padding:4px;
    list-style:none;
    display:block;
}

* html .meta dl {
    height:1em;
}

.meta dl dd, .meta dl dt {
    display:inline;
    margin:0;
    padding:0;
}

.meta dl dt {
    margin:0 .5em 0 0;
    color:#828282;
}

.meta dl dt a {
    color:#828282;
    text-decoration:none;
}

.meta dl dd {
    margin:0 1em 0 0;
    font-weight:bold;
    color:black;
}

.meta dl img {
    vertical-align:middle;
}

.meta dl dd a {
    text-decoration:none;
    color:black;
}

.commentlist {
    margin:0 0 0 0;
}

.comment .author, .comment .author a, .comment .date {
    color:#585858;
}

.comment {
    padding:5px;
    margin:15px 0 15px 0;
    background:#f3f3f3;
    border:1px solid #c6c6c6;
}

.comment img.avatar {
    float:left;
    margin-right:5px;
    border:1px solid #ffffff;
}

[zombiehero]

.comment h4 {
    padding:0;
    margin:0;
}

.comment p {
    margin:.5em 0 .5em 0;
    padding:0;
}

.comment_content {
    clear:both;
}

.comment.comment_author {
    background:#4d9301 url(images/transparency/white-90.png);
    border-color:#4d9301;
}

#commentform p {
    margin:0 0 .5em 0;
    padding:0;
}



.comment.comment_author .author, .comment.comment_author .author a, .comment.comment_author .date, .comment.comment_author h4 {
    color:#4d9301;
}

.author, .date {
    color:#4d9301;
}

.author a {
    color:#4d9301;
}

.author {
    font-weight:bold;
}

#sidebar div {
    border-left:1px solid #d0d0d0;
}

#sidebar_left div {
    border-right:1px solid #d0d0d0;
    padding-left:10px;
}

.sidebar div div {
    border:0px none !important;
}

.sidebar h2 {
    font-size:1.5em;
    padding:15px 0 15px 10px;
    margin:5px 0 10px -11px;
    border-left:2px solid #ff6600;
    color:#ff6600;
}

#sidebar_left h2 {
    padding:15px 10px 15px 0;
    margin:5px -11px 10px 0;
    border-left:0px none;
}

.sidebar h2 a {
    color:#ff6600;
}

.sidebar ul, .sidebar ol {
    padding:0;
    margin:0;
    list-style:none;
}

.sidebar li {
    padding:0;
    margin:1px 0 0 0;
    color:#3d3d3d;
    line-height:1.8em;
    min-height:1.8em;
    clear:both;
}

* html .sidebar li {
    height: 1.8em;
}

.sidebar li li {
    padding:0 0 0 1.3em;
    background:url(images/bullet.gif) 9px 9px no-repeat;
}

.sidebar li a {
    padding:4px;
    position:relative;
    z-index:10;
    line-height:1.2em;
    min-height:1.2em;
    float:left;
}
/*
.sidebar li li a {
    font-size:.9em;
}

.sidebar li li li a {
    font-size:1em;
}*/

.sidebar li a:hover {
    text-decoration:none;
    z-index:99;
}

.sidebar a {
    text-decoration:none;
    color:#3d3d3d;
}

.sidebar a:hover {
    text-decoration:underline;
}

#tag_cloud {

}


.sidebar li.current_page_item li a, .sidebar li.current-cat li a {
    background:transparent;
    color:#3d3d3d;
}

.sidebar li.current_page_item a, .sidebar li.current-cat a, #frame .sidebar li a:hover {
    background:#ff6600;
    color:white;
}

/*
.sidebar li li.current_page_item a, .sidebar li li.current-cat a, .sidebar li li a:hover {
    color:#ff6600;
    background:transparent;
}*/

code, pre {
    background:#4d9301 url(images/code_bg.png) no-repeat top left;
    display:block;
    line-height:26px !important;
    padding-left:44px;
    font-size:14px;
    border:1px solid #4d9301;
    margin:1em 0 1em 0;
    font-family: "Courier New", Courier, monospace;
    letter-spacing:0;
    clear:both;
    overflow:auto;
    text-align:left;
    color:white;
    white-space:nowrap;
}

* html code, * html pre {
    position:relative;
    width:90%;
    overflow:hidden;
    overflow-x:scroll;
}
/*
.comment code, comment pre {
    background:#141414;
    padding-left:3px;
}
*/

.alignleft {
    float:left;
}

.alignright {
    float:right;
}

.post {
    
}

.post .entry {
    margin:1em 0 1em 0;
}

.post ul {
    list-style:none;
    padding:0 0 0 1em;
    margin:.7em 0 .7em 0;
}

.post p {
    margin:.7em 0 .7em 0;
}

.post ul ul {
    margin:0;
}

.post ul li {
    padding:0;
    margin:0;
    list-style-position:inside;
    list-style-image:url(images/bullet.gif);
}

* html .post ul li {
    list-style-image:none;
    list-style-position:outside;
    background:transparent url(images/bullet.gif) no-repeat 0 10px;
    padding-left:10px;
}

.post ul li li {
    list-style-type:circle;
    list-style-image:none;
    padding-left:0;
    background:transparent;
}

.post a {
    text-decoration:none;
}

.post blockquote {
    border-left:3px solid #4d9301;
    color:#4d9301;
    padding:0 0 0 1em;
    margin:0;
    font-family: Georgia, Times New Roman, sans;
    font-style:italic;
    font-size:1.1em;
}

.post blockquote a {
    color:#4d9301;
}

.post blockquote blockquote {
    font-size:1em;
}

ul#linkslist, ul#linkslist li {
    list-style-image:none;
    background-image:none;
    padding:0;
    margin:0;
}

ul#linkslist li h2 {
    padding:0;
    margin:.5em 0 .5em 0;
}

.linkcat {
    padding:0;
    margin:0;
    list-style:none;
}

#searchform {
    margin:1em 0 1em 0;
    padding:0;
}

* html #searchform {
    width:90%;
}

#quicklinks #searchsubmit, .sidebar .widget_search input {
    display:none;
}

#s {
    background:white url(images/search.png) no-repeat 98% 2px;
    line-height:1.4em;
    padding:2px;
    width:160px;
    display:inline;
}

.navigation, .meta {
    clear:both;
}

p.navigation {
    *margin:0;
    *padding:.5em 0 2em 0;
}

/* content.css */

.important {
    background:#ffcdc5;
    border:1px solid #cd2d12;
    padding:5px;
    margin:.5em 0 .5em 0;
    color:#8c1400;
}

.important a {
    color:#8c1400;
}

.note {
    background:#d5f69b;
}

.note, .download {
    border:1px solid #75ad14;
    padding:5px;
    margin:.5em 0 .5em 0;
    color:#446c00;
}

.note a, .download a {
    color:#446c00 !important;
}

.download a {
    font-weight:bold;
}

.download {
    background:#d5f69b url(images/download.png) no-repeat top left;
    padding-left:46px;
    min-height:35px;
}

address {
    padding:5px;
    margin:1em 0 1em 0;
    background:#f3f3f3;
    border:1px solid #c6c6c6;
}

Und hier noch die sidebar.php

<?php global $freshy_options; ?>
    <div id="sidebar" class="sidebar">
        <div>
        <?php if ($freshy_options['sidebar_left'] && $freshy_options['sidebar_right']) $sidebar_id = 2;
        else $sidebar_id = 1 ?>
                        
        <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar($sidebar_id) ) : ?>
    

            
            <h2><?php _e('Search',TEMPLATE_DOMAIN); ?></h2>
            <?php include (TEMPLATEPATH . '/searchform.php'); ?>
            
        <?php endif; ?>
        <?php include (TEMPLATEPATH . '/my_sidebar.php'); ?>
        </div>
    </div>

Vielen Dank für die Hilfe!!

[Monika]

ich vermut das kreative html zerschießt hier einiges

[Invalid] Markup Validation of http://simpel-stil.de/?page_id=5 - W3C Markup Validator


gehst du dort auf show source und revalidate siehst du zumindest die Zeile im Quellcode, anhand des Textes kannst Du dann ungefähr abschätzen wo der Fehler liegt,


lg

[finky]

Oha, ja da hast du recht.

[zombiehero]

Hallo Monika und Finky,

vielen Dank soweit für eure Hilfe, da scheint wohl wirklich einiges im Argen zu liegen.
Leider habe ich so gut wie keine Ahnung über php und html. Kann mir jemand einen Tipp geben wie ich das reparieren kann?

Vielen Dank und Beste Grüße

Florian

[Monika]

in den Beiträgen wird
ein extra div eingefügt

<div style="color: #555555;">So langsam füllt sich die Seite mit Leben und Heute möchte ich euch dieses neue Icon vorstellen. Eine ganz simpel gehaltene Lupe mit schwarzem Griff. Erstellt wurde sie wie der Bleistift mit Hilfe von Inkscape.</p>

das wird logischwerweise durch den more tag falsch geschlossen und da nach dem div keine Entertastegeklickt wird, kommt ein falscher </p>

das kann man nur in den Artikeln selber ändern

also nach dem div stle="color.... die Entertaste klicken un ddieses div VOR dem more tag zumachen,

sonst kann man da nix helfen

lg

[zombiehero]

JAAA!!

Monika, du bist meine Heldin

Endlich ist wieder alles ok

Vielen Dank für die schnelle Hilfe!

Grüße

Zombie