Anzeige:
Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 15 von 19

Thema: Background Image Problem

  1. #1
    Registrierter Benutzer
    Registriert seit
    31.03.2002
    Ort
    Hamburg
    Beiträge
    201

    Background Image Problem

    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
    Code:
    <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.
    ich bastel grad an einer besseren signatur ;)

  2. #2
    Registrierter Benutzer
    Registriert seit
    27.08.2002
    Beiträge
    337
    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.

  3. #3
    Registrierter Benutzer Avatar von bischi
    Registriert seit
    10.04.2003
    Beiträge
    4.828
    Und Layer funktionieren überall....

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

    MfG Bischi

    "There is an art, it says, or rather, a knack to flying. The knack lies in learning how to throw yourself at the ground and miss it" The hitchhiker's guide to the galaxy by Douglas Adams

    --> l2picfaq.pdf <-- www.n.ethz.ch/~dominikb/index.html LaTeX-Tutorial, LaTeX-Links, Java-Links,...

  4. #4
    Registrierter Benutzer
    Registriert seit
    31.03.2002
    Ort
    Hamburg
    Beiträge
    201
    also div funktionioert wunderbar.

    Das Problem ist nur.

    ->

    http://www.chaoshirn.de/pictures/nav...nsproblem2.jpg
    ich bastel grad an einer besseren signatur ;)

  5. #5
    Registrierter Benutzer Avatar von pitu
    Registriert seit
    07.06.2002
    Ort
    Nürnberg
    Beiträge
    142
    PHP-Code:
    <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:
    PHP-Code:
    <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
    11 Fehler in Windows, 88 Loesungen, 0 funktionieren.

    Dieser Beitrag steht unter der GNU Free Documentation License.

  6. #6
    Registrierter Benutzer
    Registriert seit
    31.03.2002
    Ort
    Hamburg
    Beiträge
    201
    danke

    nur es sieht jetzt so aus


    irgendwie Funktioniert das nicht so

    http://www.chaoshirn.de/pictures/nav...nsproblem3.jpg
    ich bastel grad an einer besseren signatur ;)

  7. #7
    Registrierter Benutzer Avatar von pitu
    Registriert seit
    07.06.2002
    Ort
    Nürnberg
    Beiträge
    142
    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
    11 Fehler in Windows, 88 Loesungen, 0 funktionieren.

    Dieser Beitrag steht unter der GNU Free Documentation License.

  8. #8
    Registrierter Benutzer
    Registriert seit
    31.03.2002
    Ort
    Hamburg
    Beiträge
    201
    PHP-Code:
    <!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:visitedcolor#FFFFFF; font-family: Arial; font-size: 10pt; text-decoration: none; }
             
    A:hover,A:activecolor#818181; font-family: Arial; font-size: 10pt; text-decoration: none; }
             
    -->
                     </
    style>
    <
    title>[url]www.chaoshirn.de[/url] -=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"> <h2News </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%">SchlagzeugMusik allgemeinComputer allgemeinVideoOnline Gaming (CS,UT)</td>

               </
    tr>
               <
    tr>
                <
    td width="38%"><b>FavMovie:</b></td>
                <
    td width="62%">Dune der Wüstenplanet5. ElementStar WarsMatrixDracula</td>
               </
    tr>
               <
    tr>
                <
    td width="38%"><b>FavMusic:</b></td>

                <
    td width="62%">Rock Pop der 60-90erRnbMetal</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;DLinks </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
    ich bastel grad an einer besseren signatur ;)

  9. #9
    Registrierter Benutzer Avatar von pitu
    Registriert seit
    07.06.2002
    Ort
    Nürnberg
    Beiträge
    142
    Na da fehlt ja einiges, bzw ist zuviel:

    hier die korregierten Auszuege:

    PHP-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
                          "http://www.w3.org/TR/html4/loose.dtd"
    >
    [...]
    <
    title>w w wchaoshirnde -=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:
    PHP-Code:
    [...]
        <
    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.
    PHP-Code:
    <body bgColor=243458 text=000000
    Hier ist auch noch ein Fehler:
    PHP-Code:
    bgcolor="121734" 
    Wenn du keine der Anerkannten -Namen verwendest, musst du immer ein "#" vor die Farbangabe setzten. Meisstens hast dus ja gemacht

    PHP-Code:
    <td rowspan="5" align="right"
    dir rowspans zaehlen inclusiv der eignen row, es sind also 6 rows.

    PHP-Code:
     alt=""K3wl Sites;D
    Natuerlich gehoeren die " um das alt. Du solltest etwas sauberer Arbeiten

    PHP-Code:
    showpage=forum"target= 
    Hier auch.

    PHP-Code:
    <center>
    </
    center
    ist zu vermeiden, wenn schon dann:
    PHP-Code:
    <div align="center">
    </
    div
    Noch besser:
    PHP-Code:
    <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 ...

    PHP-Code:
    <!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-familyArial
           
    font-size10pt
           
    text-decorationnone
        }
        
    A:link,A:visited
               
    color#FFFFFF; 
           
    font-familyArial
           
    font-size10pt
           
    text-decorationnone
        }

        
    A:hover,A:active
               
    color#818181; 
           
    font-familyArial
           
    font-size10pt
           
    text-decorationnone
        }
        
    body{
          
    background-color:#43458;
          
    color:#000000;
        
    }
        -->
        </
    style>

        <
    title>[url]w w wchaoshirnde-=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"
            <
    h2News </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>SchlagzeugMusik allgemeinComputer allgemein
                     
    VideoOnline Gaming (CS,UT)</td>
               </
    tr>
               <
    tr>
                 <
    td><b>FavMovie:</b></td>
                 <
    td>Dune der Wüstenplanet5. ElementStar Wars
                     
    MatrixDracula</td>
               </
    tr>
               <
    tr>
                <
    td><b>FavMusic:</b></td>
                <
    td>Rock Pop der 60-90erRnbMetal</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
    Geändert von pitu (07-07-2003 um 10:21 Uhr)
    11 Fehler in Windows, 88 Loesungen, 0 funktionieren.

    Dieser Beitrag steht unter der GNU Free Documentation License.

  10. #10
    Registrierter Benutzer Avatar von pitu
    Registriert seit
    07.06.2002
    Ort
    Nürnberg
    Beiträge
    142
    Eventuelle hinzufuegungen in Pfaden und so bitte beruecksichtigen, das board ersetzt hier einige dinge...

    gruss,
    pitu
    11 Fehler in Windows, 88 Loesungen, 0 funktionieren.

    Dieser Beitrag steht unter der GNU Free Documentation License.

  11. #11
    Registrierter Benutzer
    Registriert seit
    31.03.2002
    Ort
    Hamburg
    Beiträge
    201
    ich bin dabei das zu verbessern!

    danke dir

    jedoch hab ich immer noch dieses Problem mit dem Image.
    ich bastel grad an einer besseren signatur ;)

  12. #12
    Registrierter Benutzer Avatar von pitu
    Registriert seit
    07.06.2002
    Ort
    Nürnberg
    Beiträge
    142
    Wenn dus fertig hast, poste mal die URL, dann schau ichs mir an.

    gruss,
    pitu
    11 Fehler in Windows, 88 Loesungen, 0 funktionieren.

    Dieser Beitrag steht unter der GNU Free Documentation License.

  13. #13
    Registrierter Benutzer
    Registriert seit
    31.03.2002
    Ort
    Hamburg
    Beiträge
    201
    www.chaoshirn.de

    sollte alles drin sein.
    ich bastel grad an einer besseren signatur ;)

  14. #14
    Registrierter Benutzer Avatar von pitu
    Registriert seit
    07.06.2002
    Ort
    Nürnberg
    Beiträge
    142
    Dann bescxhreib mal noch, o du einen Fehler hast. Ich habe naemlich rechts und links in der Tabelle dieses Hintergrundbild.

    gruss,
    pitu
    11 Fehler in Windows, 88 Loesungen, 0 funktionieren.

    Dieser Beitrag steht unter der GNU Free Documentation License.

  15. #15
    Registrierter Benutzer
    Registriert seit
    31.03.2002
    Ort
    Hamburg
    Beiträge
    201
    das Hintergrund Bild habe ich ...nur ich wollte das es sich nicht wiederholt
    ich bastel grad an einer besseren signatur ;)

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •