[phpBB2] CSS Stylesheet Probleme

Hallo ihr Lieben

Um schnell zum Thema zu kommen, ich versuche seid geraumer Zeit ein Werbebild für unser Forum zu programmieren Der Code wird mit dem Editor, Microsoft Expression Web und auch im Browser fehlerfrei angezeigt Auch bei meinen Freunden, denen ich den Code geschickt habe
Mein Problem ist allerdings, sobald ich es bei Forumieren hochladen will, funktioniert der gesamte Stylesheet nicht mehr und es verzieht sich alles. Leider habe ich keine Erfahrung mit Forumieren Foren und bräuchte deswegen mal Hilfe.
Kann durchaus sein, dass ich Fehler drin habe, ich weiß es nicht
Es ist ein Bild, mit einer Hover Sobald man mit der Maus darüber fährt erscheint der Text, also alles ganz klassisch!

Hier mal der Code:

Code:

<center>
<style>
.kastenmain { background-image: url('http://i38.servimg.com/u/f38/18/91/24/12/werbun10.jpg'); height: 597px; width: 500px; position: relative; overflow: hidden; }
.kastentext { position: absolute; bottom: -705px; left: 15px; padding: 15px; width: 440px; height: 440px; background-color: #d8d8d8; font-family: "Arial" ; font-size: 10px; line-height: 11px; text-align: justify; color: #454545; overflow: auto;  -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }
.kastenmain:hover
.kastentext { position: absolute; bottom: 15px; left: 15px;  -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }
.kastentext::-webkit-scrollbar {width: 05px;}
.kastentext::-webkit-scrollbar-track {background-color: #fafafa;}
.kastentext::-webkit-scrollbar-thumb {background-color: #ffffff;}
</style>
<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic' rel='stylesheet' type='text/css'>

<div class="kastenmain">
<div class="kastentext">

<a target="_blank"><img src="http://fs1.directupload.net/images/150220/nuz2k2ph.png" title="Kostenlos Bilder und Fotos hochladen"></a>
<br>Nachdem die Rebellen Katniss und Peeta, sowie ihre Verbündeten aus dem Kapitol ausgerechnet zum Zeitpunkt der erzwungenen Hochzeit des tragischen Liebespaares retteten, kann nun die Rebellion beginnen.<br>
Es ist Zeit gegen die Unterdrückung und Ungerechtigkeit in Panem vorzugehen. Der Mockingjay ist auf der Seite der Rebellen. Distrikt 13 ist am Zug.
Im Kapitol werden alle Hebel in Bewegung gesetzt um gegen die Rebellen anzugehen. Ein Krieg ist nun unausweichlich.
Beide Seiten bereiten sich auf den Kampf um Panem vor.
Distrikt dreizehn erhebt sich aus der Asche.
<br>
<br>
<hr />
<a target="_blank"><img src="http://fs2.directupload.net/images/150220/5yaq4y9r.png" title="Kostenlos Bilder und Fotos hochladen"></a>
<br>
<br>
<li type="square">Entspringt der "Tribute von Panem" Trilogie von Suzanne Collins</li>
<li type="square">Setzt nach der Verlobung von Katniss und Peeta ein (Anfang 2. Band)</li>
<li type="square">Spielort Panem (Kapitol und Distrikte)</li>
<li type="square">Ortstrennung</li>
<li type="square">Schreibweise 3. Person Singular, Präteritum</li>
<li type="square">FSK 16 Rating (Wir bitten ausserdem zur Kenntnis zu nehmen, dass in diesem RPG Gewalttaten, Drogenkonsum, Missbrauch, Prostitution, Drohungen, Selbstverletzung, etc. eine Rolle spielen.)</li>
<li type="square">Keine Mindestpostlänge</li>
<li type="square">Regelmässige Anwesenheit erforderlich!</li>
<li type="square">Buchcharaktere und freie Charaktere möglich</li>
</ul>
<br>
<hr />
<a target="_blank"><img src="http://fs1.directupload.net/images/150220/quepiyf5.png" title="Kostenlos Bilder und Fotos hochladen"></a>
<br>

<style type="text/css">
a:link { text-decoration:none; color:#454545; }
a:visited { text-decoration:none; font-weight:bold; color:#454545; }
a:active { text-decoration:none; font-weight:bold; background-color:#454545; }
.auto-style1 {
 font-size: xx-small;
}
.auto-style2 {
 text-align: right;
}
</style>
<a href="http://district13rising.forumieren.com/" target="_blank" >Forum</a>
<div><a href="http://district13rising.forumieren.com/t1-das-regelwerk" target="_blank">Regeln</a></div>
<div><a href="http://district13rising.forumieren.com/f77-gesuche" target="_blank">Gesuche</a></div>
<div><a href="http://district13rising.forumieren.com/f60-gastebuch" target="_blank">Gästebuch</a></div>
<div><a href="http://district13rising.forumieren.com/f49-partner-gaste" target="_blank">Partnerarea</a></div>
<div class="auto-style2">
<br>
<br>
 <span class="auto-style1"> AG
</span></div>

</center>


Dankeschön

Hallo AdGray.

Du hast in deinem Style Tag einige Zeilenumbrüche drinnen. Wenn du so einen Tag in einem Post verwendest, musst du alles 'zusammenschreiben'. Das heißt keine Zeilenumbrüche, höchstens ein Leerzeichen nach jeder Class oder jeder Id. Im Post werden alle Zeilenumbrüche und Leerzeichen auch als jene umgesetzt. Was allen nachfolgende Einträgen nicht gut bekommt. Daher kann es auch passieren das andere Elemente, die Zeilenumbrüche enthalten, anders angezeigt werden als in einem Programm für HTML oder ähnliches.

Versuch einmal die Zeilenumbrüche im Style Tag zu entfernen und die Einträge aneinander zu reihen. Wenn dein Code dann immer noch verschoben aussieht, solltest du alle anderen Elemente auch 'zusammenschieben'.

Liebe Grüße
Gunich

Oh danke dir! Jetzt funktioniert es Da wäre ich jetzt nicht drauf gekommen!
Danke danke!

Jetzt muss ich doch noch mal etwas fragen aber wieso verändert sich die komplette Farbe des Forums wenn ich den Code poste? Also die ganze Schrift wird dann so grau wie im Werbebild!

Wenn du die Schrift eines Elements, nehmen wir mal ein Div, in deinem Code per 'div {color:grey;}' grau gemacht hast, betrifft es alle Divs auf dieser Seite. Wenn du dem Div, das graue Schrift haben soll, eine Class oder Id gegeben hast, solltest du diese Id oder Class statt des Divs ansprechen, dann ist auch nur das Div in deinem Code von den Auswirkungen betroffen.

Ich nehme jetzt mal an das du die Linkfarbe meinst, weil in deinem Code alle Links angesprochen werden. Du solltest den Links in deinem Code eine Class zu weisen und jene statt des a Tags ansprechen.

Okay ich habe jetzt ewig rumprobiert und irgendwie ist es jetzt genau andersrum. jetzt nimmt er für die links, den stylsheet der für das Forum benutzt wird. Immerhin ist nicht mehr alles im Forum grau
So sieht der Code jetzt aus:

Code:

<center>
<style>.kastenmain { background-image: url('http://i38.servimg.com/u/f38/18/91/24/12/werbun10.jpg'); height: 597px; width: 500px; position: relative; overflow: hidden; }.kastentext { position: absolute; bottom: -705px; left: 15px; padding: 15px; width: 440px; height: 440px; background-color: #d8d8d8; font-family: "Arial" ; font-size: 10px; line-height: 11px; text-align: justify; color: #454545; overflow: auto;  -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .kastenmain:hover .kastentext { position: absolute; bottom: 15px; left: 15px;  -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }.kastentext::-webkit-scrollbar {width: 05px;}.kastentext::-webkit-scrollbar-track {background-color: #fafafa;}.kastentext::-webkit-scrollbar-thumb {background-color: #ffffff;}</style>
<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic' rel='stylesheet' type='text/css'>

<div class="kastenmain">
<div class="kastentext">

<a target="_blank"><img src="http://fs1.directupload.net/images/150220/nuz2k2ph.png" title="Kostenlos Bilder und Fotos hochladen"></a>
<br>Nachdem die Rebellen Katniss und Peeta, sowie ihre Verbündeten aus dem Kapitol ausgerechnet zum Zeitpunkt der erzwungenen Hochzeit des tragischen Liebespaares retteten, kann nun die Rebellion beginnen.
Es ist Zeit gegen die Unterdrückung und Ungerechtigkeit in Panem vorzugehen. Der Mockingjay ist auf der Seite der Rebellen. Distrikt 13 ist am Zug.
Im Kapitol werden alle Hebel in Bewegung gesetzt um gegen die Rebellen anzugehen. Ein Krieg ist nun unausweichlich.
Beide Seiten bereiten sich auf den Kampf um Panem vor.
Distrikt dreizehn erhebt sich aus der Asche.
<br>
<br>
<hr />
<a target="_blank"><img src="http://fs2.directupload.net/images/150220/5yaq4y9r.png" title="Kostenlos Bilder und Fotos hochladen"></a>
<br>
<li type="square">Entspringt der "Tribute von Panem" Trilogie von Suzanne Collins
<li type="square">Setzt nach der Verlobung von Katniss und Peeta ein (Anfang 2. Band)
<li type="square">Spielort Panem (Kapitol und Distrikte)
<li type="square">Ortstrennung
<li type="square">Schreibweise 3. Person Singular, Präteritum
<li type="square">FSK 16 Rating (Wir bitten ausserdem zur Kenntnis zu nehmen, dass in diesem RPG Gewalttaten, Drogenkonsum, Missbrauch, Prostitution, Drohungen, Selbstverletzung, etc. eine Rolle spielen.)
<li type="square">Keine Mindestpostlänge
<li type="square">Buchcharaktere und freie Charaktere möglich</li>
<br>
<hr />
<a target="_blank"><img src="http://fs1.directupload.net/images/150220/quepiyf5.png" title="Kostenlos Bilder und Fotos hochladen"></a>
<div class"links">
<style>.links { text-decoration:none; color:#454545; }.links:visited { text-decoration:none; font-weight:bold; color:#454545; }.links:active { text-decoration:none; font-weight:bold; background-color:#454545; }.auto-style1 {font-size: xx-small;}.auto-style2 {text-align: right;}</style>

<a href="http://district13rising.forumieren.com/" target="_blank" >Forum</a>
<a href="http://district13rising.forumieren.com/t1-das-regelwerk" target="_blank">Regeln</a>
<a href="http://district13rising.forumieren.com/f77-gesuche" target="_blank">Gesuche</a>
<a href="http://district13rising.forumieren.com/f60-gastebuch" target="_blank">Gästebuch</a>
<a href="http://district13rising.forumieren.com/f49-partner-gaste" target="_blank">Partnerarea</a>
</div>
<div class="auto-style2">
<br>
<br>
<span class="auto-style1"> AG
</span></div>
</div>

</center>

Ich bin irgendwie wirklich neben der Spur und komm nicht drauf was mein Fehler ist -.- Genauso wie bei der Aufzählung über uns, da verschiebt sich die Aufzählung bis ganz an den Rand, obwohl der stylesheet das nicht zulassen sollte

Danke nochmal

Ich habe dir mal die kleinen 'Fehler' ausgebessert:

Code:

<center>
<style>.kastenmain { background-image: url('http://i38.servimg.com/u/f38/18/91/24/12/werbun10.jpg'); height: 597px; width: 500px; position: relative; overflow: hidden; }.kastentext { position: absolute; bottom: -705px; left: 15px; padding: 15px; width: 440px; height: 440px; background-color: #d8d8d8; font-family: "Arial" ; font-size: 10px; line-height: 11px; text-align: justify; color: #454545; overflow: auto;  -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .kastenmain:hover .kastentext { position: absolute; bottom: 15px; left: 15px;  -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }.kastentext::-webkit-scrollbar {width: 05px;}.kastentext::-webkit-scrollbar-track {background-color: #fafafa;}.kastentext::-webkit-scrollbar-thumb {background-color: #ffffff;}</style>
<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic' rel='stylesheet' type='text/css'>

<div class="kastenmain">
<div class="kastentext">

<a target="_blank"><img src="http://fs1.directupload.net/images/150220/nuz2k2ph.png" title="Kostenlos Bilder und Fotos hochladen"></a>
<br>Nachdem die Rebellen Katniss und Peeta, sowie ihre Verbündeten aus dem Kapitol ausgerechnet zum Zeitpunkt der erzwungenen Hochzeit des tragischen Liebespaares retteten, kann nun die Rebellion beginnen.
Es ist Zeit gegen die Unterdrückung und Ungerechtigkeit in Panem vorzugehen. Der Mockingjay ist auf der Seite der Rebellen. Distrikt 13 ist am Zug.
Im Kapitol werden alle Hebel in Bewegung gesetzt um gegen die Rebellen anzugehen. Ein Krieg ist nun unausweichlich.
Beide Seiten bereiten sich auf den Kampf um Panem vor.
Distrikt dreizehn erhebt sich aus der Asche.
<br>
<br>
<hr />
<a target="_blank"><img src="http://fs2.directupload.net/images/150220/5yaq4y9r.png" title="Kostenlos Bilder und Fotos hochladen"></a>
<br>
<li type="square">Entspringt der "Tribute von Panem" Trilogie von Suzanne Collins
<li type="square">Setzt nach der Verlobung von Katniss und Peeta ein (Anfang 2. Band)
<li type="square">Spielort Panem (Kapitol und Distrikte)
<li type="square">Ortstrennung
<li type="square">Schreibweise 3. Person Singular, Präteritum
<li type="square">FSK 16 Rating (Wir bitten ausserdem zur Kenntnis zu nehmen, dass in diesem RPG Gewalttaten, Drogenkonsum, Missbrauch, Prostitution, Drohungen, Selbstverletzung, etc. eine Rolle spielen.)
<li type="square">Keine Mindestpostlänge
<li type="square">Buchcharaktere und freie Charaktere möglich</li>
<br>
<hr />
<a target="_blank"><img src="http://fs1.directupload.net/images/150220/quepiyf5.png" title="Kostenlos Bilder und Fotos hochladen"></a>
<div class="links">
<style>.links a { text-decoration:none; color:#454545 !important; }.links a:visited { text-decoration:none; font-weight:bold; color:#454545  !important; }.links a:active { text-decoration:none; font-weight:bold; background-color:#454545  !important; }.auto-style1 {font-size: xx-small;}.auto-style2 {text-align: right;}</style>

<a href="http://district13rising.forumieren.com/" target="_blank" >Forum</a>
<a href="http://district13rising.forumieren.com/t1-das-regelwerk" target="_blank">Regeln</a>
<a href="http://district13rising.forumieren.com/f77-gesuche" target="_blank">Gesuche</a>
<a href="http://district13rising.forumieren.com/f60-gastebuch" target="_blank">Gästebuch</a>
<a href="http://district13rising.forumieren.com/f49-partner-gaste" target="_blank">Partnerarea</a>
</div>
<div class="auto-style2">
<br>
<br>
<span class="auto-style1"> ©AG
</span></div>
</div>

</center>

Bei dem div der Class 'links' fehlte ein '='. Darüberhinaus habe ich die Einträge für diese Class so verändert, dass auch die Links und nicht nur das Div angesprochen wird. Statt ".links" muss es ".links a" usw. heißen. Das sagt dem Browser das nicht das Div mit der Class 'Links' sondern die darin enthaltenen a Tags angesprochen werden sollen.

Bei mir im Forum sieht dein Code jetzt ganz normal aus. Ich kann daher nicht nachvollziehen was genau mit diesem nach rechts verschoben gemein ist. Ein Screen wäre da hilfreich. :DD

Erstenmal danke dir, dass du dir wirklich so viel Mühe damit gibst
Ich habe dir jetzt mal zwei Screenshots gemacht
So sieht es bei uns im Forum aus:


Und das kam bei einer Probe in einer unserer Partnerforen raus:


Was natürlich in diesem Fall nicht gut ist

Ist das Partnerboard ein Forumieren-Forum? Kannst du einen Link zu dieser Vorstellung Posten? Ich würde mir das gerne vor Ort ansehen.

Also das war jetzt mein Probeforum.
Bin da einfach in den Partnerbereich und dann auf neues Thema Ich hatte nicht die Absicht irgendetwas zu posten, deswegen habe ich es mir nur in der Vorschau angesehen.
War aber auch nicht das einzige, habe es in drei Foren getestet und bei zweien ist das passiert. Beide waren Forumieren Foren

Ich habe mich dazu erkundigt, nachdem auch mein ganzes Rumwerken keine Besserung bewirkt hat. Es ist wohl so, das in Foren, die es Gästen nicht erlauben externe Links zu posten, einiges an HTML um den Link herum sowie der Link an sich automatisch entfernt wird oder werden kann.

Damit du auch dort eine Partnerschaftsanfrage stellen kannst, musst du die Verlinkungen in Form von HTML oder BBcodes auf deine Seite entfernen. Am besten ist es, wenn du diese Links durch ihre Textform ersetzt und sie einfach 'ausschreibst'.

Statt also so > Link (bbcode oder HTML), besser so > https://hilfe.forumieren.com/ (Textform). Du kannst deiner Anfrage ja noch die 'richtige', mit den Verlinkungen, in einem Code-Tag beifügen und darum bitten, diese zu verwenden, wenn sie deine Daten kopieren.

Mir ist im Übrigen aufgefallen, das einige Tags in deiner Vorstellung nicht geschlossen waren. Ich habe dir das hier korrigiert. Du musst nur noch die Verlinkungen auf deine Seite entfernen und durch ihre Textform ersetzen, dann sollte es klappen.

Code:

<center>
<style>.kastenmain { background-image: url('http://i38.servimg.com/u/f38/18/91/24/12/werbun10.jpg'); height: 597px; width: 500px; position: relative; overflow: hidden; }.kastentext { position: absolute; bottom: -705px; left: 15px; padding: 15px; width: 440px; height: 440px; background-color: #d8d8d8; font-family: "Arial" ; font-size: 10px; line-height: 11px; text-align: justify; color: #454545; overflow: auto;  -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .kastenmain:hover .kastentext { position: absolute; bottom: 15px; left: 15px;  -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }.kastentext::-webkit-scrollbar {width: 05px;}.kastentext::-webkit-scrollbar-track {background-color: #fafafa;}.kastentext::-webkit-scrollbar-thumb {background-color: #ffffff;}</style>
<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic' rel='stylesheet' type='text/css'>

<div class="kastenmain">
<div class="kastentext">

<img src="http://fs1.directupload.net/images/150220/nuz2k2ph.png" title="Kostenlos Bilder und Fotos hochladen">
<br>Nachdem die Rebellen Katniss und Peeta, sowie ihre Verbündeten aus dem Kapitol ausgerechnet zum Zeitpunkt der erzwungenen Hochzeit des tragischen Liebespaares retteten, kann nun die Rebellion beginnen.
Es ist Zeit gegen die Unterdrückung und Ungerechtigkeit in Panem vorzugehen. Der Mockingjay ist auf der Seite der Rebellen. Distrikt 13 ist am Zug.
Im Kapitol werden alle Hebel in Bewegung gesetzt um gegen die Rebellen anzugehen. Ein Krieg ist nun unausweichlich.
Beide Seiten bereiten sich auf den Kampf um Panem vor.
Distrikt dreizehn erhebt sich aus der Asche.
<br>
<br>
<hr />
<img src="http://fs2.directupload.net/images/150220/5yaq4y9r.png" title="Kostenlos Bilder und Fotos hochladen">
<br>
<ul>
<li type="square">Entspringt der "Tribute von Panem" Trilogie von Suzanne Collins</li>
<li type="square">Setzt nach der Verlobung von Katniss und Peeta ein (Anfang 2. Band)</li>
<li type="square">Spielort Panem (Kapitol und Distrikte)</li>
<li type="square">Ortstrennung</li>
<li type="square">Schreibweise 3. Person Singular, Präteritum</li>
<li type="square">FSK 16 Rating (Wir bitten ausserdem zur Kenntnis zu nehmen, dass in diesem RPG Gewalttaten, Drogenkonsum, Missbrauch, Prostitution, Drohungen, Selbstverletzung, etc. eine Rolle spielen.)</li>
<li type="square">Keine Mindestpostlänge</li>
<li type="square">Buchcharaktere und freie Charaktere möglich</li>
</ul>
<br>
<hr />
<img src="http://fs1.directupload.net/images/150220/quepiyf5.png" title="Kostenlos Bilder und Fotos hochladen">
<div class="links">
<style>.links a { text-decoration:none; color:#454545 !important; }.links a:visited { text-decoration:none; font-weight:bold; color:#454545  !important; }.links a:active { text-decoration:none; font-weight:bold; background-color:#454545  !important; }.auto-style1 {font-size: xx-small;}.auto-style2 {text-align: right;}</style>

<a href="http://district13rising.forumieren.com/" target="_blank" >Forum</a>
<a href="http://district13rising.forumieren.com/t1-das-regelwerk" target="_blank">Regeln</a>
<a href="http://district13rising.forumieren.com/f77-gesuche" target="_blank">Gesuche</a>
<a href="http://district13rising.forumieren.com/f60-gastebuch" target="_blank">Gästebuch</a>
<a href="http://district13rising.forumieren.com/f49-partner-gaste" target="_blank">Partnerarea</a>
</div>
<div class="auto-style2">
<br>
<br>
<span class="auto-style1"> ©AG</span>
</div></div></div></center>

Danke dir ich werde es mal versuchen!