ilch Forum » Allgemein » HTML, PHP, SQL,... » Code Problem

Geschlossen
  1. #1
    User Pic
    Chester Mitglied
    Registriert seit
    17.02.2009
    Beiträge
    753
    Beitragswertungen
    19 Beitragspunkte
    Moin moin.

    Ich hab mir ein Design erstellt und hab es gesliced und nun wollte ich es coden und da Fängt mein Problem an. Meine Headbuttons verschwimmen nach dem coden. Als Grafik sind sie so wie ich sie gemacht hab doch wenn sie verarbeitet sind verschwimmt die Schrift dadrauf.

    Außerdem werden meine Grafiken verzerrt weil aus unerklärlichen Dingen meine Tabellen alle nur 999 px breit sind obwohl ich 1000px eingestellt hab.

    betroffene Homepage: externer Link
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Fire86 Mitglied
    Registriert seit
    25.04.2009
    Beiträge
    543
    Beitragswertungen
    0 Beitragspunkte
    Kleiner Tipp: Vermeide es möglichst immer Links und besonders Content als Bild darzustellen.
    Aus suchmaschinen-technischer Sicht ist das der blanke Horror.
    Kein Support per Email oder ICQ!
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    index.htm code?
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Chester Mitglied
    Registriert seit
    17.02.2009
    Beiträge
    753
    Beitragswertungen
    19 Beitragspunkte
    Ich seh nun keine Bugs mehr^^

    Lag wohl an meine FF 3 version hab einfach ff2 installiert und nun sieht alles perfekt aus.

    Falls nur ich es perfekt sehen kann ja mal jemand anders nach schauen:

    externer Link

    PS: Braucht es gar nicht erst mit IE anzuschauen bin nämlich zu faul den kack auch noch daran anzupassen deswegen wirds da sehr schlimm aussehen xD


    Zuletzt modifiziert von Chester am 13.06.2009 - 04:06:43
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    lordrepha Mitglied
    Registriert seit
    11.03.2006
    Beiträge
    1.362
    Beitragswertungen
    22 Beitragspunkte
    ff3 gibt es auch fehler aber solange du die webseite nur für dich machst ist es ja ok... sobald du aber besucher haben willst solltest du es fehlerfrei hinbekommen
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Chester Mitglied
    Registriert seit
    17.02.2009
    Beiträge
    753
    Beitragswertungen
    19 Beitragspunkte
    ich versuchs ja aber ka warum da fehler drin sind kann ja mal die html posten->


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>{TITLE}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="include/designs/tobi2.de/style.css" />
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
    </head>
    
    <body>
    <table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr align="center" valign="top"> 
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr> 
              <td height="25" align="center" valign="top" background="include/designs/tobi2.de/Bilder/login.png">{_boxes_LOGIN}</td>
            </tr>
            <tr> 
              <td height="135" align="center" valign="top" background="include/designs/tobi2.de/Bilder/header.png">&nbsp;</td>
            </tr>
          </table></td>
      </tr>
      <tr align="center" valign="top"> 
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr> 
              <td width="165" height="50" align="center" valign="top"><a href="?news"><img src="include/designs/tobi2.de/Bilder/home.png" width="165" height="50" border="0"></a></td>
              <td width="50" align="center" valign="top"><a href="?forum"><img src="include/designs/tobi2.de/Bilder/forum.png" width="50" height="50" border="0"></a></td>
              <td width="74" align="center" valign="top"><a href="?user"><img src="include/designs/tobi2.de/Bilder/mitglieder.png" width="74" height="50" border="0"></a></td>
              <td width="57" align="center" valign="top"><a href="?gallery"><img src="include/designs/tobi2.de/Bilder/gallery.png" width="57" height="50" border="0"></a></td>
              <td width="276" align="center" valign="top" background="include/designs/tobi2.de/Bilder/search.png">&nbsp;</td>
              <td width="50" align="center" valign="top"><a href="?gbook"><img src="include/designs/tobi2.de/Bilder/gbook.png" width="50" height="50" border="0"></a></td>
              <td width="50" align="center" valign="top"><a href="?downloads"><img src="include/designs/tobi2.de/Bilder/downs.png" width="50" height="50" border="0"></a></td>
              <td width="42" align="center" valign="top"><a href="?links"><img src="include/designs/tobi2.de/Bilder/links.png" width="42" height="50" border="0"></a></td>
              <td width="67" align="center" valign="top"><a href="?kalender"><img src="include/designs/tobi2.de/Bilder/kalender.png" width="67" height="50" border="0"></a></td>
              <td width="169" align="center" valign="top"><a href="?contact"><img src="include/designs/tobi2.de/Bilder/kontakt.png" width="169" height="50" border="0"></a></td>
            </tr>
          </table></td>
      </tr>
      <tr align="center" valign="top" background="include/designs/tobi2.de/Bilder/header2.png"> 
        <td height="110">&nbsp;</td>
      </tr>
      <tr align="center" valign="top"> 
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr> 
              <td width="335" height="250" align="center" valign="middle" background="include/designs/tobi2.de/Bilder/musikbox.png"> 
                <div style="padding-top: 20px; padding-left: 60px;">{_boxes_MUSICBOX}</div>
    		  </td>
              <td width="665" align="center" valign="top" background="include/designs/tobi2.de/Bilder/slideshow.png">&nbsp;</td>
            </tr>
          </table></td>
      </tr>
      <tr align="center" valign="top"> 
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr> 
              <td width="365" align="center" valign="top" background="include/designs/tobi2.de/Bilder/menu1_2.png">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td align="center" valign="top">
    				{_list_menunr1@
    				<table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td height="78" align="center" valign="middle" background="include/designs/tobi2.de/Bilder/menu1_1.png">%1</td>
                        </tr>
                        <tr>
                          <td valign="top"><div style="padding-left: 70px; padding-right: 25px;">%2</div></td>
                        </tr>
                        <tr>
                          <td height="30">&nbsp;</td>
                        </tr>
                      </table>
    				  }
    				  </td>
                  </tr>
                  <tr>
                    <td align="center" valign="top">
    				{_list_menunr2@
    				<table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td height="30" align="center" valign="middle">%1</td>
                        </tr>
                        <tr>
                          <td><div style="padding-left: 70px; padding-right: 25px;">%2</div></td>
                        </tr>
                        <tr>
                          <td height="30">&nbsp;</td>
                        </tr>
                      </table>
    				  }
    				  </td>
                  </tr>
                </table></td>
              <td width="635" align="center" valign="top" background="include/designs/tobi2.de/Bilder/cotnent2.png">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td height="78" valign="middle" background="include/designs/tobi2.de/Bilder/cotnent1.png"><div style="padding-left: 30px; padding-top: 20px;">{HMENU}</div></td>
                  </tr>
                  <tr>
                    <td><div style="padding-left: 20px; width: 520;">{EXPLODE}</div></td>
                  </tr>
                  <tr>
                    <td height="30">&nbsp;</td>
                  </tr>
                </table>
              </td>
            </tr>
          </table></td>
      </tr>
      <tr align="center" valign="top" background="include/designs/tobi2.de/Bilder/footer1.png"> 
        <td height="170"><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr> 
              <td align="center">{_boxes_STATISTIK}</td>
              <td width="606">&nbsp;</td>
            </tr>
          </table></td>
      </tr>
      <tr align="center" valign="top"> 
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr> 
              <td width="250" height="200" align="center" valign="top" background="include/designs/tobi2.de/Bilder/videobox2.png">&nbsp;</td>
              <td width="750" height="200" align="center" valign="middle" background="include/designs/tobi2.de/Bilder/videobox1.png"><table width="750" height="160" border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="30">&nbsp;</td>
                    <td width="154" align="center" valign="top"><a href="video1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','include/designs/tobi2.de/Bilder/videos/video1_over.png',1)"><img src="include/designs/tobi2.de/Bilder/videos/video1.png" name="Image10" width="154" height="160" border="0"></a></td>
                    <td width="10">&nbsp;</td>
                    <td width="154" align="center" valign="top"><a href="video2" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','include/designs/tobi2.de/Bilder/videos/video2_over.png',1)"><img src="include/designs/tobi2.de/Bilder/videos/video2.png" name="Image11" width="154" height="160" border="0"></a></td>
                    <td width="10">&nbsp;</td>
                    <td width="154" align="center" valign="top"><a href="?video3" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image12','','include/designs/tobi2.de/Bilder/videos/video3_over.png',1)"><img src="include/designs/tobi2.de/Bilder/videos/video3.png" name="Image12" width="154" height="160" border="0"></a></td>
                    <td width="10">&nbsp;</td>
                    <td width="154" align="center" valign="top"><a href="?video4" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image13','','include/designs/tobi2.de/Bilder/videos/video4_over.png',1)"><img src="include/designs/tobi2.de/Bilder/videos/video4.png" name="Image13" width="154" height="160" border="0"></a></td>
                    <td width="74">&nbsp;</td>
                  </tr>
                </table> </td>
            </tr>
          </table></td>
      </tr>
      <tr> 
        <td height="45" align="center" valign="top" background="include/designs/tobi2.de/Bilder/footer2.png">&nbsp;</td>
      </tr>
    </table>
    </body>
    </html>
    <!-- {_list_DDDmenupoint@<strong><big>&middot;</big></strong><a %1 class="box" href="%2">%3</a><br />}
    {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
    {_list_hmenubegi@<ul>}
    {_list_hmenuende@</ul>}
    {_list_vmenupoint@<a target="%1" class="menu" href="%2">%3</a>}
    {_list_vmenubegi@}
    {_list_vmenuende@}//-->



    vielleicht könntet ihr ja mal schauen ob ihr einen fehler entdeckt.


    Zuletzt modifiziert von Chester am 13.06.2009 - 13:31:53
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Fire86 Mitglied
    Registriert seit
    25.04.2009
    Beiträge
    543
    Beitragswertungen
    0 Beitragspunkte
    Das sollte helfen, die gröbsten Fehler zu beseitigen.
    Geht schon ganz oben mit dem Doctype los.
    Dein Design ist wohl an html 4.01 angepasst, Ilch selber ist aber überwiegend auf xhtml 1.0 ausgelegt.
    Kein Support per Email oder ICQ!
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    lordrepha Mitglied
    Registriert seit
    11.03.2006
    Beiträge
    1.362
    Beitragswertungen
    22 Beitragspunkte
    aber dann doch bitte den richtigen validator.w3.org
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    Fire86 Mitglied
    Registriert seit
    25.04.2009
    Beiträge
    543
    Beitragswertungen
    0 Beitragspunkte
    Also das macht nun wirklich keinen Unterschied. zunge
    Reine Geschmacksfrage.
    Ich persönlich bevorzuge selfhtml, da die Fehlerauflistung etwas übersichtlicher ist.
    Kein Support per Email oder ICQ!
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    lordrepha Mitglied
    Registriert seit
    11.03.2006
    Beiträge
    1.362
    Beitragswertungen
    22 Beitragspunkte
    naja bei deinem komme aus irgendeinem grund mehr fehler als bei meinem... kann aber auch sein weil ich das ding nur etwas überflogen habe... als test habe ich eine seite reingeschrieben die bei meinem fehlerfrei ist und bei deinem noch fehler anzeigt.... woran das liegt keine ahnung
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    Fire86 Mitglied
    Registriert seit
    25.04.2009
    Beiträge
    543
    Beitragswertungen
    0 Beitragspunkte
    Vermutlich an der Validierungsengine. Die Richtlinien, an denen gemessen wird, sind jendenfalls identisch.
    Meine Erfahrung ist, dass, wenn selfhtml.org keine Fehler findet, w3.org erst recht keine Fehler mehr findet.

    Davon mal abgesehen, ein Großteil der Fehler kann man in der Praxis sowieso getrost ignorieren.
    Moderne Browser sind in der Hinsicht sehr tolerant geworden.
    Kein Support per Email oder ICQ!
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    Chester Mitglied
    Registriert seit
    17.02.2009
    Beiträge
    753
    Beitragswertungen
    19 Beitragspunkte
    eure beiden Seiten sind echt geil nur versteh ich nur Bahnhof.

    fangen wir erstmal vorne an. ich soll mein Doctype also in XHTML 1.0 umcodieren? wie mach ich das wie heißt dann die Zeile?

    Dann weiter:

    Fehler: Im Element td ist das Attribut `BACKGROUND` nicht erlaubt.
    Fehlerstelle:

    ight="25" align="center"valign="top"background="include/designs/

    so der meint der Befehl background währe in einem td nicht erlaubt. Aber soll ich denn stattdessen machen? Das ganze Design auf ner css Datei aufbauen? also mit div tags und id´s?


    Fehler: Beim Verwenden von eingebetteten Ereignissen (Event-Handler) muss die verwendete Scriptsprache in einen Meta-Tag
    (<meta http-equiv="Content-Script-Type" content="text/javascript">)
    und/oder im HTTP-Header (Content-Script-Type: text/javascript) mitgeteilt werden.
    Weitergehende Informationen finden Sie hier.
    Fehlerstelle:

    ews" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','',

    Und da versteh ich nur Bahnhof.
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    lordrepha Mitglied
    Registriert seit
    11.03.2006
    Beiträge
    1.362
    Beitragswertungen
    22 Beitragspunkte
    aaaaaalso^

    die ersten Zeilen deines Dokumentes können so aussehen.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

    wenn du das hast fallen wahscheinlich schon ein paar fehler raus...

    wenn du Javascript in eine Seite einfügst sollte das so aussehen

    <script type="text/javascript">
    hier dein javascript
    </script>

    Dann gibt es auch noch fehler bei einigen Elementen in bezug auf groß-kleinschreibung.

    also Aufgabe: Doctype ändern. Und anfangen fehler die man beseitiugen kann zu beseitigen... dann nochmal hier melden.
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    Chester Mitglied
    Registriert seit
    17.02.2009
    Beiträge
    753
    Beitragswertungen
    19 Beitragspunkte
    ok. also die Deutsche version ist völlig fürn arsch denn er sagt das in einem img tag ein alt tag enthalten sein muss. wenn ichs reinschreibe sagt er es ist verboten xD

    ich werde nun mal die englische version nehmen.


    Joar also ich hab nur fehler weil son alt nicht im tag drin ist da weiß ich nicht wie ich das machen soll.


    Zuletzt modifiziert von Chester am 14.06.2009 - 13:44:25
    0 Mitglieder finden den Beitrag gut.
  15. #15
    User Pic
    Fire86 Mitglied
    Registriert seit
    25.04.2009
    Beiträge
    543
    Beitragswertungen
    0 Beitragspunkte
    Auf alt-tags kannste eh verzichten.
    Immer title nehmen.

    Das ist ein gutes Beispiel für Fehler, die man ignorieren kann.
    Kein Support per Email oder ICQ!
    0 Mitglieder finden den Beitrag gut.
  16. #16
    User Pic
    lordrepha Mitglied
    Registriert seit
    11.03.2006
    Beiträge
    1.362
    Beitragswertungen
    22 Beitragspunkte
    bilder sollten auf jedenfall alt tags besitzen.... aber wir sollten vielleicht zurück zum thema.... an den alt tags liegt es bestimmt nicht das deine webseite nicht richtig in den gängigsten browser angezeigt wird.
    0 Mitglieder finden den Beitrag gut.
  17. #17
    User Pic
    Chester Mitglied
    Registriert seit
    17.02.2009
    Beiträge
    753
    Beitragswertungen
    19 Beitragspunkte
    es sind noch einige fehler enthalten. könnte mir da jemand helfen? also im Opera gibt es keine Design fehler außer das der Login völlig verschoben ist und ich nicht weiß woran es liegt. wenn das behoben ist ist denke ich mal alles soweit in Ordnung. außer das dann noch die Schrift zentriert ist.
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten