Seite 6 von 7

Re: Hintergrund dreigeteilt

Verfasst: 04.03.2010 19:28
von tazzi
ich danke dir schonmal im vorraus, kanns zur zeit nicht ausprobieren, kind ist krank. versuchs aber so schnell wie möglich, versprochen!

Re: Hintergrund dreigeteilt ( Hintergrundbild )

Verfasst: 22.03.2010 19:20
von WEEDman
Talk19zehn hat geschrieben:....
hmm so auf dem ersten Blick finde ich die Idee mit den div-Containern besser.. hat ja auch soweit funktioniert bis auf den Rand unten ;)
vorallem da ja dann eine variable Breitenangabe funktioniert
(hab deine Lösung aber noch nicht getestet)

Edit: hab gerade deinen anderen Thread gelesen und im Prinzip hast du ja bloß meinen Vorschlag abgeändert :-?

Re: Hintergrund dreigeteilt

Verfasst: 23.03.2010 19:39
von Talk19zehn
WEEDman hat geschrieben:
Talk19zehn hat geschrieben:....
hmm so auf dem ersten Blick finde ich die Idee mit den div-Containern besser.. hat ja auch soweit funktioniert bis auf den Rand unten ;)
vorallem da ja dann eine variable Breitenangabe funktioniert
(hab deine Lösung aber noch nicht getestet)

Edit: hab gerade deinen anderen Thread gelesen und im Prinzip hast du ja bloß meinen Vorschlag abgeändert :-?




Wenn man sich ein wenig auskennt, klappt´s auch mit dem unteren Bereich der Seite.

Dein Edit ---> Was soll eine derartige Bemerkung?
Deinen Beitrag kenne ich nicht und, was ich erarbeite, schreibe ich nirgends ab! Das, was hier gepostet ist, ist nichts, was die CSS - Welt nicht kennt. Sowas ist allgemein bekannt und auf zudem jeder guten Seite und in Büchern nachlesbar. :roll:

Re: Hintergrund dreigeteilt

Verfasst: 03.04.2010 21:45
von wrestling4you
hi danke für diesen Code um den Hintergrund dreigeteilt darzustellen, ich habe soweit alles hin bekommen nur habe ich das Problem das ich das Bild im Rechten Container nicht angezeigt bekomme ich füge diesen Code in meine Overall_footer.html ein:

Code: Alles auswählen

<div>
   <a id="bottom" name="bottom" accesskey="z"></a>
   <!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>
</div><!--Ende #forumwrap-->
</div><!--Ende #contentw-->

<div id="rechtsbox"></div><!--Ende #rechtsboxw-->

<div style="clear: left;"></div>

</div><!--Ende #wrapper3rechts-->
</div><!--Ende #wrapper2mitte-->
</div><!--Ende #wrapper1links-->

</body>
</html>
vor diesem Code steht nur noch ein Code vom Mod: Advertisement Management

das verrückte ist je nachdem wo ich den Code einfüge kann es passieren das das Bild für den Rechten Container überall, nur in der Forenübersicht oder überall nur nicht in der Forenübersicht angezeigt wird und das Rechte ist plötzlich auch zusehen.

Nach 3 Stunden des vergeblichen Probieren bin ich über jeden Lösungsvorschlag dankbar.

PS: Caches würden natürlich geleert und das Bild existiert auch in dem angegebenen Verzeichnis

Re: Hintergrund dreigeteilt

Verfasst: 03.04.2010 21:56
von Talk19zehn
Hallo wrestling4you ,

ich frage besser noch einmal: Was hast Du in die overall_header.html und im Theme eingefügt?


vgl. bitte ggf. viewtopic.php?f=89&t=203495

Uups: Link lässt sich im Zitat nicht darstellen?
Gehe es doch bitte noch einmal durch: Evtl hast Du irgendwo einen Eintrag versehentlich vergessen? viewtopic.php?f=89&t=203495

Beste Grüße

Re: Hintergrund dreigeteilt

Verfasst: 03.04.2010 22:06
von wrestling4you
ich habe unter dem Befehl </head> das hier eingefügt

Code: Alles auswählen

<div id="wrapper1links">
<div id="wrapper2mitte">
<div id="wrapper3rechts">
<div id="linksboxw">
<div style="margin-left: 1px; margin-top: 1px;">
</div>
</div><!--Ende #linksboxw-->
<div id="contentw">

Re: Hintergrund dreigeteilt

Verfasst: 03.04.2010 22:17
von Talk19zehn
OK - fülle die Container mit Inhalt:

Code: Alles auswählen

<div id="wrapper1links">
<div id="wrapper2mitte">
<div id="wrapper3rechts">
<div id="linksboxw">
... oder / und Inhalt...
<div style="margin-left: 1px; margin-top: 1px;">
<img src="http://TESTbild.gif" alt="..." border="0" width="70" height="400">&nbsp;
</div>
Lorem ....hier kommt TEXT... oder/und

...</div><!--Ende #linksboxw-->
<div id="contentw">
Übernimm es bitte einfach mal so und es sollten Dir die beispielhaften Inhalte angezeigt werden.

Re: Hintergrund dreigeteilt

Verfasst: 03.04.2010 22:23
von Talk19zehn
wrestling4you hat geschrieben:hi danke für diesen Code um den Hintergrund dreigeteilt darzustellen, ich habe soweit alles hin bekommen nur habe ich das Problem das ich das Bild im Rechten Container nicht angezeigt bekomme ich füge diesen Code in meine Overall_footer.html ein:

Code: Alles auswählen

<div>
   <a id="bottom" name="bottom" accesskey="z"></a>
   <!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>
</div><!--Ende #forumwrap-->
</div><!--Ende #contentw-->

<div id="rechtsbox"></div><!--Ende #rechtsboxw-->

<div style="clear: left;"></div>

</div><!--Ende #wrapper3rechts-->
</div><!--Ende #wrapper2mitte-->
</div><!--Ende #wrapper1links-->

</body>
</html>
vor diesem Code steht nur noch ein Code vom Mod: Advertisement Management

das verrückte ist je nachdem wo ich den Code einfüge kann es passieren das das Bild für den Rechten Container überall, nur in der Forenübersicht oder überall nur nicht in der Forenübersicht angezeigt wird und das Rechte ist plötzlich auch zusehen.

Nach 3 Stunden des vergeblichen Probieren bin ich über jeden Lösungsvorschlag dankbar.

PS: Caches würden natürlich geleert und das Bild existiert auch in dem angegebenen Verzeichnis

Gib auch im Footer dem Container einen vorläufigen Inhalt:

<div id="rechtsbox"> ..........Inhalt / Text.........</div><!--Ende #rechtsboxw-->



LG


Es sollten Dir die Bereiche angezeigt werden.

PS.: Ich setzte voraus, dass das Stylesheet / Theme geändert wurde? Da Du sagst, soweit habe ich es hinbekommen. Ist das richtig?

Re: Hintergrund dreigeteilt

Verfasst: 03.04.2010 22:41
von wrestling4you
dadurch wird mein Bild auf der Linken Seite überlagert. Nach dieser Anpassung ist es wieder so das auf der Forenübersicht Seite nur das Beispiel Bild auf der Linken Seite angezeigt wird und rechts ist nix. Und auf allen anderen Seiten wird mein Bild mit dem Beispiel Bild überlagert während Rechs nix angezeigt wird.

Das ist der Code den ich eingefügt habe:

Code: Alles auswählen

</head>
<div id="wrapper1links">
<div id="wrapper2mitte">
<div id="wrapper3rechts">
<div id="linksboxw">
TNA Superstars<div style="margin-left: 1px; margin-top: 1px;">
<img src="http://wrestlingsky.cwsurf.de/images/rechts.png" alt="..." border="0" width="70" height="400">&nbsp;
</div>
TNA Superstars</div><!--Ende #linksboxw-->
<div id="contentw">
und beim Footer siehrtt es so aus

Code: Alles auswählen

<div>
   <a id="bottom" name="bottom" accesskey="z"></a>
   <!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>
</div><!--Ende #forumwrap-->
</div><!--Ende #contentw-->
<div id="rechtsbox">Superstars</div><!--Ende #rechtsboxw-->

<div style="clear: left;"></div>

</div><!--Ende #wrapper3rechts-->
</div><!--Ende #wrapper2mitte-->
</div><!--Ende #wrapper1links-->
    </body>
    </html>
Und mein Stylesheet sieht so aus

bei body und #wrap habe ich die Angaben ersetzt und unten diesen Code hinzugefügt

Code: Alles auswählen

  #wrapper2mitte
    {
background-image: url(http://wrestlingsky.cwsurf.de/images/mitte.jpg);
   background-position: 10% 0;
background-repeat: repeat-y;
    }

   #wrapper1links
    {
    background-image: url(http://wrestlingsky.cwsurf.de/images/links.png);
   background-position: 0 0;
background-repeat: repeat-y;
    }

    #wrapper3rechts
    {
    background-image: url(http://wrestlingsky.cwsurf.de/images/rechts.png);
   background-position: 100% 0;
background-repeat: repeat-y;
}

#linksboxw
{
float: left;
width: 7%;
padding: 1%;
}

#contentw
{
float: left;
width: 80%;
padding: 1%;
}

#rechtsboxw
{
float: center;
width: 7%;
padding: 1%;
}

Re: Hintergrund dreigeteilt

Verfasst: 03.04.2010 22:57
von Talk19zehn
Rechts müsste "Superstars" stehen.

OK: Demnach hast Du dem Wrapper links ( Theme ) ein entsprechendes Hintergrundbild zugewiesen? Denn nur dadurch kann m. E. die beschriebene Überlagerung stattfinden. So nimm das Testbild bitte wieder heraus. Lasse den sonstigen Text bitte einfach stehen.

Hast Du den (übrigen) Wrappern generell einen Hintergrund --> Bild zugewiesen? Bspw. einen Farbverlauf?
Siehe bitte Beispiel: 2000px (Breite) x 1380px (Höhe)?