PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : kleine Probleme mit Bild!


Targor
10.02.2005, 16:11
Hi! ich bins mal wieder! es geht darum, das ich ein Bild in einer Tabellenzelle als hintergrund haben will, sodass ich es beschreiben kann.

das zwite problem ist, das ich zwei bilder, einmal in der oberen tabellenzelle, das das top-logo ist und das bild, was ich beschreiben will, nicht zusammen bekomme.



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>index</title>
<style type="text/css">
<!--
body,td,th {
color: #CCCCCC;
}
body {
background-color: #000000;
}
-->
</style></head>

<body>
<table width="100%" border="0">
<tr>
<th height="223" colspan="2" scope="col"><div align="left"><img src="images/sp-page-top2.gif" width="1004" height="244"></div></th>
</tr>
<tr>
<th width="27%" height="507" scope="col"><div align="left"><img src="images/page-side.png" width="256" height="505"></div></th>
<th width="73%" scope="col"><div align="left"></div></th>
</tr>
</table>
</body>
</html>


das is mal der code zur seite und so sieht sie aus: klick (http://www.mitglied.lycos.de/likefelix/sp-page/)
Unas
10.02.2005, 16:45
müsste funktionieren:

<th background="BILD" width="27%" height="507" scope="col">

zu dem anderem prob:

<table hspace="0" vspace="0" cellspacing="0" cellpadding="0" width="100%" border="0">
Tomarus
10.02.2005, 16:45
ich versteh aber nicht so wirklich, was du jetzt willst o.O wenn du das bild als hintergrund haben willst, nimms doch am besten als hintergrund ...

<td background="img.jpg">

oder per css

#mithintergrund
{
background-image: url('img.jpg');
}

<td id="mithintergrund">

oder was soll das jetzt werden? O.o
Kermit
10.02.2005, 16:49
Am besten ist diese Methode:

<table border="0" cellspacing="0" width="100%" style="height:100%">
<tr>
<td colspan="2" style="background-image:url(url/zum/bild);"></td>
</tr>
<tr>
<td style="background-image:url(url/zum/bild);">
</td>
<td>
</td>
</tr>
</table>

So sollte es funktionieren und ist auch noch technisch korrekt
Targor
10.02.2005, 17:23
wie soll er dann wissen welches bild kirmet ? oder ist da snur ein beispil???

edit: achso! jaja! passt schon ;)
Kermit
10.02.2005, 17:26
Das ist zur ein Beispielquelltext. Ist ja auch gar nicht in der Breite und höhe angepasst. Soll nur als Grundgerüst zur veranschaulichung dienen.
Targor
10.02.2005, 17:28
irgendwie peil ich das net ganz --- sorry, ich finde da net durch! also wo soll man das "background-image" und so hinschreibe? :confused:
Rolus
10.02.2005, 17:31
Für url/zum/bild schreibst du in Kermit.d's Quelltext die Adresse deines Bildes rein. Und dann passt du eben noch die Größen an.

freundliche Grüße, Rolus
Targor
10.02.2005, 17:36
funzt net §knatsch
Rolus
10.02.2005, 17:39
Was heißt "funzt net"? Wenn die Bilder nicht angezeigt werden, solltest du die Bildadressen nochmal überprüfen. Sonst musst du dein Problem vielleicht etwas genauer beschreiben.

freundliche Grüße, Rolus
Targor
10.02.2005, 17:41
das bild wird net angezeigt! :( also ich habe da ja eh keine große ahnung von, es soll ja nur das bild, was an der seite ist beschreibbarsein und die beiden bilder sollen zusammen sein. :(

edit: ok, ich habe nun da so alles rumprobiert aber es funktioniert immernoch nicht. er zeigt kein bild an!

edit2:

ok, ich bin nun soweit, das er es fast zusammenpapt, schreiben, kann ich jedoch immernoch nicht:



<table hspace="0" vspace="0" cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<th height="223" colspan="2" scope="col"><div align="left"><img src="images/sp-page-top4.gif" width="1082" height="242"></div></th>
</tr>
<tr>
<th background="<img src="images/page-side.png" width="282" height="505"><div align="left"><img src="images/page-side.png" width="275" height="505"></div></th>
<th width="801" scope="col"><div align="left"></div></th>
</tr>


das sieht nun so aus: klick (http://www.mitglied.lycos.de/likefelix/sp-page/)
Tomarus
10.02.2005, 18:16
<th background="<img src="images/page-side.png" width="282" height="505">

o.O

einfach nur <td background="images/page-side.png"> ...
juke*
10.02.2005, 21:46
ganz ehrlich, beschäftige dich nochmal richtig mit html...

man sollte schon wissen, dass in nem geöffneten tag kein neuer tag geöffnet werden kann...
Unas
11.02.2005, 07:34
mach mal bitte das:

<th background="<img src="images/page-side.png" width="282" height="505">
<div align="left">
<img src="images/page-side.png" width="275" height="505">
</div>
</th>
zu dem:

<th background="images/page-side.png" width="27%" height="507" scope="col">
<div align="left">
TEXT
</div>
</th>
könnte hilfreich sein ;)
Targor
11.02.2005, 19:12
ok, ich habe mal das vom lieben kirmet genommen, aber es ist immernoch ein problem:

das top-image ist net mit dem side-image verbunden.

schaut selbst: klick (http://www.mitglied.lycos.de/likefelix/sp-page/)

ich kann alles beschreiben und es funzt auch alles super, dafür erstmal ein dickes danke an alle, nun muss nurmaoch das obere ans unter.

Hier mein aktueller code:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body,td,th {
color: #000000;
}
body {
background-color: #000000;
}
.Stil1 {
font-family: "Informal Roman";
font-size: xx-large;
color: #000000;
font-weight: bold;
}
-->
</style></head>

<body>
<table hspace= "0" vspace= "0" cellspacing="0" cellpadding="0" width="1019" border="0">
<tr>
<td height="251" colspan="2" scope="col" style="background-image:url(images/sp-page-top-final.gif);"></td>
</tr>
<tr>
<td style="background-image:url(images/page-side-final.png);" width="212" height="567" valign="top">&nbsp;</td>
<td width="624" scope="col"><div align="left"></div>
</td>
</tr>
</table>
</body>
</html>


das kusive ist das was alles zur tabelle gehört. wäre echt net wenn mir einer ne lösung sagen könnte :)

edit: das kusif funzt leider net.
Rolus
12.02.2005, 07:52
Ein Stück aus deinem Code:

<td height="251" colspan="2" scope="col" style="background-image:url(images/sp-page-top-final.gif);"></td>
Hier ist height="251" nicht korrekt. Die Höhenangabe entspricht nicht der deines Bildes. Nimm lieber "250" oder "249". Außerdem scheint dein Seitenbild ganz oben eine Zeile frei zu haben. Dadurch sieht man immer eine schwarze Zeile und die Bilder lassen sich nicht gänzlich zusammenfügen. Zeichne die obere Pixelzeile in deinem Seitenbild also nochmal neu. Dann lassen sich die Bilder wohl auch zusammenfügen.

freundliche Grüße, Rolus
Targor
12.02.2005, 10:37
ääääää wie jetzt? ich habe das bild erst als ein gehabt und dann aus ein ander schnitten. also die passen so zusammen, oder wie meinst du das nu?
Unas
12.02.2005, 10:46
dein oberes bild hat die höhe 250px, deine zelle 251px ---> kleiner rand, schwarz, weil hintergrund so :p

edit: @ unter mir: stimmt, deshalb hab ich ma nach geschaut, das für stimmend befunden und wie es den anschein hatte, hatz er es übersehen, ich wollte ihn nochmal darauf aufmerksam mache.
sry, dass ich nich die quelle hinschrieb :rolleyes:
Rolus
12.02.2005, 10:57
@Unas
Das habe ich zwei Posts über deinem auch schon geschrieben.
Das Bild an der Seite hat, zumindest bei mir, trotzdem eine freie Zeile. Wieso weiß ich auch nicht. Ich habe es dir mal passend (http://people.freenet.de/rolus/page-side.png) gemacht. Damit sollte es vielleicht funktionieren. Aber du darfst auch nicht vergessen die Höhe zu ändern.

freundliche Grüße, Rolus
Targor
12.02.2005, 12:39
danke ..... voll net von dir, sag ja! alle die ich kenne vom forum sind net :) danke erstmal .... mache mich gleich ran §danke

edit:

ein ganz großes danke an alle die mir geholfen haben, sprich alle die hier rein gepostet haben. auch an raolus der mir das bild geändert hat. §danke an kirmet der mir das komplette skript geändert hat. danke §danke nun kann ich weiter machen.
hier könnt ich euch ansehen wie es bisher aussieht!! (http://www.mitglied.lycos.de/likefelix/sp-page/)

ich seit die größten! §danke