mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: So 09.08.2020 01:00 Benutzername: Passwort: Auto-Login

Thema: Hintergrundgrafik einer Tabelle mit css vom 01.12.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Hintergrundgrafik einer Tabelle mit css
Seite: 1, 2  Weiter
Autor Nachricht
Teufel_in_Zivil
Threadersteller

Dabei seit: 13.02.2008
Ort: Moormerland
Alter: 32
Geschlecht: Weiblich
Verfasst Do 01.12.2011 13:38
Titel

Hintergrundgrafik einer Tabelle mit css

Antworten mit Zitat Zum Seitenanfang

Hallo,

zu allererst: Ich bin absolut Anfänger auf dem Gebiet Non-print und kann bis jetzt nur einige Grundschritte. Ich habe zwar schon nach meinem Problem gesucht, aber das, was ich gefunden habe, hat mir nicht weiter geholfen, deshalb frag ich einfach noch einmal.

Ich habe eine Tabelle in DreamWeaver erstellt, die auch super funktioniert. Da passt alles. Ich kann Bilder einfügen und die werden auch angezeigt. Ein Bild hat mir allerdings Probleme gemacht und das ganze Format durcheinander gebracht. Nun hab ich mir bei selfhtml folgenden Code rausgesucht:
Zitat:
<td style="background-image:url(background.jpg)">
und dann mit dem Namen meines Bildes in meinen Code eingefügt. Hab das auch mal selber eingegeben (und die Vorgabe gewählt) und dann über die "Durchsuchen"-Funktion das Bild gewählt. Da das nicht funktioniert hat, hab ich danach in CSS eine Klasse angelegt, mit welcher ich das Bild in den Hintergrund legen will. Hab über das Einstellungsfenster alles eingegeben und ausgewählt und der CSS-Code sieht nun so aus und ich weiß, ehrlich gesagt nicht, was es mit der "visibility" auf sich hat:

.zelle {
background-attachment: fixed;
background-image: url(Bilder/hometext.jpg);
background-color: transparent;
background-repeat: no-repeat;
background-position: left top;
visibility: visible;
}

In Dreamweaver wird das Bild angezeigt, aber wenn ich auf die Vorschau in Safari oder Firefox gehe, sieht man nichts. In Opera wird nur die untere, rechte Ecke des Bildes oben links in der Ecke der Zelle angezeigt. Ich hab schon so viel gelesen und gesucht und weiß irgendwie nicht mehr weiter und als Neuling, der keine Ahnung hat, ist das echt anstrengend. Und wie schon geschrieben, die Themen, die ich dazu hier im Forum gefunden habe, haben mir auch nicht wirklich geholfen. Ich hoffe, ich hab mein Problem vernünftig beschrieben, bin ich richtigen Forum gelandet und werd nicht wieder rausgeworfen. Kann mir jemand bei dem Problem weiterhelfen?
  View user's profile Private Nachricht senden
lefoff

Dabei seit: 27.09.2006
Ort: KL
Alter: 35
Geschlecht: Männlich
Verfasst Do 01.12.2011 13:55
Titel

Antworten mit Zitat Zum Seitenanfang

Poste mal den entsprechenden Quelltext aus deiner HTML.
Wichtig ist auf jeden Fall mal, dass die Groß- und Kleinschreibung beim Dateinamen und -Pfad stimmt.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Teufel_in_Zivil
Threadersteller

Dabei seit: 13.02.2008
Ort: Moormerland
Alter: 32
Geschlecht: Weiblich
Verfasst Do 01.12.2011 14:18
Titel

Antworten mit Zitat Zum Seitenanfang

Hab jetzt mal den ganzen Body-Bereich genommen =)


<body onload="MM_preloadImages(' Gruis Homepage/html/Bilder/Home-gewaehlt.jpg','Bilder/Wir-ueber-uns-gewaehlt.jpg','Bilder/Unsere-Leistungen-gewaehlt.jpg','Bilder/Kontakt-Anfahrt-gewaehlt.jpg','Bilder/Links-Lieferanten-gewaehlt.jpg','Bilder/AGBs-gewaehlt.jpg','Bilder/Impressum-gewaehlt.jpg')" bgcolor="#fef7dc">
<table width="1027" height="850" align="center" border="0">
<tr>
<th width="1024" height="283"><img src="Bilder/Kopf.jpg" width="1024" height="240" />
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="index.html" target="_top" onclick="MM_nbGroup('down','group1','Home','Bilder/Home-gewaehlt.jpg',1)" onmouseover="MM_nbGroup('over','Home','Bilder/Home-gewaehlt.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="Bilder/Home-ungewaehlt.jpg" alt="Home" name="Home" border="0" id="Home" onload="" /></a></td>
<td><a href="ueberuns.html" target="_top" onclick="MM_nbGroup('down','group1','Wirueberuns','Bilder/Wir-ueber-uns-gewaehlt.jpg',1)" onmouseover="MM_nbGroup('over','Wirueberuns','Bilder/Wir-ueber-uns-gewaehlt.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="Bilder/Wir-ueber-uns-ungewaehlt.jpg" alt="Wir über uns" name="Wirueberuns" border="0" id="Wirueberuns" onload="" /></a></td>
<td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','UnsereLeistungen','Bilder/Unsere-Leistungen-gewaehlt.jpg',1)" onmouseover="MM_nbGroup('over','UnsereLeistungen','Bilder/Unsere-Leistungen-gewaehlt.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="Bilder/Unsere-Leistungen-ungewaehlt.jpg" alt="Unsere Leistungen" name="UnsereLeistungen" border="0" id="UnsereLeistungen" onload="" /></a></td>
<td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','KontaktAnfahrt','Bilder/Kontakt-Anfahrt-gewaehlt.jpg',1)" onmouseover="MM_nbGroup('over','KontaktAnfahrt','Bilder/Kontakt-Anfahrt-gewaehlt.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="Bilder/Kontakt-Anfahrt-ungewaehlt.jpg" alt="Kontakt/Anahrt" name="KontaktAnfahrt" border="0" id="KontaktAnfahrt" onload="" /></a></td>
<td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','LinksLieferanten','Bilder/Links-Lieferanten-gewaehlt.jpg',1)" onmouseover="MM_nbGroup('over','LinksLieferanten','Bilder/Links-Lieferanten-gewaehlt.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="Bilder/Links-Lieferanten-ungewaehlt.jpg" alt="Links/Lieferanten" name="LinksLieferanten" border="0" id="LinksLieferanten" onload="" /></a></td>
<td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','AGBs','Bilder/AGBs-gewaehlt.jpg',1)" onmouseover="MM_nbGroup('over','AGBs','Bilder/AGBs-gewaehlt.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="Bilder/AGBs-ungewaehlt.jpg" alt="AGBs" name="AGBs" border="0" id="AGBs" onload="" /></a></td>
<td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','Impressum','Bilder/Impressum-gewaehlt.jpg',1)" onmouseover="MM_nbGroup('over','Impressum','Bilder/Impressum-gewaehlt.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="Bilder/Impressum-ungewaehlt.jpg" alt="Impressum" name="Impressum" border="0" id="Impressum" onload="" /></a></td>
</tr>
</table></th>
</tr>
<tr>
<td width="1021" height="447">
<table width="1024" border="0">
<tr>
<td width="10" height="22">&nbsp;</td>
<td width="1004" height="22" colspan="3"><div id="ca-gruis-lohnunternehmen-breadcrumb">
<a href="index.html" style="padding-left:0px;" class="breadcrum">Home</a></div></td>
<td width="12" height="22">&nbsp;</td>
</tr>
<tr>
<td width="10" height="415">&nbsp;</td>
<td width="400" height="415"><img src="Bilder/Home.jpg" width="400" height="415" /></td>
<td width="10" height="415">&nbsp;</td>
<td class="zelle" width="594" height="415" valign="top" align="center">
<td width="10" height="415">&nbsp;</td>
</tr>
<tr>
<td width="10" height="10">&nbsp;</td>
<td width="400" height="10">&nbsp;</td>
<td width="10" height="10">&nbsp;</td>
<td width="576" height="10">&nbsp;</td>
<td width="10" height="10">&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td width="1021" height="120"><img src="Bilder/Fuss.jpg" width="1024" height="120" /></td>
</tr>
</table>
</body>
  View user's profile Private Nachricht senden
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein Status:0
Alter: 48
Geschlecht: Männlich
Verfasst Do 01.12.2011 14:25
Titel

Antworten mit Zitat Zum Seitenanfang

Das sieht mir nach einem antiquiertem Tabellen-Layout aus. Gewöhn dir das besser erst gar nicht an.

Tabellen sind für tabellarische Daten gedacht. Die Zeiten in denen die Teile als Layout-Krücke nötig waren sind seit ein paar Jahren vorbei.
  View user's profile Private Nachricht senden
Teufel_in_Zivil
Threadersteller

Dabei seit: 13.02.2008
Ort: Moormerland
Alter: 32
Geschlecht: Weiblich
Verfasst Do 01.12.2011 14:31
Titel

Antworten mit Zitat Zum Seitenanfang

Ja, wie schon geschrieben, ich bin absoluter Anfänger und kann nur die Grundschritte. Und mit den Tabellen finde ich es einfacher. Ich will ja auch irgendwann weiter gehen und das vernünftig lernen
  View user's profile Private Nachricht senden
aUDIOfREAK

Dabei seit: 04.04.2002
Ort: Ansbach
Alter: 40
Geschlecht: Männlich
Verfasst Do 01.12.2011 14:45
Titel

Antworten mit Zitat Zum Seitenanfang

Teufel_in_Zivil hat geschrieben:
Ja, wie schon geschrieben, ich bin absoluter Anfänger und kann nur die Grundschritte. Und mit den Tabellen finde ich es einfacher. Ich will ja auch irgendwann weiter gehen und das vernünftig lernen


lern es von anfang an gescheit... layout mit dem boxmodell is genau so einfach wie tabellen bauen - teilweise sogar noch einfacher... unter www.css4you.de findest du recht gute anleitungen für den einstieg. man muss nur einmal das float-prinzip verstanden haben, dann klappt das quasi von ganz alleine Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
kiwi244

Dabei seit: 27.03.2011
Ort: Saarland
Alter: 50
Geschlecht: Weiblich
Verfasst Do 01.12.2011 14:56
Titel

Antworten mit Zitat Zum Seitenanfang

* Ja, ja, ja... * * Ja, ja, ja... *
  View user's profile Private Nachricht senden
Teufel_in_Zivil
Threadersteller

Dabei seit: 13.02.2008
Ort: Moormerland
Alter: 32
Geschlecht: Weiblich
Verfasst Do 01.12.2011 15:07
Titel

Antworten mit Zitat Zum Seitenanfang

Danke, dann werd ich mich damit mal anfreunden, wenn die Fachleute sagen, es ist damit einfacher.
  View user's profile Private Nachricht senden
 
Ähnliche Themen Hintergrundgrafik mit CSS
[css] link hintergrundgrafik: position
[CSS] Hintergrundgrafik 100% Höhe und Breite
[CSS] Paddings in Tabelle
tabelle > css > problem :-(
Ist das ohne Tabelle nur mit CSS möglich?
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.