Problem mit gesliceden Tabellen

[vI3Tz]

Hallo zusammen!
Ich bin gerade dabei mir ein eigenes Template zu basteln!
Allerdings bin ich dabei auf ein Problem gestoßen für das ich einfach keine Lösung finde!
Und zwar habe ich mit Photoshop ein design erstellt welches den Rahmen für mein Forum bilden soll!
Also habe ich die slices in die overall_header.tpl und die overall_footer.tpl aufgeteilt.
Allerdings werden die Bilddateien nur angezeigt wenn ich sie mit <img src=""> eingefügt sind! Will ich sie als hintergrund einfügen mit <td background =""> werden sie nicht mehr angezeigt.
Woran könnte das liegen??

[Valerie Raghnall]

Hi,

versuch's doch mal so:

Code: Alles auswählen

<td style="background-image:url(background.jpg)">

[vI3Tz]

Danke für deine Antwort!
Hat aber leider nicht genützt!
ICh bin aber mittlerweile soweit, dass ich weiss das es an der .css-datei liegen muss! Habe mal versucht ein anderes Template zu grunde zu legen und dort hat es geklappt!
Leider möchte der ersteller dieses Templates nicht das es editiert wird und ich habe es daher nur zu testzwecken gemacht!
Ich benutze als grundlage die.css-datei von SubSilver!
Muss ich vll etwas dabei ändern?

Code: Alles auswählen

/*
  The original boehsekumpelz Theme for phpBB version 2+
  Created by HaRRy
  http://www.KCboehsekumpelz.de
*/


 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	
	border: none;
	scrollbar-3dlight-color: #A5A4A4;
	scrollbar-arrow-color: #006699;
	scrollbar-darkshadow-color: #1A1A1A;
	scrollbar-face-color: #8E8E8E;
	scrollbar-highlight-color: #BEBEBE;
	scrollbar-shadow-color: #5B5B5B;
	scrollbar-track-color: #636363
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #000000; }
a:hover		{ text-decoration: underline; color : #DCDCDC; }
hr	{ border: none #d1d7dc; height: 0px }


/* This is the border line & background colour round the entire page */
.bodyline	{ }

/* This is the outline round the main forum tables */
.forumline	{ background-color: #B7B7B7; border: solid 1px #000 }


/* Main table cell colours and backgrounds */
td.row1	 { background: #696969 url(images/row13.gif) }
td.row2	 { background: #808080 url(images/row2.jpg) }
td.row3	 { background: #a9a9a9 url(images/row13.gif) }


/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background: #3f3f3f repeat; border-top: none; border-right: none #fff; border-bottom: none; border-left: none
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #FFA34F; font-size: 11px; font-weight : bold;
	background-color: #006699; height: 25px;
	background-image: url(images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image: url(images/cellpic1.gif);
			background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;
}


/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
	background-color: #D1D7DC; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* 
  Settings of the boxes
*/
td.boxOL { background-image: url(images/boxes_01.gif); width:15px; height:32px; }
td.boxOM { background-image: url(images/boxes_02.gif); height:32px; }
td.boxOR { background-image: url(images/boxes_03.gif); width:15px; height:32px; }
td.boxML { background-image: url(images/boxes_04.gif); width:2px; }
td.boxMM { background-image: url(images/boxes_05.gif); }
td.boxMR { background-image: url(images/boxes_06.gif); width:2px; }
td.boxU { background-image: url(images/boxes_07.gif); height:2px; }
td,boxAB { background-image: url(images/Abstandshalter.gif); height:1px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	{
			color: #000000; font-weight: bold; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.genmedlight { color: #a9a9a9; font-size: 10px }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall  { color: #000000; text-decoration: none }
a.gen:visited,a.genmed:visited,a.gensmall:visited { color: #000000; text-decoration: none }
a.gen:hover,a.genmed:hover,a.gensmall:hover	  { color: #dcdcdc; text-decoration: underline }


/* The register, login, search etc links at the top of the page */
.mainmenu { color: #696969; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
a.mainmenu { color: #696969; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
a.mainmenu:visited { color: #696969; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
a.mainmenu:hover { color: #000; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }


/* Forum category titles */
.cattitle { color: #a9a9a9; font-weight: bold; font-size: 12px; text-decoration: none; letter-spacing: 1px }
a.cattitle { color: #a9a9a9; text-decoration: none }
a.cattitle:visited { color: #a9a9a9; text-decoration: none }
a.cattitle:hover { color: #d3d3d3; text-decoration: none }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink { color: #000; font-weight: bold; font-size: 12px }
a.forumlink { color: #000; text-decoration: none }
a.forumlink:visited { color: #000; text-decoration: none }
a.forumlink:hover { color: #c0c0c0; text-decoration: underline }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav { color: #000000; font-weight: normal; font-size: 11px }
a.nav { color: #000; text-decoration: none }
a.nav:visited { color: #000; text-decoration: none }
a.nav:hover { color: #dcdcdc; text-decoration: underline }


/* titles for the topics: could specify viewed link colour too */
.topictitle	{ color: #000; font-weight: normal; font-size: 11px }
a.topictitle:link { color: #323232; text-decoration: none }
a.topictitle:visited { color: #323232; text-decoration: none }
a.topictitle:hover { color: #d3d3d3; text-decoration: underline }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { color: #d3d3d3; font-size: 11px }

/* Location, number of posts, post date etc */
.postdetails { font-size : 10px; color : #000000; }

/* The content of the posts (body of text) */
.postbody { color: #000; font-size: 12px }
a.postlink:link	{ color: #000; text-decoration: none }
a.postlink:visited { color: #000; text-decoration: none }
a.postlink:hover { color: #fff; text-decoration: underline }


/* Quote & Code blocks */
.code {
	color: #000;
	font-size: 11px;
	font-family: Courier, "Courier New", sans-serif;
	background-image: url(images/bk-w.jpg);
	border: solid 1px #000 
}

.quote {
	color: #444444;
	font-style: normal;
	font-size: 11px;
	line-height: 125%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #c0c0c0 url(images/bk-w.jpg);
	border: solid 1px #000 
}


/* Copyright and bottom info */
.copyright { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright	{ color: #444444; text-decoration: none;}
a.copyright:visited { color: #444444; text-decoration: none }
a.copyright:hover { color: #000000; text-decoration: underline;}


/* Form elements */
input,textarea, select {
	color: #000000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border: #000000 
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background: #c0c0c0 url(images/bk-w.jpg);
	border: solid 1px #696969 
}

input { text-indent: 2px }

/* The buttons used for bbCode styling in message post */
input.button {
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #dcdcdc;
	border: solid 1px #696969
}

/* The main submit button option */
input.mainoption {
	font-weight: bold;
	background-color: #a9a9a9;
	border: solid 1px #696969
}

/* None-bold submit button */
input.liteoption {
	font-weight: normal;
	background-color: #a9a9a9;
	border: solid 1px #696969
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #dcdcdc; border: none }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");

Wäre sehr dankbar für jede antwort!

[Valerie Raghnall]

Hmm... also im Moment bin ich etwas verwirrt, was du nun wirklich machen willst... Wenn du nur den Header und den Footer ändern willst, sollte mit einer normalen Tabelle eigentlich die CSS nicht viel zu tun haben... Wie wär's mal mit einem Screenshot auf dem du einzeichnest was du gern hättest? Aber bitte als Link... das gilt übrigens auch für Dateien, die sind auch lieber als Link gesehen

[vI3Tz]

Oh ok sorry!
Also das Hauptdesign der Seite soll wie folgt aussehen:
Design

Nun möchte ich diese Tabelle in header und footer aufteilen! Dies klappt im moment allerdings nur wenn ich die bildateien in die tabelle per <img> einfüge!
Allerdingssoll natürlich noch text eingefügt werden und natürlich das forum ! deswegen müssen die bilddateien als hintergründe in die tabellenzellen!
Hab nun alles ausprobiert und es klappt nur wenn ich eine andere .css-datei benutze. Habe die vom c3s-Template versuchsweise benutz!
Kann mir allerdings auch nicht erklären woran das liegen könnte!
Also ich habs jetzt mal bei der c3s-datei gelassen damit du weisst wie es aussehen soll
Soll


damit du auch ein einblick in die andere css-datei hast ist sie hier nochmal:
c3s.css

[Valerie Raghnall]

humkay... soweit so klar *g*

die frage, die sich mir immer noch stellt ist, warum willst du das im css und nicht in der overall_header.tpl und overall_footer.tpl machen?

im grunde - so wie ich das sehe - brauchst du nur in der overallheader.tpl eine tabelle anzufangen, in der du den kopfbereich und den randbereich definierst, sowie den inhaltsbereich (also da wo das eigentliche forum ohne menü drin ist)... das ganze schließt du dann in der overall_footer.tpl und packst da noch die letzte zeile (grauer rand unten) mit rein... dann wär's das... und das restliche forum ist einfach mit schwarzem hintergrund belassen...

so würde ich das zumindest lösen, aber... vielleicht hab ich das alles auch einfach vollkommen falsch kapiert...

[vI3Tz]

wir kommen der sache näher
ich habe es ja so gemacht wie du sagtest!
Mein problem ist lediglich das die hintergrunddateien der tabelle nur mit der c3s datei angezeigt werden. wenn ich meine nutze dann nicht!
Für mich ein kleines mysterium!

[Valerie Raghnall]

du hast gesagt du benutzt subsilver als basis... css ist dort akiviert?
hast du schon mal versucht, einfach das mit reinzupacken für die verzeichnisstruktur, was da so drin steht? also den "verzeichnisplatzhalter"?