Hintergrundbild in Tabelle einfügen

katschipatschi · 15.09.2010

Hallo habe ein Problem und ich hoffe jemand hier kann mir weiterhelfen! Denn ich bekomms einfach nicht hin *g* auch nicht mit Hilfe von Google

ich habe immer mit frontpage gearbeitet.
Nun möchte ich ich mich ein bisschen im Dreamweaver versuchen.

Meine Frage:
Ich habe jetzt ein Tabelle erstellt.
Wie kann ich jetzt in diese Tabelle eine Hintergrundgrafik einfügen und die Tabelle dann in die Mitte positionieren (Hintergrundgrafik soll sich genau im Mittelpunkt des Bildschirms befinden)

Habe es geschafft ein Hintergrundbild in die Tabelle einzufügen, aber wenn ich die Tabelle zentriere, bleibt das Hintergrundbild immer links stehen.

Vielen Dank für Eure Antworten!!

lg

fexx · 15.09.2010

AW: Hintergrundbild in Tabelle einfügen

tabellen sind nich zum layouten da ... man verwedet mittlerweile divs - willkommen im jahre 2010 ;-)

hast du das hintergrund bild der tabelle zugewiesen oder dem <body>-tag? stell doch mal deinen quellcode rein

katschipatschi · 15.09.2010

AW: Hintergrundbild in Tabelle einfügen

hallo fexx,

danke für deine Antwort ich weiß aber ich habs mit Tabellen gelern und für meine Zwecke reichen Tabellen

ja ich habs dem body zugewiesen, deshalb stand es links,

kannst du mir erklären wie ich einfach ein hintergrundbild in die Tabelle einfüge??

lg und danke

sokie · 15.09.2010

AW: Hintergrundbild in Tabelle einfügen

einen hintergrund allein exakt im der mitte des browserfensters zu positionieren ist kein grosses Problem, und sollte mit

Code:

body{
  background: url(meinbild.jpg) center center;
}

zu machen sein.
Inhalte mittig (vertikal und horizontal) auszurichten ist schon etwas komplizierter, aber nach dem muster:

HTML:

<body>
  <div id="wrapper">
    hier stehn alle inhalte drin
  </div>
</body>

Code:

html,body{
  height: 100%;
}
  #wrapper{
   width: 900px;
   height: 500px;
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -250px 0 0 -450px;
   background: url(meinbild.jpg) no-repeat;
  }

hinzubekommen.
eine Tabelle kannst du da benutzen, wo du daten tabellarisch aufbereiten musst, für alle anderen Inhalte brauchst du keine.

photospace · 16.09.2010

AW: Hintergrundbild in Tabelle einfügen

Die einfachste und billigste art.
Wenn du eine andere Version, art willst einfach melden.

<div align="center" />
<table border="0"/>
<tr>
<td><img src="frau.png" height="0" width="0" /></td>
</tr>
</table>
</div>

chixxi · 16.09.2010

AW: Hintergrundbild in Tabelle einfügen

Danke für die Tips, genau das hab ich letzte Woche auch mal probiert :-( und hat nicht geklappt,.... aber jetzt !!!!!!

photospace · 16.09.2010

AW: Hintergrundbild in Tabelle einfügen

Mit welche art hat das bei dir Funktioniert, wäre nett wenn du ein beispiel Code einstellen könntest.

Landorien · 16.09.2010

AW: Hintergrundbild in Tabelle einfügen

photospace schrieb:
Die einfachste und billigste art.

Und auch die Art, welche am meisten falsch ist.

Das align-, sowie border-Attribute sollte nicht verwendet werden, da für Formatierungen CSS zuständigt ist, nicht HTML.

Bei dem Table-Tag fehlt das "summary"-Attribut und bei dem img-Tag das "alt" Attribut. Ebenso schließt du das table-Tag als inhaltsleeres Element, was falsch ist (selbiges beim div-Tag).

Schlechter geht es nicht.

Die Lösung von sokie ist schon praxistauglich, wobei man ja nie weis, welche Browserfensterauflösung der User hat. Naja wobei, per JS kann man das auslesen und dann eben dementsprechend seine Elemente positionieren. Aber was ist, wenn JS ausgeschaltet ist?

Gruß
Lando

katschipatschi · 16.09.2010

AW: Hintergrundbild in Tabelle einfügen

hallo danke für eure antworten habs jetzt so gelöst:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
</head>
<body background="background/background.jpg" center center>
<table border="0" width="85%" height="100%">
<tr>
<td align="center" width="100%" height="100%">
<table border="0" width="61%" height="685">
<tr>
<td valign="top" background="background/home.png" width="900" height="748%"> </td>

</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

jeztt ist es so dass sich der inhalt der tabelle: ="background/home.png" in der vorschau auf einmal wiederholt??, wie muss ich das in meinem code einfüge, dass das nciht passiert??

danke und lg

Landorien · 17.09.2010

AW: Hintergrundbild in Tabelle einfügen

Eventuell, bevor du weiteren Quelltext einfach reinkopierst, solltest du dir nocheinmal die Grundlagen von HTML anschauen. Ansonsten macht das keinen Sinn, da du nichts von dem was dir geraten wurde umgesetzt hast (anscheinend verhst du es nicht was geschrieben wurde?).

Gruß
Lando