PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Background Image Problem



-Sensemann-
03-07-2003, 15:18
Ich habe ein kleines Problem mit Background Images meiner hp.


das sieht das dann zum teil so aus.


http://www.chaoshirn.de/pictures/navigationsproblem.jpg


Daraufhin versuchte ich mittels

bgproperties="fixed"

das Bild so einzustellen das es nur 1x vorkommt.

Auch der no-repeat hat leider nicht funktioniert. oder darf der nicht in <td stehen?

<td style="background-repeat:no-repeat"> ? also komplett würde das so aussehen


<TD valign="top" align="center" border=0 width="165" height=413 bgcolor="121734" background="index-Dateien/navir4.jpg" style="background-repeat:no-repeat" >


leider hat das bisher nicht funktioniert.

Jana
04-07-2003, 12:54
Die Background-Images funktionieren nicht in allen Browsern. :(
Der Konquerer ist sowieso ein Problemfall.
Da ist wohl nichts zu machen.
Leg einfach das Bild in einen div_Container und
plazier es mit dem z-index unter die Tabelle.

bischi
04-07-2003, 17:35
Und Layer funktionieren überall....

(Versuch es mal mit div und einer älteren Netscape-Version :D )

MfG Bischi

-Sensemann-
04-07-2003, 19:13
also div funktionioert wunderbar.

Das Problem ist nur.

->

http://www.chaoshirn.de/pictures/navigationsproblem2.jpg

pitu
06-07-2003, 08:58
<td style="
vertical-align:top;
text-align:center;
border:none;
width:165em;
height:413em;
background-color:#121734;
background-image:url(index-Datei/navir4.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top center;
">

Etwas kuerzer:


<td style="
vertical-align:top;
text-align:center;
border:none;
width:165em;
height:413em;
background-color:#121734;
background:url(index-Datei/navir4.jpg) no-repeat fixed top center;
">


gruss,
pitu

-Sensemann-
06-07-2003, 10:42
danke :)

nur es sieht jetzt so aus


irgendwie Funktioniert das nicht so

http://www.chaoshirn.de/pictures/navigationsproblem3.jpg

pitu
07-07-2003, 07:46
Schick doch mal deinen gesamten Seitentext, sag genau wies aussehen soll, und probier mal in Opera folgendes aus:

Neben der Adresseingabeleiste findest du ein Icon, das aussieht, wie ein Blatt papier mit einem Eselsohr. Wenn du dort drauf klickst, wird das ding zu einem Kopf auf Schultern.
Du schaltest damit zwischen Authormode (so wies sich der author gedacht hat) und dem Usermode (eigene CSS Datei verwenden) um Wenn du im Usermode bist, klick bei dem gleichen Button rechts daneben auf den kleinen Pfeil. Dort findest du einige vorgefertigte Usermodes. Am ende findest du "Debug with outline". Schau dir damit deine Seite mal an, ob die Tabellen auch wirklich passsen. Am besten nimmst du noch "Show struckture elements" mit dazu.

gruss,
pitu

-Sensemann-
07-07-2003, 09:33
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<style type="text/css">
<!--
table { color: #FFFFFF; font-family: Arial; font-size: 10pt; text-decoration: none; }
A:link,A:visited{ color: #FFFFFF; font-family: Arial; font-size: 10pt; text-decoration: none; }
A:hover,A:active{ color: #818181; font-family: Arial; font-size: 10pt; text-decoration: none; }
-->
</style>
<title>www.chaoshirn.de -=the otherside of life=- ;-)</title>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<body bgColor=243458 text=000000>
<center>
<table border=0 cellPadding=0 cellSpacing=2 height=81 width="964">
<tbody>
<tr>
<td height=206><img height=213 src="index-Dateien/header.jpg" width=964 usemap="#Map3" border="0"></td>

</tr>
</tbody>
</table>


<table border=0 cellPadding=0 cellSpacing=2 height=416 width="964">
<tbody>
<tr>


<td valign="top" align="center" border=0 width="165" height=413 bgcolor="121734" background="index-Dateien/navil4.jpg" >

<br>
<br>
<p> <a href="index.php?showpage=news" target="_self" alt="News halt"> <h2> News </h2> </a> </p>

<p> <h3>.:About:.</h3></p>

<a href="index.php?showpage=me" target="_self" alt="mein krankes ich ;-)">me</a> <br>

<a href="index.php?showpage=chaos" target="_self" alt="&uuml;ber dieses Projekt"> chaos</a><br>

<h3>.:Content:.</h3>
<a href="index.php?showpage=texte" target="_self" alt="kleine Auswahl an Texten"> texte </a> <br>

<a href="index.php?showpage=bilder" target="_self" alt="*g* das sollte alles sagen ;-)"> bilder </a> <br>

<a href="index.php?showpage=tuto" target="_self" alt="zb Linux einrichten"> tuto</a> <br>

<a href="index.php?showpage=files"target="_self" alt="mein kleines dl Angebot"> files </a> <br>

<a href="index.php?showpage=musik"target="_self" alt="aufgenommene Musik"> musik </a> <br>

<a href="index.php?showpage=videos"target="_self" alt="videos"> videos </a> <br>

</td>

<td valign="top" width="634" >

<br>
<table width="100%" border="0" bgcolor="#243458">

<!-- //121734
-->

<td valign="top">


<tr>

<td width="38%"><b>Name:</b></td>

<td width="62%">Folke</td>
<td rowspan="5" align="right"><img src="pictures/me3-55.jpg" width=260 height=180 border=0></td>
</tr>
<tr>
<td width="38%"><b>Location:</b></td>
<td width="62%">Stade</td>
</tr>

<tr>
<td width="38%"><b>First Spawned:</b></td>
<td width="62%">16.05.84</td>
</tr>
<tr>
<td width="38%"><b>Interests:</b></td>
<td width="62%">Schlagzeug, Musik allgemein, Computer allgemein, Video, Online Gaming (CS,UT)</td>

</tr>
<tr>
<td width="38%"><b>Fav. Movie:</b></td>
<td width="62%">Dune der Wüstenplanet, 5. Element, Star Wars, Matrix, Dracula</td>
</tr>
<tr>
<td width="38%"><b>Fav. Music:</b></td>

<td width="62%">Rock & Pop der 60-90er, Rnb, Metal</td>
</tr>
</td>



</table>

irgendwie ist eine Selbstbeschreibung so schwer,...das es noch ein wenig dauert ;)

</td>


<td valign="top" align="center" border=0 width="165" height=413 bgcolor="#121734" background="index-Dateien/navir4.jpg">


<br>
<br>

<img src="pictures/me3-55.jpg" height="140" width="100" border="0"><br>
<p> <h3>.:Zufalls Bild:.</h3></p>
<br>


<a href="index.php?showpage=links" target="_self" alt=""K3wl Sites;D> Links </a> <br>

<a href="index.php?showpage=gb" target="_self" alt=" G&auml;stebuch"> Gästebuch</a> <br>

<a href="index.php?showpage=forum"target="_self" alt="Forum"> Forum </a> <br>
</td>
</tr>
</tbody>

</table>




<map name="Map3">
<area shape="circle" coords="481,96,15" href="admin/admin.html" target="_blank">
</map>
</center>

</body>
</html>

pitu
07-07-2003, 11:10
Na da fehlt ja einiges, bzw ist zuviel:

hier die korregierten Auszuege:



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
[...]
<title>w w w. chaoshirn. de -=the otherside of life=- ;-)</title>
[...]
</head>
[...]
<thead>...</thead>
<tfoot>...</tfoot>
[...]


Also: Wenn du eine DTD verwendest, musst du auch angeben, wo sie steht.
Im title kannst du keine links verwenden. bitte leerzeichen wegdenken, sonst fuegt das Board den link automatisch wieder ein ... Wenn ich draueber nachdenke, ist warscheinlich genau das dir auch passiert ;)
Den head musst du auch wieder schliessen
Wenn du tbody verwendest musst du vorher thead und tfoot verwenden, ansonsten lass tbody weg (du verwendest transitional also geht das)

Etwas komplizierter wirds hier, ich poste einfach mal deinen code und kommentiere ihn:


[...]
<td valign="top" width="634" >
<br>
<table width="100%" border="0" bgcolor="#243458">
<!-- //121734 -->
<td valign="top">
<tr>
[...]

Also du machst in einer tabellenzelle einen neuen tabel auf, jetzt ist dort aber ein td zuviel, das muss da weg. du musst immer erst ein tr aufmachen bevor du mit zellen anfaengst.

Der Rest ist soweit ok, Ausser: grundsaetzlich gilt, auch bei transitional: alle attribute kommen in Anfuehrungszeichen. also hier z.B.


<body bgColor=243458 text=000000>


Hier ist auch noch ein Fehler:


bgcolor="121734"

Wenn du keine der Anerkannten -Namen verwendest, musst du immer ein "#" vor die Farbangabe setzten. Meisstens hast dus ja gemacht



<td rowspan="5" align="right">

dir rowspans zaehlen inclusiv der eignen row, es sind also 6 rows.



alt=""K3wl Sites;D>

Natuerlich gehoeren die " um das alt. Du solltest etwas sauberer Arbeiten



showpage=forum"target=

Hier auch.



<center>
</center>

ist zu vermeiden, wenn schon dann:


<div align="center">
</div>


Noch besser:


<div style="margin-right:auto; margin-left:auto>"
</div>

Dieses wird inzwischen nur vom IE noch nicht korrekt umgesetzt, hoffentlich bald.

hier ist eine korregierte fassung:
Ich hab sie nur mal schnell ueberarbeitet, koenenn also noch kleine Fehler drin sein.
Uebrigens solltest du dir angewoehnen, immer die Einheiten hinter groessen zu schreiben. Besser zu verwenden ist naemlich em statt px und wenn mal browser verschiedene einstellungen dafuer verwenden ...



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
<!--
table{
color: #FFFFFF;
font-family: Arial;
font-size: 10pt;
text-decoration: none;
}
A:link,A:visited{
color: #FFFFFF;
font-family: Arial;
font-size: 10pt;
text-decoration: none;
}

A:hover,A:active{
color: #818181;
font-family: Arial;
font-size: 10pt;
text-decoration: none;
}
body{
background-color:#43458;
color:#000000;
}
-->
</style>

<title>[url]w w w. chaoshirn. de-=the otherside of life=- ;-)</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
</head>
<body>

<center>

<table border="0" cellPadding="0px" cellSpacing="2px"
height="81px" width="964px">
<tr>
<td height="206px">
<img src="index-Dateien/header.jpg"
height="213px" width="964px" usemap="#Map3" border="0">
</td>
</tr>
</table>

<table border="0" cellPadding="0px" cellSpacing="2px"
height="416px" width="964px">
<tr>
<td valign="top" align="center" border="0"
width="165px" height="413px" bgcolor="#121734"
background="index-Dateien/navil4.jpg" >
<br>
<br>
<p>
<a href="index.php?showpage=news" target="_self" alt="News halt">
<h2> News </h2> </a>
</p>
<p> <h3>.:About:.</h3></p>
<a href="index.php?showpage=me" target="_self" alt="mein krankes ich ;-)">
me</a>
<br>

[... gekuerzt ...]
</td>
<td valign="top" width="634px" >
<br>
<table width="100%" border="0" bgcolor="#243458">
<!-- //121734 -->
<tr>
<td width="38%"><b>Name:</b></td>
<td width="62%">Folke</td>
<td rowspan="6" align="right">
<img src="pictures/me3-55.jpg"
width="260px" height="180px" border="0">
</td>
</tr>
<tr>
<td><b>Location:</b></td>
<td>Stade</td>
</tr>
<tr>
<td><b>First Spawned:</b></td>
<td>16.05.84</td>
</tr>
<tr>
<td><b>Interests:</b></td>
<td>Schlagzeug, Musik allgemein, Computer allgemein,
Video, Online Gaming (CS,UT)</td>
</tr>
<tr>
<td><b>Fav. Movie:</b></td>
<td>Dune der Wüstenplanet, 5. Element, Star Wars,
Matrix, Dracula</td>
</tr>
<tr>
<td><b>Fav. Music:</b></td>
<td>Rock & Pop der 60-90er, Rnb, Metal</td>
</tr>
</table>
Irgendwie ist eine Selbstbeschreibung so schwer, ...
das es noch ein wenig dauert
<img src="images/smilies/wink.gif" border="0" alt="winkegrafik">
</td>
<td valign="top" align="center" border="0"
width="165px" height="413px" bgcolor="#121734"
background="index-Dateien/navir4.jpg">
<br>
<br>
<img src="pictures/me3-55.jpg" height="140px" width="100px" border="0">
<br>
<p> <h3>.:Zufalls Bild:.</h3></p>
<br>
<a href="index.php?showpage=links" target="_self" alt="K3wl Sites;D">
Links</a>
<br>
<a href="index.php?showpage=gb" target="_self" alt="G&auml;stebuch">
Gästebuch</a>
<br>
<a href="index.php?showpage=forum" target="_self" alt="Forum">
Forum</a>
<br>
</td>
</tr>
</table>

<map name="Map3">
<area shape="circle" coords="481,96,15"
href="admin/admin.html" target="_blank">
</map>

</center>
</body>
</html>


gruss,
pitu

pitu
07-07-2003, 11:22
Eventuelle hinzufuegungen in Pfaden und so bitte beruecksichtigen, das board ersetzt hier einige dinge...

gruss,
pitu

-Sensemann-
08-07-2003, 21:53
ich bin dabei das zu verbessern!

danke dir :)

jedoch hab ich immer noch dieses Problem mit dem Image.

pitu
14-07-2003, 13:10
Wenn dus fertig hast, poste mal die URL, dann schau ichs mir an.

gruss,
pitu

-Sensemann-
14-07-2003, 19:16
www.chaoshirn.de

sollte alles drin sein.

pitu
14-07-2003, 23:08
Dann bescxhreib mal noch, o du einen Fehler hast. Ich habe naemlich rechts und links in der Tabelle dieses Hintergrundbild.

gruss,
pitu

-Sensemann-
15-07-2003, 12:37
das Hintergrund Bild habe ich ...nur ich wollte das es sich nicht wiederholt

pitu
15-07-2003, 13:15
AHH ... ;)



<td valign="top" align="center" border="0"

width="165px" height="413px" bgcolor="#121734"

background="index-Dateien/navil4.jpg" >


Umwandeln in:



<td style="vertical-align:top;
text-align:center;
border:none;
width:165px;
height:413px;
background-color:#121734;
background-image:url(index-Dateien/navil4.jpg);
background-repeat:no-repeat;
background-position:top center;
">


Da du das Ding 2 mal brauchst shclage ich besser eine extern css-Date vor, in der du eine Class z.B. "table_bg" definierst und diese dann nur noch so aufrufst:



<td class="table_bg">


gruss,
pitu

-Sensemann-
15-07-2003, 14:38
gute idee und vielen dank :)

werd ich noch machen habs erstmal so eingefügt damit dieser lästige fehler weg ist.

muss mich nohc mit css dateien auseinander setzen wie die aufzurufen sind.

Opa Nolle
18-07-2003, 21:55
Original geschrieben von -Sensemann-
das Hintergrund Bild habe ich ...nur ich wollte das es sich nicht wiederholt

Dann mußt Du es 'bildschirmfüllend' vergrößern; z.B. mit CorelDRAW.

>BGPROPERTIES="FIXED"< versteht,so weit ich weiß, nur der IE.

Opa Nolle

pitu
19-07-2003, 09:14
Hast du schon den ganzen Thread durchgelesen? also auch di Anwort von mir ganz oben? ;)

gruss,
pitu