Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

Liebes Support-Team!

In meinem Testforum bereite ich zurzeit etwas für unser richtiges Forum vor, das ich dort zum 1. Dezember aktivieren möchte.
Dazu habe ich mit meinen elementaren html-Kenntnissen schon mal testweise drei Webseiten unter Admin > Layout > Eigene Seiten erstellt, die ich dann im Großen und Ganzen nur von meinem Testforum in unser richtiges Scrabble3D-Forum rüberzukopieren brauche.

Bei der ersten Webseite wird sowohl im IE8 als auch im FF und in Google Chrome ein riesiger Abstand zwischen dem Bild und dem darunterliegenden Text angezeigt. Bevor ich den Text unter dem Bild eingefügt hatte, wurde unter dem Bild aber auch schon dieser hässliche Freiraum bzw. Abstand angezeigt. Ich kann mir nicht erklären, wie es dazu kommt, denn in meinem html-Quellcode kann ich nirgends erkennen, dass gleich mehrere zusätzliche Zeilenumbrüche mit dem <br>-Tag oder sonst irgendwelche merkwürdigen html-Kommandos eingefügt wären.

Ingmar oder Fabian, könnte vielleicht einer von euch, lieb wie ihr immer seid, da mal reingucken und schauen,
• ob der Fehler an meinem eigenen Quellcode liegt
• oder ob es es sich vielmehr um einen Bug in der Forumssoftware handelt ?

Hier der besagte Link in meinem Testforum: http://555628.xobor.com/page-555628-1.html

Diese Ansicht ist für Gäste und Members jedoch deaktiviert, aber ich nehme an, dass ihr als Miranus'sche Mega-Oberbosse und Hyper-Überadmins trotzdem überall in den Edit-Modus reinkommt und euch den Code ansehen könnt. Falls dem nicht so ist, dann sagt mir bitte Bescheid.

Ich danke euch schon im Voraus!

Herzlichst, Bussinchen

Ich möchte weitere Seiten anlegen.

Dazu habe ich mit der "Guillotine" in Gimp ein Bild in einzelne Slices zerschnitten und möchte diese Slices jetzt zusammen mit einem eingebetteten Youtoube-Video wieder zu einem Ganzen zusammensetzen. Doch wie ich es auch anstelle, so ergibt sich immer ein hässlicher Abstand zwischen dem oberen linken Bild + dem Youtube-<iframe> und den beiden unteren Bildslices. Zwischen den linken und rechten Slices ergibt sich aber kein Zwischenraum, und so soll es auch sein. Insgesamt handelt es sich um drei Bilder und ein Youtube-<iframe>, d.h. vier Komponenten.

Dieser hässliche Abstand wird in allen drei Browsern gleich angezeigt: Im IE, im FF und in Chrome.

Was kann ich im html-Quellcode schreiben, um diesen Abstand zwischen oben und unten zu unterdrücken? Ich will doch keine zersägte Jungfrau anzeigen!
Geht das überhaupt mit dieser Forumssoftware?

Link: http://555628.xobor.com/page-home-to-scrabble3d.html

<p style="text-align: left;"><img src="http://img94.imageshack.us/img94/8513/drivehome00.jpg" alt="" border="0" /><iframe width="420" height="315" src="https://www.youtube.com/embed/0L6_wmwQ4Wg?rel=0" frameborder="0" allowfullscreen></iframe></p>
<p style="text-align: left;"><img src="http://img338.imageshack.us/img338/8398/drivehome01.jpg " alt="" border="0" /><img src="http://img830.imageshack.us/img830/275/drivehome11.jpg " alt="" border="0" /></p>
 

Hässlicher Abstand besteht auch dann, wenn ich die Bild-Slices in Form einer Tabelle anordne, mithilfe der Tags <table> <tr> <td> sowie cellpadding="0" cellspacing="0" und border="0".

Nichts greift: border="0" cellpadding="0" cellspacing="0" vspace="0" hspace="0"

Googele mich schon halb zu Tode, finde aber einfach kein html-Kommando, das die Abstände unterdrückt. Ich weiß, dass ich nicht gerade versiert bin in html, aber trotz meiner begrenzten html-Kenntnisse vermute immer stärker, dass es sich hier möglicherweise um einen Fehler in der Forumssoftware handeln könnte... Hm, warum sonst versteht die Forumswebseite die o.g. html-Befehle nicht... In allen möglichen html-Foren, wo genau meine Frage gestellt wurde, helfen die o.g. Tipps den Leuten. Nur bei mir tut sich einfach nichts...

http://555628.xobor.com/page-home-to-scrabble3d.html

Hat jemand eine Idee?

<table width="914" border="0" cellpadding="0" cellspacing="0" vspace="0" hspace="0">
<tr>
<td><img src="http://img94.imageshack.us/img94/8513/drivehome00.jpg" border="0" cellpadding="0" cellspacing="0" vspace="0" hspace="0" alt="" /></td>
<td><iframe width="420" height="315" src="https://www.youtube.com/embed/0L6_wmwQ4Wg?rel=0" frameborder="0" border="0" cellpadding="0" cellspacing="0" vspace="0" hspace="0" allowfullscreen></iframe></td>
</tr>
<tr>
<td><img src="http://img338.imageshack.us/img338/8398/drivehome01.jpg" border="0" cellpadding="0" cellspacing="0" vspace="0" hspace="0" alt="" /></td>
<td><img src="http://img830.imageshack.us/img830/275/drivehome11.jpg" border="0" cellpadding="0" cellspacing="0" vspace="0" hspace="0" alt="" /></td>
</tr>
</table>
 

Es ist umgekehrt: Das Video ist ein bisschen niedriger als das Bild links oben, und kleiner als die beiden unteren Bilder sowieso (http://555628.xobor.com/page-home-to-scrabble3d.html).

Ich habe es jetzt mit valign="bottom" und valign="top" versucht, aber nichts tut sich.
Ich habe auch darauf geachtet, dass in meiner Tabellenvariante keine Leerzeichen zwischen <td> und <img...> vorkommen. Ich habe alles probiert: grundsätzlich ohne Leerzeichen zwischen den Tags (vgl. White space), mal ohne Zeilenumbrüche im Code, mal mit zwecjks besserer Lesbarkeit des Codes - aber es tut sich einfach nichts! Zwischen den Bildern wird immer unverändert ein Abstand eingefügt, egal was ich mache.

Ich könnte jetzt höchstens noch versuchen, die width und height der einzelnen Slices anzugeben und zu schauen, ob sich dann vielleicht was tut.

Ich erinnere in diesem Zusammenhang auch noch einmal an mein allererstes Posting, mit dem ich diesen Thread eröffnet habe.

Lieber Ingmar,

erst mal herzlichen Dank für deine Antwort! Ich habe mich wirklich sehr gefreut über deinen Tipp und habe nun versucht, den umzusetzen.
Auf Anhieb hat es nicht geklappt mit der korrekten, nahtlosen Anzeige, und ich musste lang herumtricksen. Ich erspare dir die Details. Schießlich habe ich es einigermaßen hingekriegt, aber wie gesagt, eben nur einigermaßen, denn so richtig stimmt es nicht, und wie immer zicken auch die verschiedenen Browser wieder herum. Und so richtig klug werde ich aus dem Ganzen auch nicht, im Gegenteil, das alles verwirrt mich...

Im IE wird z.B. alles zentriert angezeigt, im FF und Chrome wird alles linksbündig angezeigt...

http://555628.homepagemodules.de/page-ho...scrabble3d.html

</table>
 

<style type=text/css">.default-css td{padding: none !important;} </style>
 
<table style="width: 914px;" border="0" cellspacing="0" cellpadding="0">
 
<tr style="vertical-align: bottom;">
<td><img style="vertical-align: bottom;" src="http://img818.imageshack.us/img818/8862/drivehome00ahorn.jpg" alt="" height="346" width="602" border="0" hspace="0" /></td>
<td><iframe frameborder="0" height="346" width="550" src="https://www.youtube.com/embed/0L6_wmwQ4Wg?rel=0"></iframe></td>
</tr>
<tr style="vertical-align: top;">
<td><img src="http://img338.imageshack.us/img338/8398/drivehome01.jpg" alt="" height="874" width="604" border="0" hspace="0" /></td>
<td><img src="http://img830.imageshack.us/img830/275/drivehome11.jpg" alt="" height="874" width="552" border="0" hspace="0" /></td>
</tr>
 
</table>
 
 

Ach Gott Ingmar, das finde ich aber süß von dir, dass du mir so behilflich bist! Ich hatte gar nicht erwartet, dass du dir Zeit für so ein langes Posting nimmst und Sachen erklärst, die eigentlich gar nichts mehr mit der Forumssoftware zu tun haben, sondern mit meinen kleinen, im Grunde unwichtigen, weil überhaupt nicht notwendigen Adventsspielereien...

Im Moment habe ich nicht die Möglichkeit, mich in deinen eminenten Code hineinzudenken und das Resultat in vivo, sprich in den Browsern, anzugucken. Ich hoffe aber, ich komme morgen dazu.

Und ich hoffe, dass mir dabei ein Licht aufgehen wird --> und dass ich etwas dazulerne, damit ich's das nächste Mal allein hinkriege!
Ich danke dir jedenfalls für deine Geduld und freu mich über deine Handreichung!
Ich sag dir das jetzt mal auf Bussinchen-Ha-té-em-ellisch:

<rosefueringmar><div style ingmar="Klasse!" comment="ingmaristsuper" height="top!"></div></rosefueringmar> ;-)



Lieben Gruß
Bussinchen

Lieber Ingmar,

leider bin ich schon wieder festgefahren... Um mit Sokrates' Worten zu sprechen: Ich weiß, dass ich nichts weiß.
Ich war so frisch und unbedarft und in guter Absicht an die ganze Sache rangegangen und hatte mir eingebildet, dass ich das schon hinkriegen würde. Mittlerweile habe ich aber erkannt, dass meine Kenntnisse im Grunde genommen nicht ausreichen, solche Sachen zu machen... Mit den eigenen Webseiten ist es noch mal anders als wenn man einfache Forumsbeiträge mittels html bearbeitet... Dessen war ich mir nicht bewusst... <seufz>

Achtung, jetzt kommt Computerdenglisch der übelsten Sorte:

Langer Rede kurzer Sinn: Ich müsste noch wissen, wie ich auf meinen Zusatzwebseiten die Anzeige der background-color: #F9F9F9; aus dem CSS deaktivieren und stattdessen als Hintergrund für mein Gesamtbild mit dem embedded Youtube-<iframe> das background-image, das normalerweise unter TABLE steht, statt der background-color: #F9F9F9; aktivieren kann.

TABLE {
background-image: url("https://files.homepagemodules.de/b555628/a_23_b0a58cfe.jpg");
background-position: top;
background-repeat:repeat;
}
 
 

Und zentrieren würde ich das Ganze auch noch gerne. Aber da schau ich mal, ob ich das nicht alleine hinkriege, weil es mir allmählich schon peinlich ist, solche Dinge zu fragen. Die Alternative wäre, mein Vorhaben komplett abzublasen und zu hoffen, dass ich bis zum 1. Dezember 2012 etwas mehr html und CSS kann...

Tschüss und schönen Abend noch...
Bussinchen

Hier der Link zu meinem Testforum: http://555628.xobor.com/

Das Zentrieren war kein Problem, aber mit dem #F9F9F9-weißen Hintergrund komm ich einfach nicht voran...

Statt des weißen Hintergrunds hätte ich gern das Ahornpaneel
https://files.homepagemodules.de/b555628/a_23_b0a58cfe.jpg. Hab schon alles Mögliche probiert, aber ich krieg's nicht hin.

Schlimmstenfalls lasse ich es halt so: http://555628.xobor.com/page-drivetoscrabble3d.html

Schöner wär's aber schon mit dem Holzhintergrund, da wir in unserem richtigen Forum die Farbe EBEFF2 haben, die mir für die eigene Seite noch weniger gefällt als F9F9F9.


Inzwischen ist meine Frage, glaube ich, nicht mehr nur privater Art. Ich denke vielmehr, dass möglicherweise mehrere User daran interessiert sind zu erfahren, wie man im Standard-Template die background-color durch ein Bild ersetzt.

Ich glaube, dass das im Quellcode der Webseite dieser Passus ist:

<div align="center" style="margin:0 auto;padding:0;margin-top:5px;width:auto;border:0px;"><table cellspacing="0" cellpadding="0"  border="0" align="center" style="opacity: 0.6;filter:alpha(opacity=60);-moz-opacity:.60;margin-top:2px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; border:1px solid #000000; background-color:#F9F9F9;width:auto;">
 

Das Bild sollte kacheln und die gesamte Fläche, die jetzt die Farbe #F9F9F9 hat, abdecken.

--------------------------

PS: Irgendwann, wenn ich mehr Zeit habe, wollte ich mich sowieso mal ranmachen ans Design unseres Scrabble3D-Forums und das ein bisschen gefälliger machen. Insofern betrachte ich meine derzeitigen Aktivitäten ein bisschen als eine Art Vorübung...

Hallo Ingmar!

Ich habe es jetzt so gelöst, dass ich das Bild noch einmal völlig neu gegimpt und neu guillotiniert habe, und den Code mit den neuen Abmessungen, die ich in Gimp recht gut ermitteln konnte, versehen habe. Das Holzpaneel habe ich in dem Bild jetzt einfach weggelassen und doch den gräulichen Hintergrund genommen. Aber jetzt ist es 1A.

Abschließend noch mal herzlichsten Dank für den korrekten html-Code - der war und ist mir wirklich sehr nützlich.
Hier realiter die Umsetzung: http://17085.homepagemodules.de/page-hometoscrabble3d.html

Es macht mir Spaß, unser Forum mal auf diese neue Art und Weise zu adminnen!

Lieben Gruß
Bussinchen