Hi,
Ich habe heir ein kleines Problem aber keine Ahnung wo das problem sein soll.
Das Script ist nicht von mir, nur für meine Zwecke verändert.
Meine Probleme:
1.)"chapterText" wird nicht angenommen.
Im Editor sind sämtliche "class" orange und deren Namen violett. Aber in diesem Fall ist "<p class" violett und chapterText schwarz wie normaler Text. Wenn ich irgendwas im style dafür ändere ändert sich einfach gar nichts.
Das div direkt darüber war im original ein offenes, aber das passt ja da nicht hin und ändert auch nichts.
2.)"Your choices" ist links oberhalb von der Liste. Wie mache ich den Text bündig mit der Liste darunter?
3.) chapterNumbers und Names gehört zusammen in eine Zeile. So wie ich das hier habe werden sie mir in verschiedenen Zeilen ausgegeben. Wenn ich das jetzt mit float oder inline-block "zusammenführe" dann werden alle Nachfolgenden ebenfalls zusammengeführt.
4.) Ist so eine Zusammensetzung von <p> innerhalb von <div> innerhalb von <a> überhaupt erlaubt?
Ich bin mir sicher, dass das alles ganz einfach zu richten ist, aber nicht für mich
Und noch die style zum Rumspielen:
Ich habe heir ein kleines Problem aber keine Ahnung wo das problem sein soll.
Das Script ist nicht von mir, nur für meine Zwecke verändert.
Code:
<!DOCTYPE html>
<html>
<head>
<title> {{ chapterInfo.title }} </title>
<link rel="stylesheet" type="text/css" href="../../templates/style.css">
</head>
<body>
<div class="content">
<h1>
<p class="chapterTitle">{{ chapterInfo.title }} </p>
{% if is_author_past == True %}
<small> By: <a href = "..."> {{chapterInfo.author_name}} </a></small>
{% endif %}
</h1>
<div>
{% if previouschapter != '' %}
<a href="{{ previouschapter +".html"}}">Go back</a>
{% endif %}
</div>
<p class="chapterText"> {{ chapterInfo.content }} </p>
<br>
{% if emptychoices %}
<p><b> The End. </b></p>
{% else %}
<p><b> Your choices: </b></p>
<ol class="chapterSelection">
{% for choice in chapterInfo.choices %}
{% set choicedescent = descent + loop.index|string + ".html" %}
{% if existingdescents[loop.index-1] %}
<li> <b><a href="{{ choicedescent }}">{{choice}}</a></b></li>
{% else %}
<li> {{ choice }}</li>
{% endif %}
{% endfor %}
</ol>
{% endif %}
<br>
<a href = "outline.html" class="outline">View all chapters</a>
<br>
<p><b>Retrieved {{ date }}</b></p>
</div>
</body>
</html>Meine Probleme:
1.)"chapterText" wird nicht angenommen.
Im Editor sind sämtliche "class" orange und deren Namen violett. Aber in diesem Fall ist "<p class" violett und chapterText schwarz wie normaler Text. Wenn ich irgendwas im style dafür ändere ändert sich einfach gar nichts.
Das div direkt darüber war im original ein offenes, aber das passt ja da nicht hin und ändert auch nichts.
2.)"Your choices" ist links oberhalb von der Liste. Wie mache ich den Text bündig mit der Liste darunter?
Code:
<!DOCTYPE html>
<html>
<title> {{ title }} </title>
<head>
<link rel="stylesheet" type="text/css" href="../../templates/style.css">
</head>
<body>
<div class="content">
<h1> {{ title }} </h1>
<ul>
{% for i in num %}
<li class="outLineTitles">
<a href="{{ descents[i] + ".html"}}">
<div class="parent">
<p class="chapterNumbers">{{ descents[i] + "# "}}</p>
<p class="chapterNames">{{ names[i]}} </p>
</div>
</a>
</li>
{% endfor %}
</ul>
</div>
</body>
</html>3.) chapterNumbers und Names gehört zusammen in eine Zeile. So wie ich das hier habe werden sie mir in verschiedenen Zeilen ausgegeben. Wenn ich das jetzt mit float oder inline-block "zusammenführe" dann werden alle Nachfolgenden ebenfalls zusammengeführt.
4.) Ist so eine Zusammensetzung von <p> innerhalb von <div> innerhalb von <a> überhaupt erlaubt?
Ich bin mir sicher, dass das alles ganz einfach zu richten ist, aber nicht für mich
Und noch die style zum Rumspielen:
Code:
body {
background: lightgray;
}
.content {
width: 80%;
margin: 0 auto;
padding: 10px 10px;
background: white;
}
.content ul {
list-style: none;
}
h1 small {
font-size: 50%;
}
li.outLineTitles{
font-size:130%;
line-height:135%;
}
.chapterText{
font-size: 25px;
}
.chapterSelection{
font-size:115%;
line-height:120%;
}
.outline{
font-size:110%;
}
.chapterNumbers{
word-spacing:25px;
float:left;
font-size:150%;
}
.parent .chapterNames{
float:left;
}
.chapterTitle{
}
