Lexi Help
Partner
www.forumieren.com

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

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

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

Beitrag von Koraki am 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


Zuletzt von Koraki am Sa 1 Dez 2012 - 11:11 bearbeitet, insgesamt 1 mal bearbeitet

Koraki
Neuling
Neuling

Beiträge : 2
Anmeldedatum : 30.11.12

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Rüdiger am 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

Rüdiger
Kaiser
Kaiser

Männlich Beiträge : 2160
Hinweis : Habe Internet gelöscht!
Anmeldedatum : 09.08.10

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Günther am 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 Arrow

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

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

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

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Koraki am 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

Koraki
Neuling
Neuling

Beiträge : 2
Anmeldedatum : 30.11.12

Benutzerprofil anzeigen

Nach oben Nach unten

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

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

Bitteschön. Smile
-done-

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

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

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten