Sie sind nicht angemeldet.

Fehler im Template "Simple"

Costa

Anfänger

  • »Costa« ist der Autor dieses Themas
  • Nachricht senden

1

Donnerstag, 10. September 2009, 21:57

Fehler im Template "Simple"

Hallo zusammen,

ich bin gerade dabei zum ersten Mal eine Webseite mit cms2day zu erstellen. Da der Aufbau des offziellen Simple Templates völlig ausreichend ist, habe ich mich dafür entschieden, die Grafiken entsprechend ausgetauscht und Hintergrundbilder in den CSS's eingefügt.
Nun stehe ich aber vor einem riesen Rätsel. wie ich einige Fehler beheben kann.

Ich habe die Fehler mal in einem Screenshot markiert:


1. oben der graue Balken soll komplett weg, bzw transparent sein ;)
2 Genau dasselbe gilt für den Balken über der Headergrafik.
3. Die Sub-Navi vervielfältigt die Hintergrundgrafik nur soweit, wie diese auch beschrieben ist. Der Rest wird in diesem nun unpassenden weiß dargestellt.
4. Dasselbe gilt ebenso für den Content-Bereich
5. Und im Footer auch wieder links und rechts weiße Stellen, die gerne auch mit der Hintergrundgrafik unterfüttert sein sollen.

Kann mir da einer bei Helfen und mir sagen, wo ich entsprechende Stellen wie ändern kann?
Irgendwoher müssen ja auch die Farbinformationen kommen. ;)

Vielen Dank im Vorraus!
Werbung

emet

Admin & Support

  • »emet« ist männlich

Beiträge: 2 530

Wohnort: Rhein/Main

Paypal:

  • Nachricht senden

2

Freitag, 11. September 2009, 13:54

Hallo und Willkommen im Forum.

Bei einem Bild kann man nicht sehen, an was es genau liegt.

Du musst schon zu deinen Problemen den Link dazu mit angeben, damit man sehen kann, was da geproggt wurde.

Also merken: Problem, dann immer Link dazu mitteilen, damit man die Seite aufrufen und in den Quellcode schauen kann.
Werbung

Costa

Anfänger

  • »Costa« ist der Autor dieses Themas
  • Nachricht senden

3

Freitag, 11. September 2009, 17:39

Ok, dachte wäre unnötig, da ich am Code ansonsten keine Änderungen vorgenommen habe, außer die entsprechenden CSS mit background-imge Tag erweitert ;)

Link: http://www.trinity-x.de
Werbung

cms2day

Profi

  • »cms2day« ist männlich

Beiträge: 1 282

CMS Version: 4.x/5.x

Beruf: Webentwickler

Paypal:

  • Nachricht senden

4

Freitag, 11. September 2009, 17:44

main.css

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13

#header {

width: 840px;
height: 120px;
padding: 5px;
background: #f1df44;
background-image: url(../images/bg2.png);
position: relative;
overflow: hidden;
border-top: 30px solid #f0f0f0;
border-bottom: 15px solid #f0f0f0;

}


-->

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12

#header {

width: 840px;
height: 120px;
padding: 5px;
background: #f1df44;
background-image: url(../images/bg2.png);
position: relative;
overflow: hidden;
border-top: none;

}


:thumbup:
Werbung

Costa

Anfänger

  • »Costa« ist der Autor dieses Themas
  • Nachricht senden

5

Freitag, 11. September 2009, 18:32

Ok, der Balken ist schonmal weg =)

Den Footer habe ich nun auch selbst gerichtet, indem ich die Angabe "left" angepasst habe und zusätzlich einen relativen Wert für den neu eingefügten Wert "width" angegeben habe.

Das Proble mit den weitßen Seiten ließe sich recht einfach lösen, indem ich bis zur entsprechenden Stelle Inhalt einfüge. Zwar nicht die feine englische Art, aber ein bisschen Schwund ist immer ;)

Bleibt nur die doofe Sub-Navi.

Werde es mal versuchen in der index einen Hintergrund in dem div-Tag einzufügen.

Falls jemand eine bessere Lösung ha ==> Ich bin immernoch da ;)
Werbung

emet

Admin & Support

  • »emet« ist männlich

Beiträge: 2 530

Wohnort: Rhein/Main

Paypal:

  • Nachricht senden

6

Freitag, 11. September 2009, 20:28

Du brauchst nicht alle Hintergründe einzeln zu ändern, sondern suche in der main.css nach ..

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13

#layer {

width: 850px;
padding: 0px;
background: url(../images/layer.jpg) repeat-y;
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0px auto;
text-align: left;

}


und ändere es so ab:

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13

#layer {

width: 850px;
padding: 0px;
background-image: url(../images/bg1.png);
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0px auto;
text-align: left;

}


Dann geht der Hintergrund über die gesamte Seite.

Du bist hier auch im falschen Forenbereich - wenn Du Fragen und Probleme zur technischen Umsetzung hast, dann bitte hier posten unter

HTML, CSS, PHP & Co.
Werbung

Ähnliche Themen