Hilfe mit HTML Problemen

[Yorkfield]

Hallo,

ich habe eine Blogger-Seite mit einer alphabetische Liste von PC Spielen erstellt.
Diese Liste richtet sich ausschließlich nach meinem persönlichen Geschmack, also hauptsächlich FPS und Simulatoren.

Dann habe ich angefangen einen Farbcode nachzutragen, um die Genres unterscheiden zu können, also:

• orange für Simulatoren
• rot für Action
• blau für FPS
• hellgrün für Strategie, und
• dunkelgrün für Adventures

Das Problem nun ist, daß ich wegen dem chaotischen HTML code jegliche Lust verloren habe, sie weiter zu ergänzen.

Frage
Wäre jemand mit Ahnung bereit dazu mir zu helfen, eine Eingabemaske oder sowas zu erstellen, bei der ich nur noch:
Farbcode, Titel, Jahr und möglicherweise die Größe einzugeben brauche, welche sich dann automatisch an die richtige Stelle in der Liste einfügt.

Vielen Dank!

 

[Yorkfield]

Ok so wie ich erfahren habe, geht das mit HTML nicht so ohne weiteres.
Insofern ist meine Anfrage ab sofort obsolet geworden.

 

[Fallwrrk]

Was ist denn das für ein "chaotisches" HTML, wo du so schnell den Überblick verlierst? Mach dir doch einfach um jeden Titel ein <span> mit ner Klasse .fps, .strategy oder .simulation bzw. gib dem <li> die Klasse. Dann machste dir ganz simple CSS-Regeln:

.simulation {
  color: #FFA500;
}
.action {
  color: #FF0000;
}
.fps {
  color: #0000FF;
}
.strategy {
  color: #10ff10;
}
.adventures {
  color: #008000;
}

<ul>
  <li class="fps">Counter Strike</li>
  <li class="simulation">Landwirtschafts Simulator</li>
  <li class="adventures">Life Is Strange</li>
  <li class="strategy">StarCraft</li>
  <li class="action">Tomb Raider</li>
</ul>

 

[Yorkfield]

Was ist denn das für ein "chaotisches" HTML, wo du so schnell den Überblick verlierst?

Hallo Fallwrrk, ach das war ein Albtraum. Vor jeder Zeile befand sich so ein Farbcode und darüber hinaus noch ein Link zu einem Bild des Covers.
Hier ein Beispiel:

<span style="background-color: #809d58;">   </span><a href="http://mmolli.blogspot.de/2014/05/pc-games_3327.html">  1954: Alcatraz (2014)</a><br />

So etwa sah jede Zeile der inzwischen sehr langen Liste aus. Wenn ich neue Titel nachtragen wollte, musste ich aus dem Chaos erst mal die vorhandenen Titel raussuchen, um die neuen einordnen zu können. Da kann einem schnell die Lust vergehen. Ich habe mich inzwischen dazu entschieden, zumindest die Farbcodes für die Genres komplett zu entfernen und stattdessen Tabs als Menü anzubieten, für jedes Genre also eine eigene Liste. Optimal ist das nicht, denn man möchte auch gerne in der kompletten Liste wissen, zu welchen Gebiet der jeweilige Titel gehört, aber es ist halt ein Kompromis.

Dein Vorschlag mit dem Code werde ich mal ausprobieren um zu sehen wie es funktioniert. Man lernt ja gerne immer was neues dazu.
Vielen Dank dafür.