Hintergrundbild Tabelle

[MIKNE]

schönen guten Abend!
hab da eine Sach die mir föllig rätselhaft erscheint, aber kann nur an einer CSS eingabe liegen, die ich nicht finde.

Arbeite mit Dreamweaver CS 3

die eingabe im Body:
BODY {
background-color: #ffffee;
background-image: url(../images/main_hg.gif);
background-repeat: repeat-y;
}

#content h1 {
width: 510px;
height: 35px;
font-size: 16px;
color: #006600;
}
#content {
width: 555px;
position: absolute;
top: 216px;
left: 224px;
}

jetzt erstelle ich eine Tabelle im content und diese nimmt automatisch den Bodyhintergrund an und wenn ich einen anderen Hintergrund eingebe, verändert sich der Hg im Body.

woran kann das liegen?

 

[leohh]

AW: Hintergrundbild Tabelle

scheint mir irgendwie logisch, dass wenn ich einen Hintergrund aendere sich der Hintergrund aendert ..
Oder hab ich hier was verpasst

 

[cebito]

AW: Hintergrundbild Tabelle

Da die Tabelle keinen Hintergrund hat, "scheint" der body-bg nur durch. Wenn du, wie du sagst "einen neuen Hintergrund eingibst" machst du das wahrscheinlich für den body und nicht für die Tabelle.
Insofern @leohh kann ich nur zustimmend nicken

 

[MIKNE]

AW: Hintergrundbild Tabelle

Danke für die Antworten,
das ist mir schon klar mit dem Hintergrund, aber ich habe es noch nie erlebt, daß, wenn ich eine neue Tabelle erstelle diese automatisch den Body Hg annimmt, das ist es, was ich nicht begreife, irgendwo muss im gesamten CSS wohl ein Fehler sein, aber ich finde ihn nicht!

 

[cebito]

AW: Hintergrundbild Tabelle

irgendwo muss im gesamten CSS wohl ein Fehler sein, aber ich finde ihn nicht!

Ich auch nicht, da meine Glaskugel derzeit in Reparatur ist - starke Verschleißerscheinungen wegen übermäßigen Gebrauchs im PSD-Forum - oder anders, poste doch mal die ganze css, am besten mit html und markiere die Tabelle um die es geht...

 

[thomasspeck]

AW: Hintergrundbild Tabelle

Ich vermute, dass Du eine Teilantwort schon bekommen hast. Tabellen sind von Natur aus eher scheue Gesellen, und machen sich gerne unsichtbar.
Das heisst, die Viecher tarnen sich so gut, das man den Hintergrund durchsieht.
Die Dinger nehmen nur mit Zwang eine andere Hintergrundfarbe oder Hintergrundbild an.

Machs im CSS!
Einfach table{ background-color und/oder background-image }
Ansonsten: Grundlagen pauken!
Es gibt nicht umsonst diese komischen Vögel die das Aufbauen und Gestalten von Websites - oft über Jahre - richtig lernen.

 

[MIKNE]

AW: Hintergrundbild Tabelle

@thomasspeck
kannst mirs glauben, die Grundlagen brauch ich nicht mehr pauken, meine erste Webseite habe ich soweit ich mich erinnere 1998 erstellt!

aber es treten halt manchmal Sachen auf, die dürfte es gar nicht geben, aber ich werde ich werde es euch mitteilen wo der Fehler lag, weil mir so etwas keine Ruhe lässt.

 

[leohh]

AW: Hintergrundbild Tabelle

Also noch mal, um meine lapidare Antwort von oben etwas zu konkretisieren:
Der Initialwert fuer background ist transparent und damit hast du bei deiner Tabelle einen durchschimmernden Hintergrund ( das meinte cebito ). Gehst du jetzt her und veraenderst diesen Initialwert im Body, dann bleibt der Initialwert in der Tabelle ja unberuehrt, da background sich im Gegensatz zu einigen anderen CSS-Werten nicht weiter vererbt. Somit ist das von dir hier beschriebene Verhalten richtig und auch korrekt.

Anscheinend standen in deinen frueheren Versuchen immer schon Werte fuer den Tabellenhintergrund schon fest, weshalb das keine Auswirkung, so wie du hier erlebt hast, stattfand. Eine andere Erklaerung dazu wuerde mir jetzt nicht ohne entsprechenden Code einfallen. Vllt. magst du den ja noch nachliefern.

Okay, ich lass die Erklaerung trotz deiner Vorkenntnisse mal fuer andere Leutchen stehen.

 

[thomasspeck]

AW: Hintergrundbild Tabelle

Hallo Leoh: treffend erklärt.

Schon interessant, dass man mit mehr als 10 jähriger Webcoding Erfahrung einige Posts braucht, um es zu raffen - Sorry Mikne - aber da konnte ich nun nicht widerstehen - Steilvorlage.

 

[MIKNE]

AW: Hintergrundbild Tabelle

hallo leohh,
du schriebst:
Gehst du jetzt her und veraenderst diesen Initialwert im Body, dann bleibt der Initialwert in der Tabelle ja unberuehrt,

und genau das ist es was ich mir nicht erklären kann . .
die Tabelle bleibt eben nicht unberuehrt sondern übernimmt automatisch den Body Hg, ich geb da nicht einmal ein Hg. Bild oder Hg. Farbe ein

 

[TheDon0Ne]

AW: Hintergrundbild Tabelle

der hammer ^^

eure antworten immer der arme junge ist jetzt sicher ganz verschreckt


also nochmal auf deutsch für dich

im css der tabelle oder der zugewiesenen klasse der tabelle folgende werte eintragen und die im body bei dem alten hintergrundbild belassen

table [COLOR=DarkGreen][COLOR=Red]/[/COLOR] [COLOR=Black].class[/COLOR][/COLOR] {
   background-color: [COLOR=Red]oder[/COLOR] background-image:  [COLOR=Red]verwenden[/COLOR]
}

damit sollte das dann gehen ^^

P.S. keine angst die sind immer so :lol::lol::lol::lol::lol:




Edit:
natürlich solltest du die werte im css noch vervollständigen für die farbe nen code oder fürs bild nen pfad versteht sich

 

[thomasspeck]

AW: Hintergrundbild Tabelle

und genau das ist es was ich mir nicht erklären kann . .
die Tabelle bleibt eben nicht unberuehrt sondern übernimmt automatisch den Body Hg, ich geb da nicht einmal ein Hg. Bild oder Hg. Farbe ein

Ach Manno.

Der Body BG scheint DURCH

Das Ding kann keinen Hintergrund annehmen, weil es keinen hat! Alle Elemente haben von Grund auf erstmal transparent als Hintergrund.
Hintergründe werden nicht über die Cascade vererbt, nicht weitergegeben und auch nicht klammheimlich von bösen Elementen übernommen. Wenn Du also nicht willst das Deine olle Tabelle einen Hintergrund - oder den von Body zeigt - hat, dann sag es ihr! Sags mit CSS - die Blumen kommen später.

Ich habe es oben beschrieben, mein Vorposter hat es gesagt und andere auch .. mach es doch endlich.

 

[MIKNE]

AW: Hintergrundbild Tabelle

@TheDon0Ne
damit sollte das dann gehen ^^

damit geht es auch nicht, die Tabelle bleibt stur bei dem nicht gewünschen Hintergrund.

@ thomasspeck
Ach Manno.

bitte lesen, da ist ein gif im Hintergrund, das kann nicht durchscheinenen,
so blöd bin ich auch wieder nicht . . .und verschreckt schon gar nicht, weil da kommt ja auch nix rüber was brauchbar wäre

 

[leohh]

AW: Hintergrundbild Tabelle

Minke wie waere es denn mit einem Onlinebeispiel oder Quellcode
Der Fehler, sollte es denn wirklich einer sein, wird ganz offensichtlich sein - denk ich mir jetzt einfach mal.
Mich macht das jetzt schon irgendwie verdammt neugierig.

 

[thomasspeck]

AW: Hintergrundbild Tabelle

Oje, da hab ich aber danebengehauen.

Hab doch glatt übersehen, das der Hintergrund von Body ein gif ist.
Nochmal für Profis:

Der Hintergrund vom Body scheint durch die Tabelle, weil die Tabelle keinen Hintergrund hat. Möchtest Du das die Tabelle beispielsweise gelb ist, solltest Du es ihr mit CSS befehlen.
Genau das, was TheDon0Ne geschrieben hat, habe ich Dir auch schon gesagt.

Na, vieleicht hast Du recht und ich sollte meinen an den Nagel hängen, da ich Dir keine brauchbaren Tipps mehr geben kann.

 

[MIKNE]

AW: Hintergrundbild Tabelle

ok nochmals ganz emotionslos,

die Tabelle:

<div id="content_2">
<table width="100%" height="30" border="0" cellpadding="0" cellspacing="0">
<tr>
<img src="../transparent.gif" width="10" height="26" /></td>
<td width="98%" align="center" valign="middle" background="../images/Content_oben.gif" class="Stil2"><strong class="Titel1">Titel</strong></td>
</tr>
</table>

und es sollte so wie immer das "Content_oben.gif" erscheinen, nur es kommt das "main_hg.gif"
und das ist es was mir nicht einleuchten will

 

[thomasspeck]

AW: Hintergrundbild Tabelle

<div id="content_2">
  <table width="100%" height="30" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <img src="../transparent.gif" width="10" height="26" />[COLOR=Red]</td>[/COLOR]
<td width="98%" align="center" valign="middle" background="../images/Content_oben.gif" class="Stil2"><strong class="Titel1">Titel</strong></td>
    </tr>
  </table>

Du schliesst erstmal eine Zelle, die gar nicht geöffnet ist (rot).
Weiters hast Du hier einige CSS Selectoren, die in Deinem ersten Post nicht erwähnt werden. Es wäre interessant, das gesamte CSS zu sehen - wie oben schon gesagt wurde, wäre ein Online Beispiel sehr hilfreich.
Da mich dieses Poblem auch "emotional" interessiert, wäre ich auch mit einer zip oder rar Deines Projektes einverstanden um mir das lokal anzusehen (Mache ich sonst sicher nicht).

Warum definierst Du eine Zelle mit einem transparentem gif und eine weitere mit einem Hintergrundbild?

 

[MIKNE]

AW: Hintergrundbild Tabelle

hallo thomasspeck danke für die Antwort

Das transparent gif bestimmt die Höhe der Tabelle, ich weiß könnte auch im CSS angegeben werden, aber das ist ja nicht der springende Punkt.
habe das Problem sowieso mit divs erledigt, doch das mit der Tabelle geht mir nicht aus dem Sinn.

Hier die wichtigsten CSS

BODY {
background-color: #ffffee;
background-image: url(../images/main_hg.gif);
background-repeat: repeat-y;
}

#content h1 {
width: 510px;
height: 35px;
font-size: 16px;
color: #006600;
}


#content h2 {
padding: 10px 0px 2px 0px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}

#content h3 {
font-size: 16px;
font-weigth: normal;
margin: 0px;
padding: 2px 0px 2px 0px;
color: #006600;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content p, #sidebar p {
margin: 0px;
padding: 2px 0px 2px 0px;
line-height: 150%;
}
#content .clearer {
clear: both;
}
#content {
width: 555px;
position: absolute;
top: 216px;
left: 224px;
}

#ontent_2 {
width: 730px;
position: absolute;
top: 216px;
left: 224px;
}

jetzt ist mir aufgefallen dass ich den Body noch in einem anderen Css hab, und zwar:

HTML, BODY, TD, INPUT {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 150%;
background-image: url(../../images/main_hg.gif);
background-repeat: repeat-y;
}

sollte das der springene Punkt sein??
nein wars nicht, habe den ersten gelöscht, alles beim alten

 

[cebito]

AW: Hintergrundbild Tabelle

Hmm, zehn Jahre "Erfahrung" und es sieht immer noch so grauselig unstrukturiert aus wie bei einem, der sich sein Zeugs grad mal so irgendwie generieren lässt.

url(../images/main_hg.gif);
url(../../images/main_hg.gif);
<img src="../transparent.gif" width="10" height="26" />
background="../images/Content_oben.gif"

Gewöhn dir mal an bei nur Groß- oder nur Kleinschreibung zu bleiben (liegts vielleicht daran?) und die Bilder, die dein Design bestimmen in einem Verzeichnis zu hinterlegen. Dein transparent.gif scheint ja da irgendwo so nebenher rumzudümpeln.

[B][COLOR=Red]#ontent_2[/COLOR][/B] {
    width: 730px;
    position: absolute;
    top: 216px;
    left: 224px;
}

Heißt aber nicht, dass, wenn du nicht weißt ob du etwas groß oder klein schreiben sollst, du den Buchstaben ganz weglassen kannst... :lol:

Im übrigen empfiehlt es sich bei solchen Problemen den divs (oder Tabellen) mal einen Rahmen und/oder ne Hintergrundfarbe zuzuweisen, um zu sehen, was überhaupt angezeigt wird...

 

[thomasspeck]

AW: Hintergrundbild Tabelle

Hallo @Cebito!
Einen Teil der Antwort hast Du schon gegeben.

@Mikne:
Jetzt kommts.
Anfangs sprachst Du vom Hintergrund der Tabelle. Beim Html Schnippsel im vorletzten Post geht es aber um den HG einer <td>!
Und in Deinem CSS finde ich das (rot):

HTML, BODY, [COLOR=Red]TD[/COLOR], INPUT {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 150%;
    background-image: url(../../images/main_hg.gif);
    background-repeat: repeat-y;
}

Du rufst zwar im Markup ein anderes HG Bild auf - somit besitzt dieser Aufruf die höhere Spezifität, wird aber nicht angezeigt, weil dort der Pfad nicht stimmt (wie Cebito zeigt). Du siehst also den Hintergrund den Du im CSS definiert hast - und warscheinlich (so kann ich das nicht sagen) der ersten Zelle (die das transparent gif hält). Du hast ja alle Zellen dazu verdonnert, den Main HG anzuzeigen. Und das html, der Body, td und alle inputs noch dazu - wundert es DIch noch immer?

Ich muß meinem Vorredner zustimmen. Du magst ja ein paar Seiten gebaut haben, aber vermengst CSS und Tabelle zu einem Layout Konstrukt das vollig ungeplant erscheint. Klar das man iwan den Überblick verliert.

EDIT: Was mir vorhin nicht auffiel, ist, stimmt nun der Pfad in dem von mir mokiertem CSS Schnippsel? Hier läuft so ziemlich alles durcheinander. Abhilfe könnten auch die Plugins Firebug und Webdeveloper Toolbar für Firefox schaffen. Wie schon gesagt, über ein Online Beispiel würden wir uns alle freuen.