 Willkommen auf dem Portal für Mediengestalter
|
|
|
| Autor |
Nachricht |
Teufel_in_Zivil
Threadersteller
Dabei seit: 13.02.2008
Ort: Moormerland
Alter: 36
Geschlecht: 
|
Verfasst Do 01.12.2011 13:38
Titel Hintergrundgrafik einer Tabelle mit css |
  |
|
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?
|
|
| |
  |
 |
lefoff
Dabei seit: 27.09.2006
Ort: KL
Alter: 39
Geschlecht: 
|
Verfasst Do 01.12.2011 13:55
Titel
|
|
|
Poste mal den entsprechenden Quelltext aus deiner HTML.
Wichtig ist auf jeden Fall mal, dass die Groß- und Kleinschreibung beim Dateinamen und -Pfad stimmt.
|
|
| |
|
|
|
Anzeige
|
|
|
Teufel_in_Zivil
Threadersteller
Dabei seit: 13.02.2008
Ort: Moormerland
Alter: 36
Geschlecht:
|
Verfasst Do 01.12.2011 14:18
Titel
|
|
|
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"> </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"> </td>
</tr>
<tr>
<td width="10" height="415"> </td>
<td width="400" height="415"><img src="Bilder/Home.jpg" width="400" height="415" /></td>
<td width="10" height="415"> </td>
<td class="zelle" width="594" height="415" valign="top" align="center">
<td width="10" height="415"> </td>
</tr>
<tr>
<td width="10" height="10"> </td>
<td width="400" height="10"> </td>
<td width="10" height="10"> </td>
<td width="576" height="10"> </td>
<td width="10" height="10"> </td>
</tr>
</table></td>
</tr>
<tr>
<td width="1021" height="120"><img src="Bilder/Fuss.jpg" width="1024" height="120" /></td>
</tr>
</table>
</body>
|
|
| |
|
|
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst Do 01.12.2011 14:25
Titel
|
|
|
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.
|
|
| |
|
|
Teufel_in_Zivil
Threadersteller
Dabei seit: 13.02.2008
Ort: Moormerland
Alter: 36
Geschlecht:
|
Verfasst Do 01.12.2011 14:31
Titel
|
|
|
|
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
|
|
| |
|
|
aUDIOfREAK
Dabei seit: 04.04.2002
Ort: Ansbach
Alter: 44
Geschlecht:
|
Verfasst Do 01.12.2011 14:45
Titel
|
|
|
| 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 
|
|
| |
 |
|
kiwi244
Dabei seit: 27.03.2011
Ort: Saarland
Alter: 53
Geschlecht:
|
Verfasst Do 01.12.2011 14:56
Titel
|
|
|
|
|
| |
|
|
Teufel_in_Zivil
Threadersteller
Dabei seit: 13.02.2008
Ort: Moormerland
Alter: 36
Geschlecht:
|
Verfasst Do 01.12.2011 15:07
Titel
|
|
|
|
Danke, dann werd ich mich damit mal anfreunden, wenn die Fachleute sagen, es ist damit einfacher.
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Hintergrundgrafik mit CSS
e-mail hintergrundgrafik
[css] link hintergrundgrafik: position
[CSS] Hintergrundgrafik 100% Höhe und Breite
Flash-Prob mit Arbeitsfläche u. Hintergrundgrafik
Dokumenten aus Vorlage fehlt die Hintergrundgrafik
|
|
|
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.
|
|
