CSS in Vorlage bearbeiten

xxsparxx · 22.08.2007, 15:07

Hallo Leute,

ich habe folgendes Problem:

auf meiner Site (http://ingeberger.in.funpic.de), der rote längliche Balken, wo sich die vertikale Navigation befindet hat eine höhe von 761px. Wenn jetzt der Text rechts (wie bei Kontakt) daneben im lindgrünen Bereich etwas länger als 761px ist, ist der rote Balken natürlich zu kurz.
Wenn ich das Attribut background-repeat: repeat; hinschreibe, passiert garnichts und wenn ich das Attribut height:761px wegnehme hat der rote Balken garkeine Höhe mehr.
Kann ich den CSS (auf der Site, nicht ausgelagert) auf der Site Kontakt einzeln bearbeiten? Ich habe ja eine Vorlage gemacht und darum ist der CSS Bereich auf den Sites natürlich gesperrt.

Ich hoffe meine Beschreibung ist verständlich, sonst fragt doch bitte nochmal nach. Würde mich sehr freuen, wenn mir jemand helfen kann.

Besten Dank
xxsparxx

xxsparxx · 22.08.2007, 16:27

Was ich sagen wollte:

Kann mir jemand sagen wie ich auf dieser Site Ingeberger/kontakt.htm den vertikalen rötlichen Balken mit CSS so formatiere, dass er sich wiederholt, falls nötig?

Daten:
Der Balken hat 200px x 671px und der derzeitige Stylesheet sieht so aus:

#linkleiste {
background-image: url(../Template/navi_leiste.png);
background-repeat: repeat;
width: 200px;
height:671px;
padding-top:0px;
list-style-type:square;
background-attachment: scroll;
background-position: center top;
}

Danke, ich hoffe diese Erklärung ist etwas besser

MichaelM · 22.08.2007, 17:54

Hi,

warum speicherst Du die Stylesheets nicht in einer extra CSS-Datei.
Die brauchst Du dann ja nur noch in deiner Vorlage einbinden.
So kannst Du die CSS ohne großen aufwand ändern bzw. anpassen und brauchst nicht ewig in die Vorlage wechseln.

Einbinden in Deine Seite geht so:

<link href="css/deinstyle.css" rel="stylesheet" type="text/css" />

Mich@el · 22.08.2007, 19:33

Hallo,
Du könntest ein eigenes Div für Deine Navigation erstellen und dann ein kleines Stück des rötlichen (rosa?) Balkens wiederholen lassen.
Würde vom Code so aussehen:

PHP-Code:


			
<style type="text/css">

* {margin: 0;

padding: 0;

}

.verlauf { background:url(Verlauf.jpg);

background-repeat:repeat-x;

width: 100%;

height:671px;

}

</style>

PHP-Code:


			
<body>

<div class="verlauf">Raum für den Inhalt von  class "verlauf" ... </div>

</body>

Und in der Anlage habe ich Dir den Schnipsel vom Verlauf beigefügt.

Grüße
Michael

xxsparxx · 22.08.2007, 19:55

Danke schon mal!

Ich habe das vorher wohl zu kompliziert und zu wenig erklärt*gg*

Ich habe ein Bild, das fix 200 breit und 671 lang ist, jedoch soll es sich wenn die Seite etwas länger ist nach unten wiederholen.

Ich gebe im Div-Tag als height 100% an jedoch ist der Div-Container nur so lang wie ich Links drinnen stehen habe und füllt nicht die gesamte höhe der Site aus

Weiß jemand einen Trick wie ich den Div-Container über die gesamte Site bringe?
Ich habe bis jetzt Absätze gemacht, jedoch ist das ja nicht wirklich eine Lösung.

Mfg
sparxx

Rinaldo · 22.08.2007, 21:57

http://tp.webcreate-nrw.de/index.php...-mit-100-hoehe

xxsparxx · 23.08.2007, 10:52

Danke, genau das habe ich gesucht!