dreifarbig auf jeder Seite

[cc]

ja, hm, nicht richtig, siehe Dateianhang ?

[nettesekel]

OK, dann sollte der Pfad für die Home so aussehen

Code: HTML5

1. ./rot.png

und für die Unterseiten

Code: HTML5

1. ../rot.png

Je nachdem, wieviele Ebenen du für die Struktur festgelegt hast, können die Pfade einiger Unterseiten die tiefer liegen auch noch abweichen. Das wirst du ja sehen.

[cc]

gemacht...kein roter Streifen sichtbar 

[nettesekel]

OK, zum einen fehlt hinter dem Bildpfad das doppelte Hochkomma, welches zu Beginn des Pfades auch da ist... und dann fehlen nun auch die Codeschnipsel die am Body-Start und am Body-Ende eingefügt werden sollten. Warum sind die weg?

Es kann natürlich kein div#rot angezeigt werden, wenn es nicht da ist.

[cc]

Dann fügen wir diesen Code eben in die Seite direkt ein.
Ins Masterrahmen-html zwischen die Head-Tags...

Auf der Startseite:

Code: HTML5

1. <style type="text/css">
2.     #rot{
3.     width: 100%;
4.     background-image: url( "./assets/images/rot.png);
5.     background-repeat: repeat-y;
6.     background-position: 0% 0%;
7.     }
8. </style>

Auf den Unterseiten:

Code: HTML5

1. <style type="text/css">
2.     #rot{
3.     width: 100%;
4.     background-image: url( "../assets/images/rot.png);
5.     background-repeat: repeat-y;
6.     background-position: 0% 0%;
7.     }
8. </style>

Die Startseite braucht natürlich einen eigenen Masterrahmen, falls sie den nicht schon hat.

So habe ich das gemacht, also Code kopiert und eingefügt.
Aber ich habe NUR das eingefügt,
hätte ich am Body Start und Body Ende auch etwas (was ?) einfügen sollen ?

[nettesekel]

Ja, natürlich, die Anleitung hast du doch hier gestern noch zitiert... der letzte Teil dreht sich um die einfügung des divs... https://www.nof-community.de/fragen-zu-style-und-formatierungen/dreifarbig-auf-jeder-seite/msg19576/#msg19576

[cc]

sorry, aber ich habe nicht verstanden
was ich einbauen soll


nochmal - ist es so korrekt ?

Design
Reiter CSS Code:
Wechsle nun zum Reiter CSS in der Designansicht, scrolle nach ganz unten und füge
ganz unten folgenden Code ein...

Code: HTML5

    #rot{
    width: 100%;
    background-image: url( "Imagesrot.png);
    background-repeat: repeat-y;
    background-position: 0% 0%;
    }


Ins Masterrahmen-html zwischen die Head-Tags...

Auf der Startseite:
Code: HTML5

    <style type="text/css">
        #rot{
        width: 100%;
        background-image: url( "./assets/images/rot.png);
        background-repeat: repeat-y;
        background-position: 0% 0%;
        }
    </style>


Auf den Unterseiten:
Code: HTML5

    <style type="text/css">
        #rot{
        width: 100%;
        background-image: url( "../assets/images/rot.png);
        background-repeat: repeat-y;
        background-position: 0% 0%;
        }
    </style>


Die Startseite braucht natürlich einen eigenen Masterrahmen, falls sie den nicht schon hat.

Muss denn in den Masterrahmen jetzt auch noch:
Masterrahmens. Und zwar eine am Body-Beginn und eine am Body-Ende.

Am Beginn fügst du folgendes ein:
Code: HTML5

    <div id="rot">


Am Ende
Code: HTML5

    </div>

??

[nettesekel]

Die Einfügung, die du gerade gemacht hast, bleibt so wie sie ist. Du ergänzt da nur noch die Anführungszeichen am Ende des Pfads...

Code: HTML5

1. url( "../rot.png);

korrekt:

Code: HTML5

1. url( "../rot.png");

Dann fehlt nur noch das hier:

Am Beginn fügst du folgendes ein:

   

Code: HTML5

1. <div id="rot">

Am Ende

   

Code: HTML5

1.  </div>

Mit dem Code zwischen den Head-Tags der noch das Anführungszeichen braucht sagst du dem Browser, wie das div mit der ID=rot aussehen soll.

Mit dem letztgenannten Code fügst du dieses Div dann in deine Seite ein. Der Browser kann die Styleanweisungen ja nur anwenden, wenn auch das zugehörige Div vorhanden ist.

[cc]

Halleluja !!

[cc]

Schaust Du noch mal ?

Ist der Streifen zu breit zu prominent ?

Jedenfalls ist er da, meine Güte, ich fasse es nicht.

Jetzt muss ich die Links wieder einfügen und die Fomratierungen und dann noch den grüne Streifen optimieren, aber das mache ich dann im Neuen Jahr.

Danke nochmal für diese unglaubliche Geduld.

[nettesekel]

Sühst, war doch gar nicht so schwer... 
Und Essen ist nebenbei auch schon vorbereitet, da soll noch eine rmeckern. ;)

Mach erstmal fertig, die rote Grafik kann mann immernoch schmälern, wenn sie dir zu dominant erscheint.

Was deinen grünen Streifen angeht... wenn der exakt platziert ist, muss der Rest in  der Arbeitsansicht erledigt werden. Dort muss dann alles so platziert werden, dass es auf den Streifen passt. Da kann man dann natürlich nicht mal 1, mal 2 und mal 3 Navis untereinander legen und dann dem Streifen die Schuld geben, wenn es nicht passt. ;)

Das ist ein wenig Rechnerei...

[cc]

Nun komme ich nochmal zum Thema grün...

hier:
http://communicanis.de/Test/communicanis/communicanis.html
klappt es

und hier:
http://communicanis.de/Test/Seminare/Seminar_anbieten/seminar_anbieten.html
klappt es nicht.

Warum das wohl so ist ?

Und noch eine Frage zum rot: kann ich das irgendwo einstellen, dass es etwas schmaler wird, also wenn es jetzt 100% sind, dann denke ich wären so 80% ganz schön.

[cc]

Die Einfügung, die du gerade gemacht hast, bleibt so wie sie ist. Du ergänzt da nur noch die Anführungszeichen am Ende des Pfads...


alles so gemacht, jetzt ist auf den meisten, aber nicht auf allen Seiten der rote Streifen sichtbar.
Was kann ich denn tun, damit es auf allen Seiten am Rand erscheint ?

[nettesekel]

Je nachdem, wieviele Ebenen du für die Struktur festgelegt hast, können die Pfade einiger Unterseiten die tiefer liegen auch noch abweichen. Das wirst du ja sehen.

Die tiefer liegenden Seiten haben abweichende Pfade. entweder du passt alle Pfade an oder du kopierst die Grafik "rot" in die ganzen Unterverzeichnisse.
Dann würde ich sie aber ggf. vorab noch schmälern, da dir der Streifen ja ohnehin zu breit war.

[cc]

Wie kopier ich denn in Unterverzeichnisse ? 'rot' liegt ja in Assets, ich dachte das reicht ?

Und wie weiss ich den Pfad ?