Lexi Help
Die neuesten Themen
» Entfernen von der Popupleiste
von Bigtuber Gestern um 20:14

» [phpBB2] Schriftfarbe nicht vollständig
von Fayé Gestern um 20:14

» [Wichtige Information] Meine Tätigkeit in diesem Support. Von #Frank
von #Frank Gestern um 13:42

» [Update] Neues Theme der mobilen Version V2
von #Frank Gestern um 13:03

» Mobile Ansicht leider Fehlerhaft
von Br0adsw0rd Fr 30 Sep 2016 - 19:31

» [phpBB2] Hintergrund festpinnen
von Fayé Fr 30 Sep 2016 - 16:56

» Mein altes Forum zurückbekommen
von Bigtuber Do 29 Sep 2016 - 22:59

» Impressum
von #Frank Mi 28 Sep 2016 - 23:45

» [phpBB2] Im Beitrag Bild und Text nebeneinander anzeigen
von #Frank Mi 28 Sep 2016 - 23:43

» [phpBB2] Unicode Emojis im Forum
von Mariacher J.E. Mi 28 Sep 2016 - 22:07

» Themen-Icons
von Bigtuber Mi 28 Sep 2016 - 20:46

» [phpBB2] Schriftfarbe in der Expressantwort
von Bigtuber Mi 28 Sep 2016 - 20:09

» Themen fixieren
von inde Mi 28 Sep 2016 - 20:05

» Begriff : "merken"
von Ray Di 27 Sep 2016 - 12:14

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Di 27 Sep 2016 - 11:07

» Servamp Forum
von Raine Kamiya Mo 26 Sep 2016 - 22:47

Partner
free forum

[phpBB2] HTML sieht anders aus als es sollte

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [phpBB2] HTML sieht anders aus als es sollte

Beitrag von Feder am Sa 17 Jan 2015 - 20:02

Hey,
ich habe mich jetzt eine ganze Weile mit HTML Coden und CSS Coden beschäftigt (für dieses Forum: http://pitytheliving-rpg-hp.freiforum.com/) und habe mit Hilfe eines Live Code Tester mir einen Code zusammen gestellt der so aussehen soll:

( So sieht es auch aus wenn ich den Code in einem HTML Tester rein packe)
Als in meinen Forum der Code aber anders aussah habe ich hier nach eine Lösung gesucht und fand folgendes: http://hilfe.forumieren.com/t34005-phpbb2tabelle-sehr-weit-unten-oo#222311 . Das habe ich nun aber ausprobiert und trotzdem wird der Code immer noch falsch angezeigt.
Hier wie es jetzt aussieht:
Es werden Keine Kästen Richtig angezeigt, alles ist viel zu groß und hier:
Hier werden auch die Kästen gar nicht gefärbt und die Listen Punkte haben kein Bild mehr.

Folgenen Code habe ich angewendet:
Code:
<div style="border-radius:20px; background-color: CD853F; border:  hidden; width: 480; height: 1100px;"><style type="text/css">h1 { color: white; font-size: 24px; font-family: Arial;word-spacing: 6px;margin-top:1px;float:left;width: 19em;}h2 { color: D2B48C;font-size: 15px;font-family: Arial;word-spacing: 2px;}.kasten1 {border: black 2px hidden;background-color: #DEB887;padding-bottom: 30px;}#kasten2 {border:none; background-color: #8B4513;}.kasten3 {border: #8B4513 1px solid;font-size: 15px;font-family: MS Mincho;padding-right: 30px;padding-left: 30px;background-image: url (http://i38.servimg.com/u/f38/19/11/05/01/pergam10.jpg) }.kasten4 { border: hidden; background-color: 8B7355; font-size: 15px; font-family: MS Mincho;padding-right: 30px;padding-left: 30px;}.css-vertical-text {color: #8B4513; border:0px solid 696969;writing-mode:tb-rl;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform: rotate(90deg);white-space:nowrap;letter-spacing: 25px;width:22px;height:20px;font-family: ‘Trebuchet MS’, Helvetica, sans-serif;font-size:20px;font-weight:normal;text-shadow: 2px 0px 2px #333;}.kasten5 {font-size: 13 px;font-family: MS Mincho;padding-right: 30px;padding-left: 30px;}.kasten6 {background-color: #DEB887;}A:link {color: 8B6969;font-size: 13px;font-family: MS Mincho;}A:visited { color: F5F5DC;font-size: 13px;font-family: MS Mincho;}A:active {color: F5F5DC;font-size: 13px;font-family: MS Minco;}A:hover {color: 8B4513;font-size: 13px;font-family: MS Minco;text-shadow: 2px 0px 2px #333;}ul2 {  list-style-image: url(http://i38.servimg.com/u/f38/19/11/05/01/witch211.png)</style><div class="kasten1"><h1>Pity the living - Harry Potter Rpg </h1></div><div id="kasten2"> <h2></br> An alle Schülerin und Schüler </br> <center>der „Hogwarst Schule für Hexerei und Zauberei“</center></h2> </div><div style="overflow: scroll;height: 450px;width: 80%;"><div class="kasten3"> Hier ist der Text vom Schulbrief eigentlich drine, nehme ihn aber mal raus damit es nicht so land wird. </li> </br><li>Das Zaubern außerhalb der Klassenräume ist nur mit Genehmigung des Schulleiters erlaubt. </li> </br><li>Alle Schüler haben grüne Umhänge zu tragen.</li></br><li>Die Schüler haben zur jeder Zeit vollkommenden Respekt zu den Lehrern und befolgen ihre Anweisungen ohne diese zu hinterfragen. </li> </br><li>Alle Weasleysscherzprodukte sind strikt verboten. Jeder der mit ihnen erwischt wird angemessen seines Vergehens bestraft. </li></ul>Eine Eule wird spätestens am 31. Juli von uns erwartet.</br> </br>Unterzeichnet</br> </br><i> Severus Snape </i> </br>Schulleiter</di></div></div><div class="kasten4"> Hier steht eigentlich der Text von Neville.</div><div class="css-vertical-text"> Über uns </div><div class="kasten5"> Einige kleinen Infos über uns. </br><ul2> <li> Wir haben ein FSK 14 </li><li> Wir spielen im siebten Jahr von Neville.</br>(Das goldene Trio ist auf der Jagdt nach ihr wisst schon...) </li><li> Personen wie Lehrer oder Todesser sind erst nach einer bestimmten Zeit spielbar. </li><li> Die Carrows sorgen für "Ordnung" in Hogwarts.</li><li>Ihr dürft 2 Personen von Anfang spielen</li><li>Inplay beginnt ab 6 Mitgliedern</li></br></div></ul2><div class="kasten6"><center><a href="http://pitytheliving-rpg-hp.freiforum.com/"><strong>Startseite</strong><a href="http://pitytheliving-rpg-hp.freiforum.com/f12-regeln">Regeln<a href="http://pitytheliving-rpg-hp.freiforum.com/f2-anmeldungen">Vorlage</div></div></center></div></div>
HTML und ist natürlich aktiviert. (Sowohl im Forum als auch in meinem Profil)
Was mache ich falsch?


Zuletzt von Feder am Sa 17 Jan 2015 - 20:44 bearbeitet, insgesamt 1 mal bearbeitet

Feder
Neuling
Neuling

Beiträge : 4
Anmeldedatum : 07.12.14

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] HTML sieht anders aus als es sollte

Beitrag von Günther am Sa 17 Jan 2015 - 20:12

Hallo @Feder,

die Ursachen sind ganz einfach Fehler im Code.
Zum Beispiel sieht der Codeteil, mit dem der Hintergrund von .kasten3 festgelegt wird, so aus:
Code:
background-image: url (http://i38.servimg.com/u/f38/19/11/05/01/pergam10.jpg)
http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_image

Deshalb ist im Forum kein Hintergrund sichtbar, weil der Browser das fehlerhafte CSS nicht umsetzt. Das liegt aber nicht am Forum, sondern an den Fehlern im Code. Wink

Liebe Grüße
Günther

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] HTML sieht anders aus als es sollte

Beitrag von Feder am Sa 17 Jan 2015 - 20:44

Vielen dank für die schnelle Antwort @Günther.
Ich werde es verbessern und an meinen CSS Künsten arbeiten ^^.
Liebe Grüße und nochmals Danke

Feder
Neuling
Neuling

Beiträge : 4
Anmeldedatum : 07.12.14

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] HTML sieht anders aus als es sollte

Beitrag von Günther am Sa 17 Jan 2015 - 23:54

Gerne. Wink
-closed-

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten