Image als Hintergrund & Contend drauf !!!

Exile

Hi!

Ich hab gerade meine erstes Hompage Design Fertig gestellt
und hab soweit alles fertig.
Leider Kenn ich mich mit Html noch nicht so gut aus.

Mein Problem ist das das ich nicht weiß wie ich eine Grafik datei
als hintergrund setze so das man auf die grafik datei schreiben kann.
Ich hoffe das ihr mich versteht und das ich das soweit richtig erklärt habe.

Fals nicht hab ich mal ein Screenshot gemacht:

[Blockierte Grafik: http://img51.imageshack.us/img51/4656/unbenannt3mr.jpg]

^^da wo der kasten is soll der inhalt der seite später rein

hier ist der quellcode

HTML

<html>
<head>
<title>Blue Media Source</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center><table id="Table_01" width="766" height="681" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="9">
			[img]images/index_01.jpg[/img]</td>
	</tr>
	<tr>
		<td colspan="9">
			[img]images/index_02.jpg[/img]</td>
	</tr>
	<tr>
		<td colspan="2">
			[img]images/index_03.jpg[/img]</td>
		<td colspan="6">
			[img]images/index_04.jpg[/img]</td>
		<td rowspan="5">
			[img]images/index_05.jpg[/img]</td>
	</tr>
	<tr>
		<td rowspan="4">
			[img]images/index_06.jpg[/img]</td>
		<td colspan="2">
			[url='#'][img]images/index_07.jpg[/img][/url]</td>
		<td>
			[url='#'][img]images/index_08.jpg[/img][/url]</td>
		<td>
			[url='#'][img]images/index_09.jpg[/img][/url]</td>
		<td>
			[url='#'][img]images/index_10.jpg[/img][/url]</td>
		<td>
			[img]images/index_11.jpg[/img]</td>
		<td>
			[img]images/index_12.jpg[/img]</td>
	</tr>
	<tr>
		<td colspan="7">
			[img]images/index_13.jpg[/img]</td>
	</tr>
	<tr>
		<td rowspan="2">
			[img]images/index_14.jpg[/img]</td>
		<td colspan="6">
			[img]images/index_15.jpg[/img]</td>
	</tr>
	<tr>
		<td colspan="6">
			[img]images/index_16.jpg[/img]</td>
	</tr>
	<tr>
		<td>
			[img]images/spacer.gif[/img]</td>
		<td>
			[img]images/spacer.gif[/img]</td>
		<td>
			[img]images/spacer.gif[/img]</td>
		<td>
			[img]images/spacer.gif[/img]</td>
		<td>
			[img]images/spacer.gif[/img]</td>
		<td>
			[img]images/spacer.gif[/img]</td>
		<td>
			[img]images/spacer.gif[/img]</td>
		<td>
			[img]images/spacer.gif[/img]</td>
		<td>
			[img]images/spacer.gif[/img]</td>
	</tr>
</table></center>
</body>
</html>

Alles anzeigen

Es ist der teil das ist die grafik fals man mir so nicht weiter helfen
kann wäre ich sehr dankbar wenn ich es jemanden schicken könnt und es mir dan macht

Ich hoffe ihr wisst was ich meine und ich das jetzt richtig erklärt habe
Ich bedanke mich schon mal für die hielfe

mfg
Exile

CHIEFmaster

Warum schwärzst du die Links ein?
Vor was hast du Angst?
Meinst du, wir würden dir deine Idee klauen???

CHIEFmaster

naja, egal...
Ich hab mich mal drangesetzt und das eben gemacht...
Da ich ned wirklich wusste, WELCHES die Grafik sein soll,
die du im Hintergrund haben willst, kann es sein, dass ich die FALSCHE ausgewählt habe...
Musst du entscheiden!

Zitat

<html>
<head>
<title>Blue Media Source</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0"
marginheight="0">
<center><table id="Table_01" width="766" height="681" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="9">
</td>
</tr>
<tr>
<td colspan="9">
</td>
</tr>
<tr>
<td colspan="2">
</td>
<td colspan="6">
</td>
<td rowspan="5">
</td>
</tr>
<tr>
<td rowspan="4">
</td>
<td colspan="2">
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td colspan="7" background="images/index_13.jpg"> </td>
</tr>
<tr>
<td rowspan="2">
</td>
<td colspan="6">
</td>
</tr>
<tr>
<td colspan="6" align="left" valign="top" background="images/index_13.jpg">TEXT...
TEXT... TEXT...</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
</table></center>
</body>
</html>

Alles anzeigen

Ne will nix verstecken hab nur weck gemacht weil es ne warez seite werden soll .

Naja zurück zu Thema habs mal mit deinem code probiert
dan passiert das hier http://hacky.elbone.net/rmw/ddd/index.html

es verschiebt sich alles ich mach seit 2 taggen schon rum und ich kriegs net hin dan hab ich euch gefunden und bitte um hilfe

Beatz

Ich weiß ja, nicht, in welchem Teil Du die Hintergrundgrafik verwenden willst. Füge einfach in einem Table, TD oder sonstigem Tag folgendes ein:

Code

<td background="images/background.jpg">

Oder aber Du machst es per CSS

Code

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

In den beiden obigen Beispielen ist der Bildpfad relativ zur HTML-Datei angegeben, solltest Du innerhalb Deiner Seite mit Ordnern arbeiten und HTML-Seiten in Unterordnern haben, empfielt sich eine externe CSS-Datei zu nutzen.
css/style.css

Code

td.with_background {
  background-image: url(../images/background.jpg)
}

index.html (Denk daran, die externe CSS-Datei im HEAD einzubinden.)

Code

<td class="with_background">

Ronald

Moin!

Kleiner Fehler:

Zitat von Beatz

css/style.css

Code

td.with_background {
  background-image: url(../images/background.jpg)
}

muß

Code

.with_background {
  background-image: url(../images/background.jpg)
}

heißen (also ohne das td davor, sonst wird es keine Klasse)

G.a.d.M.

Ronald

Beatz

Das ist so nicht ganz richtig, Ronald.

In dem Fall kann die Klasse nur für ein TD eingesetzt werden. In CSS gibt es freie und Tag-gebundene Klassen.

Tag-gebundene Klasse
Diese Klasse ist an das Tag TD gebunden und kann nur für TD verwendet werden.

Code

td.with_background

Tag freie Klassen
Diese Klassen sind allgemeingültig und können für alle Tags verwendet werden.

Code

.with_background

Danke für eure hielfe aber es klappt immer noch nicht ich bin woll zu blöd
oder versteh nicht ganz was ihr meint.

Ich mach das jetzt so ich pack es in rar und lads hoch so das ihr euch mal ankucken könnt wie es aufgebaut ist dan wisst ihr auch welche grafik ich meine.

http://hacky.elbone.net/rmw/blubb.rar

So da ist es hoffe mir kann jetzt geholfen werden anders check ich es woll nicht

CHIEFmaster

Naja, eigentlich helfe ich bei einer WAREZ-Seite nicht wirklich gerne!
Von dem her hast du schon Recht, dass du das geschwärzt hast...!
Ich schaus mir mal an, OK?

--> du willst den teil, der momentan WEISS ist, in der RAR-Demo,
als Hintergrund, so dass du drauf schreiben kannst??????????????

CHIEFmaster

so, habs gemacht!

Gruß, CHIEFmaster

HIER da:

Vielen Vielen Dank genau so wollte ich es haben

CHIEFmaster

bitteschön!

Hi es giebt doch noch ein problem
Es Verschiebt sich doch han nur ein news script per include rein gemacht
Nur sobald ich mehr news verfasse verschiebt es sich

http://hacky.elbone.net/rmw/index.php

keine ahnung was nun wider falsch ist.

Beatz

Das liegt daran, dass Inhalte im TD standardmäßig vertikal in der Mitte angezeigt werden. Mittels

Code

<td valign="top">

plazierst Du den Inhalt des jeweiligen TDs oben.
Da man in den meisten Fällen jedoch möchte, dass Inhalte im TD generell oben angezeigt werden, empfielt es sich, das einmal zentral per CSS zu definieren.

Code

td {vertical-align: top;}

Hm versteh ich nicht ganz wie und wo soll ich das machen
hier ist der quell code

HTML

<html>
<head>
<title>Blue Media Source</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
  <table id="Table_01" width="766" height="681" border="0" cellpadding="0" cellspacing="0">
    <tr>
		<td colspan="9">
			[img]images/index_01.jpg[/img]</td>
	</tr>
	<tr>
		<td colspan="9">
			[img]images/index_02.jpg[/img]</td>
	</tr>
	<tr>
		<td colspan="2">
			[img]images/index_03.jpg[/img]</td>
		<td colspan="6">
			[img]images/index_04.jpg[/img]</td>
		<td rowspan="5">
			[img]images/index_05.jpg[/img]</td>
	</tr>
	<tr>
		<td rowspan="4">
			[img]images/index_06.jpg[/img]</td>
		<td colspan="2">
			[url='#'][img]images/index_07.jpg[/img][/url]</td>
		<td>
			[url='#'][img]images/index_08.jpg[/img][/url]</td>
		<td>
			[url='#'][img]images/index_09.jpg[/img][/url]</td>
		<td>
			[url='#'][img]images/index_10.jpg[/img][/url]</td>
		<td>
			[img]images/index_11.jpg[/img]</td>
		<td>
			[img]images/index_12.jpg[/img]</td>
	</tr>
	<tr>

      <td height="349" colspan="7" align="left" valign="top" background="images/index_13.jpg">



Hier der inhalt</p>


	</tr>
	<tr>
		<td rowspan="2">
			[img]images/index_14.jpg[/img]</td>
		<td colspan="6">
			[img]images/index_15.jpg[/img]</td>
	</tr>
	<tr>
		<td colspan="6">
			[img]images/index_16.jpg[/img]</td>
	</tr>
	<tr>
		<td>
			[img]images/spacer.gif[/img]</td>
		<td>
			[img]images/spacer.gif[/img]</td>
		<td>
			[img]images/spacer.gif[/img]</td>
		<td>
			[img]images/spacer.gif[/img]</td>
		<td>
			[img]images/spacer.gif[/img]</td>
		<td>
			[img]images/spacer.gif[/img]</td>
		<td>
			[img]images/spacer.gif[/img]</td>
		<td>
			[img]images/spacer.gif[/img]</td>
		<td>
			[img]images/spacer.gif[/img]</td>
	</tr>
</table></center>
</body>
</html>

Alles anzeigen

wo soll ich das machen und was ist css wie gesagt ich mach das zu ersten mal und hab noch nicht viel ahnunh von html usw

Tags

Benutzer online in diesem Thema