Hilfe bei template wanted

cmb · Post by **cmb** » Tue Sep 19, 2017 4:13 pm

Simmyne wrote:Ich muss irgendwas vergessen haben bzw. falsch gemacht haben, es ist ziemlich alles im A...

Wenn du Elemente verschiebst, dann sollten es auch immer Elemente sein. Hier hast du nur ein öffnendes <div> Tag mit einem folgenden PHP-Tag verschoben, aber nicht das schließende </div>.

Simmyne wrote:Wenn ich's wieder an die ursprüngliche Stelle zurückkopiere, dann sieht auch alles schlimm aus

Das kann eigentlich nicht sein.

Jedenfalls, mach bevor du weiter probierst erst mal eine Sicherung des Templates!

SiNiTaSa · Post by **SiNiTaSa** » Tue Sep 19, 2017 5:00 pm

Wenn dann probiere es so:

Code: Select all

<div id="header">
         <div id="search"><form id="searchbox" action="/NEUES/" method="get">
<input type="search" class="text" name="search" title="Suchbegriffe" placeholder="Suchbegriffe" size="12">
<input type="hidden" name="function" value="search">
 <input type="submit" class="submit" value="Suchen">
</form>
          <div id="iconmenu"><img src="./templates/responsivehtml/images/menu.png" alt="MENU">
          </div></div>
          <div id="headerin">
        <a href="./"><img src="./templates/responsivehtml/images/logo.jpg" class="logo" alt="Logo"></a>        
        </div>
    </div>

und bei :

Code: Select all

#search {
    margin-bottom: .6em;
    border-radius: 0px;
    border: 0px #2fabde solid;
    padding-left: 1em;
    padding-bottom: .6em;
    padding-top: .6em;
    background: #2fabde;
    height: 40px;
}

änderst du margin-bottom auf

Code: Select all

margin-bottom: 0em;

um

Simmyne · Post by **Simmyne** » Tue Sep 19, 2017 5:04 pm

Hallo Christoph,
ich hätte den Fehler nimmer gefunden. Ich habe das ursprüngliche template nochmal draufgeladen und alles nochmal geändert.
Und ich habe erfolgreich die Search "herausoperiert", ein </div> in der Folge habe ich gelöscht, das habe ich vorher nicht gemacht, das war der Fehler.
Morgen versuche ich die Search an der anderen Stelle einzufügen.

Danke schon mal
LG Simm

lck · Post by **lck** » Tue Sep 19, 2017 5:33 pm

Hallo Simm,

zu allererst mach eine Sicherung deines Template-Ordners.

1.) Suche in der template.htm:

Code: Select all

<div id="search"><?php echo searchbox();?><div id="iconmenu"><img src="<?php echo $pth['folder']['templateimages']?>menu.png" alt="MENU"></div></div>

Kopiere dies komplett unter:

Code: Select all

<div id="wrapper"> /* diese Zeile existiert schon */
    <div id="search"><?php echo searchbox();?><div id="iconmenu"><img src="<?php echo $pth['folder']['templateimages']?>menu.png" alt="MENU"></div></div>

ändere es zu:

Code: Select all

<div id="search"><?php echo searchbox();?></div>

2.) Gehe zu(siehe 1.):

Code: Select all

<div id="search"><?php echo searchbox();?><div id="iconmenu"><img src="<?php echo $pth['folder']['templateimages']?>menu.png" alt="MENU"></div></div>

ändere es zu:

Code: Select all

<div id="iconmenu"><img src="<?php echo $pth['folder']['templateimages']?>menu.png" alt="MENU"></div>

Soweit OK? Vorschau testen.

Jetzt müssen wir in der stylesheet.css noch etwas stylen und zwar das Icon für das mobile Menü (erscheint bei einer Viewport-Breite kleiner 768px):
stylesheet.css ca. Zeile 31:

Code: Select all

#iconmenu {float: right;margin-top: -25px;padding-right: 5px;}

ändern zu:

Code: Select all

#iconmenu {float: none;text-align: center;}

Evtl. muss noch bei #search das padding angepasst werden.

lck · Post by **lck** » Tue Sep 19, 2017 5:57 pm

Noch was, template.htm im <head> -Bereich, da steht vor dem</head>:
<link href="stylesheet.css" rel="stylesheet" type="text/css">

Das ergibt natürlich eine Fehlermeldung in der Browser-Konsole, also bitte löschen, oder wolltest du etwas anderes einbinden?

Simmyne · Post by **Simmyne** » Wed Sep 20, 2017 3:04 pm

Danke für deine HIlfe ICK, bin schon um einiges weiter:
http://zur-sprache-kommen.de/NEUES

Seit der Änderung mit dem #iconmenu - ja in der Smartfone-Ansicht sieht es jetzt viel besser aus - ist aber die Navigation ein bisschen nach unten geruscht. Der weiße Abstand zwischen Header und Navi sieht nicht so toll aus.

Wie kann man das umgehen?

LG Simm
P.S. Den Link aufs stylesheet.css habe ich rausgenommen. Den habe ich früher zum template-Angucken in Golive gebraucht

lck · Post by **lck** » Wed Sep 20, 2017 3:57 pm

Simmyne wrote:Danke für deine HIlfe ICK, bin schon um einiges weiter

Sehr schön

Simmyne wrote:Der weiße Abstand zwischen Header und Navi sieht nicht so toll aus.

Da müssen wir noch nachbessern, stylesheet.css Zeile 127 und 132, ändern zu

Code: Select all

#iconmenu {visibility:hidden;display:none;}

und, bei:

Code: Select all

#iconmenu {
    float: none;
    text-align: center;
    padding-top: 0.6em; /* evtl. das hinzu */
}

Simmyne · Post by **Simmyne** » Wed Sep 20, 2017 4:08 pm

Versteh's leider nicht ganz, mit der Suche von Firefox finde ich nur eine Stelle mit iconmenu

Es kommen unten noch zwei, aber die sind bestimmt nicht:

Code: Select all

@media screen and (min-width: 769px) and (max-width: 979px) {
#navi{width:30%}
#content{width:70%}
.news{visibility:hidden;height: 1px; overflow: hidden}
.block {visibility: visible;}
#iconmenu {visibility:hidden;}
#boxs{clear:none;width:100%}
}

@media screen and (min-width: 980px) {
#iconmenu {visibility:hidden;}

Wenn ich's einfach alles in eins reinschreib, kommt in der Smartfone-Ansicht kein Menüsymbol mehr.

lck · Post by **lck** » Wed Sep 20, 2017 4:16 pm

Simmyne wrote:Versteh's leider nicht ganz, mit der Suche von Firefox finde ich nur eine Stelle mit iconmenu

Es kommen unten noch zwei, aber die sind bestimmt nicht:
Code: Select all
@media screen and (min-width: 769px) and (max-width: 979px) {
#navi{width:30%}
#content{width:70%}
.news{visibility:hidden;height: 1px; overflow: hidden}
.block {visibility: visible;}
#iconmenu {visibility:hidden;}
#boxs{clear:none;width:100%}
}

@media screen and (min-width: 980px) {
#iconmenu {visibility:hidden;}

Doch, genau die zwei Vorkommen sind es. Hätte es deutlicher schreiben sollen.

Code: Select all

#iconmenu {visibility:hidden;}

ergänzen zu:

Code: Select all

#iconmenu {visibility:hidden;display:none;}

Simmyne · Post by **Simmyne** » Thu Sep 21, 2017 3:47 pm

Super, danke - es passt

Jetzt hätte ich eigentlich nur noch ein nicht gelöstes Problem. Wenn das gelöst ist, ist das Template fertig. Und zwar ging es um die 4 bläulichen Newsbox-Balken rechts im Content. Die habe ich entfernt, in dem ich diese Passagen im template gelöscht habe:

Code: Select all

<div id="boxs">
       <div class="news">
           <?php echo newsbox('News01');?>
       </div>

        <div class="news">
            <?php echo newsbox('News02');?>
        </div>

          <div class="news">
            <?php echo newsbox('News04');?>
        </div>

        <div class="news">
            <?php echo newsbox('News03');?>
        </div>

        <div style="clear: both;"></div>
        <div class="block">
            <div class="blockin">
                <?php echo Newsbox('News01');?>
            </div>
        </div>
        <div class="block">
            <div class="blockin">
                <?php echo Newsbox('News02');?>
            </div>
        </div>
   <div class="block">
            <div class="blockin">
                <?php echo Newsbox('News03');?>
            </div>
        </div>
    </div>

Ich habe gehofft, dass ich mit der Entfernung erreiche, dass der Content fast bis zum rechten Rand verläuft.
Leider breitet sich der Content leider nicht über die ganze Seite aus, sondern lässt den Platz frei, wo vorher die Newsboxen waren:

http://zur-sprache-kommen.de/NEUES

Ich habe im css versucht, von 70% auf 100% zu gehen, das bringt leider nix.

Code: Select all

#content,#boxs{float:left;min-height:300px;overflow:auto}
#content{width:70%;overflow:hidden;}
.content_in{padding:0 2em 2em}
.content_in textarea {width: 90%;}

Auch an den anderen 3 Zeilen hier kann ich mir nicht vorstellen, dass eine Änderung der Eingabe was bringt.

Was kann ich tun?
LG Simm

CMSimple_XH–Forum

Hilfe bei template wanted

Re: Hilfe bei template wanted

Re: Hilfe bei template wanted

Re: Hilfe bei template wanted

Re: Hilfe bei template wanted

Re: Hilfe bei template wanted

Re: Hilfe bei template wanted

Re: Hilfe bei template wanted

Re: Hilfe bei template wanted

Re: Hilfe bei template wanted

Re: Hilfe bei template wanted