div funktioniert auf normaler HTML-Seite, aber als Thema nicht

von Koraki Fr 30 Nov 2012 - 23:08

Ich habe mir die Mühe gemacht und einen kleinen Adventskalender aus divs zusammengebastelt. Auf einer normalen HTML-Seite funktioniert alles wie es soll (siehe hier: http://koraki.bplaced.net/catboxes/events/advent/adventka.html ). Doch beim Thema in dem Forum, auf dem ich den Adventskalender eigentlich posten wollte, sieht alles so aus:

Spoiler:

Es ist exakt der gleiche Code (bis eben auf <html>, <head> und co.) und dennoch funktioniert er nicht.

Hier ist der Code für das Thema:

Code:: <div style="background-image:url('http://koraki.bplaced.net/catboxes/events/advent/cabo_adv.png'); width:600px;height:370px;padding:50px;text-align:center;"> <a href="#adv_01"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_01.png'); float:left; margin:10px 6px 0px 5px"></div></a> <a href="#adv_02"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_02.png');float:left;margin:10px 6px 0px 5px"></div></a> <a href="#adv_03"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_03.png');float:left;margin:10px 6px 0px 5px"></div></a> <a href="#adv_04"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_04.png');float:left;margin:10px 6px 0px 5px"></div></a> <a href="#adv_05"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_05.png');float:left;margin:10px 6px 0px 5px"></div></a> <a href="#adv_06"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_06.png');float:left;margin:10px 6px 0px 5px"></div></a> <a href="#adv_07"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_07.png');float:left;margin:10px 0px 0px 5px"></div></a><br /> <a href="#adv_08"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_08.png');float:left;margin:10px 6px 0px 5px"></div></a> <a href="#adv_09"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_09.png');float:left;margin:10px 6px 0px 5px"></div></a> <a href="#adv_10"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_10.png');float:left;margin:10px 6px 0px 5px"></div></a> <a href="#adv_11"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_11.png');float:left;margin:10px 6px 0px 5px"></div></a> <a href="#adv_12"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_12.png');float:left;margin:10px 6px 0px 5px"></div></a> <a href="#adv_13"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_13.png');float:left;margin:10px 6px 0px 5px"></div></a> <a href="#adv_14"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_14.png');float:left;margin:10px 0px 0px 5px"></div></a><br /> <a href="#adv_15"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_15.png');float:left;margin:10px 6px 0px 5px"></div></a> <a href="#adv_16"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_16.png');float:left;margin:10px 6px 0px 5px"></div></a> <a href="#adv_17"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_17.png');float:left;margin:10px 6px 0px 5px"></div></a> <a href="#adv_18"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_18.png');float:left;margin:10px 6px 0px 5px"></div></a> <a href="#adv_19"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_19.png');float:left;margin:10px 6px 0px 5px"></div></a> <a href="#adv_20"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_20.png');float:left;margin:10px 6px 0px 5px"></div></a> <a href="#adv_21"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_21.png');float:left;margin:10px 0px 0px 5px"></div></a><br /> <a href="#adv_22"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_22.png');float:left;margin:10px 6px 0px 5px"></div></a> <a href="#adv_23"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_23.png');float:left;margin:10px 6px 0px 5px"></div></a> <a href="#adv_24"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_24.png');float:left;margin:10px 6px 0px 5px"></div></a> </div>

Kann mir vielleicht jemand helfen?

Liebe Grüße, Koraki

von Rüdiger Sa 1 Dez 2012 - 0:03

Hallo und herzlich willkommen Koraki.

Kannst du bitte mal überprüfen ob du HTML in den Beiträgen zugelassen hast?
Du gehts dafür wie folgt vor:

-> AB -> Allgemeines -> Beitragsoptionen, Privatnachrichten, Mails -> Einstellungen
-> HTML erlauben : JA

Bitte gebe dann eine Rückmeldung ob es dann auch bei dir funktioniert.

lg. Happy

von Günther Sa 1 Dez 2012 - 2:56

Hallo,

Hallo und herzlich Willkommen,

du bist neu hier im Forum.
Mache dich bitte zunächst mit den hiesigen Forenregeln vertraut.

Viele Antworten findest du auch in der Wissenssammlung "Lexi Help" Exclamation

Klick einfach auf das Bild

div funktioniert auf normaler HTML-Seite, aber als Thema nicht Lexihe10

Solltest du keine für dich passende Antwort in der Suchfunktion (Link in der Navigation) oder bei "Lexi Help" gefunden haben, dann eröffne pro Frage ein neues Thema.

Ich wünsche dir hier im Forum viele Informationen und guten Erfolg mit deinem Forum top

Happy schrieb:Kannst du bitte mal überprüfen ob du HTML in den Beiträgen zugelassen hast?

Daran liegt es nicht, denn wäre HTML in den Beiträgen nicht zugelassen, würde reiner Code sichtbar sein und er nicht in dieser Form umgewandelt werden. Wink

Der Problemverursacher ist ein anderer: Fügst du diesen Code in eine HTML-Seite ein, wird dort nur der HTML-Code an sich interpretiert. In den Beiträgen kommen jedoch immer weitere Editorfunktionen hinzu, die sich nicht deaktivieren lassen. In diesem Fall sind das die Zeilenumbrüche, die ständig im Code vorkommen.
Entfernst du diese, wird der Code wie gewünscht interpretiert und du erreichst ein makelloses Ergebnis. Wink

Ich habe für dich mal die Zeilenumbrüche entfernt, dann siehst du gleich den Unterschied:

Code:: <div style="background-image:url('http://koraki.bplaced.net/catboxes/events/advent/cabo_adv.png');width:600px;height:370px;padding:50px;text-align:center;"><a href="#adv_01"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_01.png'); float:left; margin:10px 6px 0px 5px"></div></a><a href="#adv_02"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_02.png');float:left;margin:10px 6px 0px 5px"></div></a><a href="#adv_03"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_03.png');float:left;margin:10px 6px 0px 5px"></div></a><a href="#adv_04"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_04.png');float:left;margin:10px 6px 0px 5px"></div></a><a href="#adv_05"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_05.png');float:left;margin:10px 6px 0px 5px"></div></a><a href="#adv_06"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_06.png');float:left;margin:10px 6px 0px 5px"></div></a><a href="#adv_07"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_07.png');float:left;margin:10px 0px 0px 5px"></div></a><br /><a href="#adv_08"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_08.png');float:left;margin:10px 6px 0px 5px"></div></a><a href="#adv_09"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_09.png');float:left;margin:10px 6px 0px 5px"></div></a><a href="#adv_10"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_10.png');float:left;margin:10px 6px 0px 5px"></div></a><a href="#adv_11"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_11.png');float:left;margin:10px 6px 0px 5px"></div></a><a href="#adv_12"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_12.png');float:left;margin:10px 6px 0px 5px"></div></a><a href="#adv_13"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_13.png');float:left;margin:10px 6px 0px 5px"></div></a><a href="#adv_14"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_14.png');float:left;margin:10px 0px 0px 5px"></div></a><br /><a href="#adv_15"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_15.png');float:left;margin:10px 6px 0px 5px"></div></a><a href="#adv_16"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_16.png');float:left;margin:10px 6px 0px 5px"></div></a><a href="#adv_17"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_17.png');float:left;margin:10px 6px 0px 5px"></div></a><a href="#adv_18"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_18.png');float:left;margin:10px 6px 0px 5px"></div></a><a href="#adv_19"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_19.png');float:left;margin:10px 6px 0px 5px"></div></a><a href="#adv_20"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_20.png');float:left;margin:10px 6px 0px 5px"></div></a><a href="#adv_21"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_21.png');float:left;margin:10px 0px 0px 5px"></div></a><br /><a href="#adv_22"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_22.png');float:left;margin:10px 6px 0px 5px"></div></a><a href="#adv_23"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_23.png');float:left;margin:10px 6px 0px 5px"></div></a><a href="#adv_24"><div style="width:70px;height:70px;background-image:url('http://koraki.bplaced.net/catboxes/events/advent/adv_24.png');float:left;margin:10px 6px 0px 5px"></div></a></div>

Liebe Grüße
Günther

von Koraki Sa 1 Dez 2012 - 11:11

Ah, darauf hätt ich auch kommen können... Hab schon mehreres versucht und obwohl ich schon so häufig an Foren auf forumieren mitgearbeitet habe, bin ich auf diese einfache Antwort nicht gekommen ^^
Danke, funktioniert jetzt (:

Liebe Grüße, Koraki

von Günther Sa 1 Dez 2012 - 11:35

Bitteschön. Smile

-done-

	Neue Beiträge seit dem letzten Besuch.	
	Textbausteine des MODERATIONSTOOL	
	AB > PFAD > GENERATOR	
	FORUM > PFAD > GENERATOR	
	Unterstützung Lösungs-Probleme	
	Auffällige User	
	Der Runde Tisch	
	HÄUFIG GESTELLTE FRAGEN	

div funktioniert auf normaler HTML-Seite, aber als Thema nicht

div funktioniert auf normaler HTML-Seite, aber als Thema nicht

Re: div funktioniert auf normaler HTML-Seite, aber als Thema nicht

Re: div funktioniert auf normaler HTML-Seite, aber als Thema nicht

Re: div funktioniert auf normaler HTML-Seite, aber als Thema nicht

Re: div funktioniert auf normaler HTML-Seite, aber als Thema nicht