• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Grafik in den background

Status
Für weitere Antworten geschlossen.
J

Jac Longdong

Neues Mitglied
Also,
Ich stehe vor einem problem und hoffe, dass sich hier ein Meister des htmls mir weiterhelfen kann? :-)
Ich beschreibe es mal so, ich habe mir eine Webseite gebaut und dann dann habe ich es ne runde slicen betrieben.
Nun sieht es so aus, wo ihr die nummer 1 sehen könnt es hat geklappt da habe ich es geschaft das eine bild in den hintergrund zulegen mit <td style="background-image:url('pfand/bild.jpg');"
Es hat auch wunderbar geklappt, nun wenn ich das gleiche bei der nummer 2 machen will, klappt es nicht, das ganze design verschiebt sich, woran liegt es ? was mache ich falsch ?
Ich nutze keine css und möchte es auch erstmal nicht, da ich mich erstmal nur mit html beschäftigen möchte.
Kann mir da draussen einer helfen ?
Ich wäre euch über alles sehr dankbar
Ich hänge mal die Webseite als rar datei mit ran.
LIebe grüsse Jac

http://www.die-psi-akten.de/gb/webseite.rar
http://www.die-psi-akten.de/gb/bild.gif
 
Hallo dies ist der Code:


<html>
<head>
<meta http-equiv="Content-Language" content="de">
<title>index.jpg</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
</head>
<body bgcolor="#ffffff">
<table border="0" cellpadding="0" cellspacing="0" width="750">
<tr>
<td><img src="bilder/spacer.gif" width="25" height="1" border="0" alt=""></td>
<td><img src="bilder/spacer.gif" width="310" height="1" border="0" alt=""></td>
<td><img src="bilder/spacer.gif" width="24" height="1" border="0" alt=""></td>
<td><img src="bilder/spacer.gif" width="222" height="1" border="0" alt=""></td>
<td><img src="bilder/spacer.gif" width="21" height="1" border="0" alt=""></td>
<td><img src="bilder/spacer.gif" width="98" height="1" border="0" alt=""></td>
<td><img src="bilder/spacer.gif" width="17" height="1" border="0" alt=""></td>
<td><img src="bilder/spacer.gif" width="32" height="1" border="0" alt=""></td>
<td><img src="bilder/spacer.gif" width="1" height="1" border="0" alt=""></td>
<td><img src="bilder/spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>
<tr>
<td colspan="9"><img name="index_r1_c1" src="bilder/index_r1_c1.jpg" width="750" height="34" border="0" alt=""></td>
<td><img src="bilder/spacer.gif" width="1" height="34" border="0" alt=""></td>
</tr>
<tr>
<td colspan="3"><img name="index_r2_c1" src="bilder/index_r2_c1.jpg" width="359" height="8" border="0" alt=""></td>
<td rowspan="7"><img name="index_r2_c4" src="bilder/index_r2_c4.jpg" width="222" height="310" border="0" alt=""></td>
<td rowspan="2" colspan="3"><img name="index_r2_c5" src="bilder/index_r2_c5.jpg" width="136" height="23" border="0" alt=""></td>
<td rowspan="4"><img name="index_r2_c8" src="bilder/index_r2_c8.jpg" width="32" height="183" border="0" alt=""></td>
<td rowspan="4"><img name="index_r2_c9" src="bilder/index_r2_c9.jpg" width="1" height="183" border="0" alt=""></td>
<td><img src="bilder/spacer.gif" width="1" height="8" border="0" alt=""></td>
</tr>
<tr>
<td rowspan="6"><img name="index_r3_c1" src="bilder/index_r3_c1.jpg" width="25" height="302" border="0" alt=""></td>
<td rowspan="4"><img name="index_r3_c2" src="bilder/index_r3_c2.jpg" width="310" height="289" border="0" alt=""></td>
<td rowspan="6"><img name="index_r3_c3" src="bilder/index_r3_c3.jpg" width="24" height="302" border="0" alt=""></td>
<td><img src="bilder/spacer.gif" width="1" height="15" border="0" alt=""></td>
</tr>
<tr>
<td rowspan="2"><img name="index_r4_c5" src="bilder/index_r4_c5.jpg" width="21" height="160" border="0" alt=""></td>
<td style="background-image:url('bilder/index_r4_c6.jpg')" width="98" height="138" border="0" alt=""></td>
<td rowspan="2"><img name="index_r4_c7" src="bilder/index_r4_c7.jpg" width="17" height="160" border="0" alt=""></td>
<td><img src="bilder/spacer.gif" width="1" height="138" border="0" alt=""></td>
</tr>
<tr>
<td><img name="index_r5_c6" src="bilder/index_r5_c6.jpg" width="98" height="22" border="0" alt=""></td>
<td><img src="bilder/spacer.gif" width="1" height="22" border="0" alt=""></td>
</tr>
<tr>
<td rowspan="2" colspan="5"><img name="index_r6_c5" src="bilder/index_r6_c5.jpg" width="169" height="126" border="0" alt=""></td>
<td><img src="bilder/spacer.gif" width="1" height="114" border="0" alt=""></td>
</tr>
<tr>
<td rowspan="2"><img name="index_r7_c2" src="bilder/index_r7_c2.jpg" width="310" height="13" border="0" alt=""></td>
<td><img src="bilder/spacer.gif" width="1" height="12" border="0" alt=""></td>
</tr>
<tr>
<td colspan="5"><img name="index_r8_c5" src="bilder/index_r8_c5.jpg" width="169" height="1" border="0" alt=""></td>
<td><img src="bilder/spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>
<tr>
<td colspan="9"><img name="index_r9_c1" src="bilder/index_r9_c1.jpg" width="750" height="106" border="0" alt=""></td>
<td><img src="bilder/spacer.gif" width="1" height="106" border="0" alt=""></td>
</tr>
</table>
</body>
</html>
 
Also ich habe das mal ausprobiert, bei mir funktioniert das mit der Codezeile:

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

vollkommen einwandfrei. Ich muss dir allerdings sagen, das ich es sehr unprofessionell finde eine html-Seite komplett aus Bildern zusammenzuzimmern. Dann kannst du das Bild auch direkt ganz lassen, als Hintergrund nehmen und hier und da n Map-Eintrag als Link benutzen.

Andere Sache, warum setzt du den Pfad in deinem Code in Hochkommata?

Code: 
background-image:url('bilder/index_r4_c6.jpg')

Das ist Quatsch. Nimm die mal raus.

LG
 
Ich bin dir sowas von dankbar :-)

Es war eh nur mein erster versuch, das mit den hochkomma hatte ich mal auf einer seite gesehen und auch so verwendet :-) nunja, ich hätte gleich zu den profis kommen soll :-)

ich weiss nur nicht wie ich es anders machen soll ? male mir mein Design dann slicen, gibt es noch eine andere möglichkeit ? ^^


also chgurh 1000 dank !!! nun weiss ich wie ich weitermachen kann !!! :-)

Ganz liebe grüsse Jac
 
huhu nochmal,

ich habe jetzt doch noch eine frage, da nun die Grafik auch im hintergrund ist ( der contet bereich ) schreibe ich da nun meinen text rein, wenn aber der text länger ist bzw über mehrere zeilen geht, verieht sich das design, kann man das so lösen, dass es sich nicht verzieht ? ich weiss, ich kann ja einen iframe nehmen aber wenn ich es verhindern kann, dann lieber ohne iframe :-)

liebe grüsse Jac
 
Code: 
overflow:scroll
Das ist der passende CSS-Befehl dazu. Somit wird eine Scrollleiste eingefügt (wow. Scrollleiste mit 3 Ls :roll:)
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben