Page 3 of 5

Re: Template Workshop?

Posted: Thu Oct 26, 2017 4:07 pm
by Simmyne
Danke, das war's :D

Re: Template Workshop?

Posted: Thu Oct 26, 2017 5:11 pm
by SiNiTaSa
Simmyne hat geschrieben:

Es ist ein bisschen schwierig für mich, wenn zwei Leute zwei Lösungen haben.
Ich glaube wenn wir es drauf Anlegen :D gibt es noch viel viel mehr Varianten.

Alle Wege führen nach Rom...... :shock:

Re: Template Workshop?

Posted: Fri Oct 27, 2017 8:51 am
by frase
Übrigens:
Es hat sich ein mini-Fehler im Template eingeschlichen:

Code: Select all

<p class="minifont">Powered by <a href="http://www.cmsimple-xh.org/" target="_blank">CMSimple_XH</p></a>
Da überlappen sich <p> und <a> falsch.

ist:
<p>...<a ...> ... </p></a>

soll:
<p>...<a ...> ... </a></p>

Die meisten Browser sind da tolerant und "übersehen" solche Fehler. Falsch ist es trotzdem.

Re: Template Workshop?

Posted: Fri Oct 27, 2017 9:38 am
by Simmyne
Hallo allerseits,
frase wrote:Übrigens:
Es hat sich ein mini-Fehler im Template eingeschlichen:
Danke, hab ich ausgebessert.

Ich hab mal weiter gemacht. Die Navi ist jetzt horizontal. Es sieht jetzt so aus (und als Attachment):

http://zur-sprache-kommen.de/workshop
SCSH_2.jpg
Ich habe mit folgendem Code versucht, die Menüpunkte in die Mitte der Seite zu bekommen, dass sie nicht mehr links dranklatschen. Hat aber nicht geklappt, das mit dem navi-innen kann man vielleicht nicht so machen:

html:

Code: Select all

<!DOCTYPE HTML>
<html>
<head>
<?php echo head();?>
</head>
<body <?php echo onload();?>>
<div id="wrapper">
<div id="header"></div>
<div id="navigation"><div id="navi-innen"><div class="menu"><?php echo toc();?></div></div></div>
<div id="content"><?php echo content();?></div>
<div id="footer"></div>
</div>
<p class="minifont">Powered by <a href="http://www.cmsimple-xh.org/" target="_blank">CMSimple_XH</a></p>
</body>
</html>
css:

Code: Select all

html, body {
   padding:0;
   margin:0;
   border: 0 none;
   font-size: 1em;
   font-family: Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif;   
}
#wrapper {
      width:100%;
      margin: 0 auto;
}

#header {
     background: #006e00;
     background-image: url("images/header.jpg");
     background-position: center;
     background-repeat: no-repeat;
     height: 283px;
}

#navigation {
     background: #00c200;
     height: 45px;
}
#navi-innen {
     background: #00c200;
     height: 45px;
     width: 1200px;
     position: center;
}

.menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.menu ul ul {
     visibility: hidden;
     position: absolute;
}
.menu ul.menulevel1 li {
    float:left;
    margin-right: 1em;
    position:relative;
    white-space: nowrap;
}

#content {
     background: #FFFFFF;
}

#footer {
     background: #006e00;
     height:100px;
}
.minifont { color: grey; font-size: 9px }

Wisst ihr weiter? Ein weiteres Anliegen wäre, die Navipunkte in die Mitte des Balkens zu bekommen, jetzt klatschen sie ja oben.
LG Simm

Re: Template Workshop?

Posted: Fri Oct 27, 2017 10:08 am
by frase

Code: Select all

position: center;
So etwas gibt es nicht :(

Wenn wir dir hier ein komplettes Layout hinschreiben, hast du nichts gelernt.
(Sorry, der Satz klingt komisch. Ist ganz lieb gemeint.)

Vielleicht solltest du gelegentlich ein wenig über Grundlagen nachlesen. Eine sehr gute Anlaufstelle wäre da zum Beispiel:
https://wiki.selfhtml.org/wiki/CSS

Hier sind die CSS-Grundlagen ziemlich gut erklärt. Es finden sich auch Beispiele.
(Wir haben das alle mehr oder weniger auf diese Art und Weise gelernt. In der Schule lernt man sowas normalerweise nicht.)

Re: Template Workshop?

Posted: Fri Oct 27, 2017 10:22 am
by SiNiTaSa
Das Thema margin und padding zu Gemüte führen........

Re: Template Workshop?

Posted: Fri Oct 27, 2017 10:59 am
by Simmyne
Na mal schauen, ob ich das kapier - ich habe festgestellt, dass ich und Programmieren nicht so gut zusammenpassen (bin eher künstlerisch drauf, ich denk ganz anders). Aber muss ich halt.
Bin jedenfalls bis DO voraussichtlich nicht online...
Danke soweit!
LG Simm

Re: Template Workshop?

Posted: Fri Oct 27, 2017 11:00 am
by Simmyne
SiNiTaSa wrote:Das Thema margin und padding zu Gemüte führen
Das hab ich noch nie richtig kapiert :oops:

Re: Template Workshop?

Posted: Fri Oct 27, 2017 11:11 am
by cmb
Simmyne wrote:dass ich und Programmieren nicht so gut zusammenpassen
Na ja, man streitet sich oft darüber, aber ich würde weder HTML noch CSS als Programmiersprache einstufen. :)
Simmyne wrote:
SiNiTaSa wrote:Das Thema margin und padding zu Gemüte führen
Das hab ich noch nie richtig kapiert :oops:
Wird hier erklärt.

Re: Template Workshop?

Posted: Sun Oct 29, 2017 7:00 pm
by mhz
Vielleicht solltest du gelegentlich ein wenig über Grundlagen nachlesen
... und eine andere sehr gute Anlaufstelle ist auf deutsch http://www.css4you.de/ und in englisch https://www.w3schools.com/