kleines HTML-Problem [gelöst]

DRose · 22 Mai 2008

Hallo alle miteinander !

Ich habe folgendes Problem:

Auf der Seite https://sukama.de/rechner ist mir der Abstand zwischen dem Eingabefeld und der Ausgabe zu groß.

Diese große Lücke möchte ich verkleinern.

Den Quellcode habe ich bereits angeschaut, allerdings nichts verdächtiges gefunden.

Kann mir jemand helfen ?

Gruß
MoneyMaker

theHacker · 22 Mai 2008

Das Ding hat nicht mal n body-, geweigedem n html-Tag. Du hast Formulare in Tabellen, Daten innerhalb von Tabellen, aber außerhalb von Zellen, ... Du kannst froh sein, wenn der Browser überhaupt was zeigt

Korrigiere einfach mal alle Fehler, die der Validator ausspuckt, dann sollte sich das Problem automatisch lösen

https://validator.w3.org/check?verbose=1&uri=http://sukama.de/rechner/index.php

DRose · 22 Mai 2008

theHacker schrieb:
Das Ding hat nicht mal n body-, geweigedem n html-Tag. Du hast Formulare in Tabellen, Daten innerhalb von Tabellen, aber außerhalb von Zellen, ... Du kannst froh sein, wenn der Browser überhaupt was zeigt

Korrigiere einfach mal alle Fehler, die der Validator ausspuckt, dann sollte sich das Problem automatisch lösen
https://validator.w3.org/check?verbose=1&uri=http://sukama.de/rechner/index.php

super, danke.

Ich probiere es dann mal :biggrin:

Aber irgendwie funktioniert es trotzdem nicht

DRose · 22 Mai 2008

Habe nun <html> <head> und <body> Tags eingefügt, allerdings ist es noch immer gleich.

Hat sonst noch jemand ne Idee ?

theHacker · 22 Mai 2008

MoneyMaker schrieb:
Habe nun <html> <head> und <body> Tags eingefügt, allerdings ist es noch immer gleich.

Der Validator meldet immer noch 54 Fehler.

Du wirfst alle Tags wild durcheinander, ohne, dass du dich an irgendwelche Regeln hältst, die HTML dir vorschreibt. Irgendeins oder mehrere von den Tags, die nicht hingehören, wo sie grade stehen, bringt den Browser zu dem Abstand.

Wie gesagt: Korrigiere erstmal die Fehler.

Tyrell · 22 Mai 2008

Ich würde sogar sagen, dass du ein ausgesprochen größeres HTML-Problem hast. Der Code ist - gelinde gesagt - totaler Mist.
Bevor du mit HTML loslegst, solltest du dir erstmal anschauen, wie HTML überhaupt funktioniert.
Das was du produziert hast, zeigt, dass du die simpelsten syntaktischen Strukturen von HTML nicht verstanden hast.

HTML hat eine vergleichsweise sehr einfache Syntax, dennoch kann es schnell zu Fehlern kommen. Sorgfalt bei der Erstellung von syntaktisch richtigen Dokumenten zahlt sich aus, da solche Fehler, wie du sie gemacht hast dann auch sofort auffallen (nämlich zwischen die <tr>-Tags einfach mal ein paar <br>s geknallt).

Daher rate ich dir, dich nochmal sorgfältig in HTML einzulesen oder dir ein anderes Hobby zu suchen. Als kleinen Ansporn hab ich dir hier validen und XHTML1.0-Strict und CSS2.1 kompatiblen Code zu deiner Seite aufgeschrieben.
Fairerweise solltest du den nicht nur 1:1 übernehmen, sondern dir angucken, wo du in deinem Code Fehler gemacht hast. Nur durch sorgfältiges Arbeiten kann man akzeptable Ergebnisse erzielen.

HTML:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="de">
  <head>
    <meta name="keywords" content="kredit, rechner" />
    <meta name="description" content="Kreditrechner" />
    <meta name="rating" content="Geld" />
    <meta name="expires" content="never" />
    <meta name="language" content="german" />
    <meta name="charset" content="iso-8859-1" />
    <meta name="distribution" content="Marketing" />
    <meta name="author" content="Simon Eckermann" />
    <meta name="publisher" content="Simon Eckermann" />
    <meta name="copyright" content="Copyright© 2008 " />
    <meta name="Robots" content="INDEX,FOLLOW" />
    <meta name="Revisit" content="After 1 days" />
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Kreditrechner</title>
    <style type="text/css">
      <!--
      TD.h { width:100px; background-color:#CC9966;} 
      TD.f { width:40px; background-color:#CC9966;} 
      TD.e { width:80px; background-color:#CC9966;} 
      TD.h_h { width:100px; background-color:#FFCC00;} 
      TD.f_h { width:40px; background-color:#FFCC00;} 
      TD.e_h { width:80px; background-color:#FFCC00;} 
      //-->
    </style>
  </head>
  <body>
  <form action="index.php" method="post">
    <table>
      <tr>
        <td>
          Betrag
        </td>
        <td>
          <input type="text" name="betrag" />
        </td>
      </tr>
      <tr>
        <td>
          Laufzeit in Monaten
        </td>
        <td>
          <select name="laufzeit">
            <option>6</option>
            <option>12</option>
            <option>24</option>
            <option>36</option>
            <option>48</option>
            <option>60</option>
            <option>72</option>
            <option>84</option>
            <option>96</option>
            <option>108</option>
            <option>120</option>
          </select>
        </td>
      </tr>
      <tr>
        <td>
          <input type="submit" name="Kredite_Anzeigen" value="Kredite anzeigen" />
        </td>
      </tr>
    </table>  
  </form>
  <table>
    <tr>
      <td class="h_h">
        Logo
      </td>
      <td class="h_h">
        Anbieter
      </td>
      <td class="f_h">
        Laufzeit
      </td>
      <td class="f_h">
        eff. Jahreszins
      </td>
      <td class="f_h">
        monatl. Rate
      </td>
      <td class="f_h">
        Gesamtzahlung inkl. Zinsen
      </td>
      <td class="e_h">
        Kreditentscheid
      </td>
      <td  class="e_h">
        Bonitäts-abhängig
      </td>
      <td  class="h_h">
        Link Zum Anbieter
      </td>
    </tr>
    <tr>
      <td  class="h">
        <img src="test5" alt="Logo des Anbieters" />
      </td>
      <td  class="h">
        test5
      </td>
      <td  class="f">
        12
      </td>
      <td  class="f">
        2
      </td>
      <td  class="f">
        850
      </td>
      <td  class="f">
        10200
      </td>
      <td  class="e">
      </td>
      <td  class="e">
      </td>
      <td  class="h">
        <a href="test5">
          Zum Anbieter
        </a>
      </td>
    </tr>
    <tr>
      <td  class="h">
        <img src="Test10" alt="Logo des Anbieters" />
      </td>
      <td  class="h">
        Test10
      </td>
      <td  class="f">
        12
      </td>
      <td  class="f">
        2.00
      </td>
      <td  class="f">
        850
      </td>
      <td  class="e">
        10200
      </td>
      <td  class="e">
      </td>
      <td  class="e">
      </td>
      <td  class="h">
        <a href="test10">
          Zum Anbieter
        </a>
      </td>
    </tr>
    <tr>
      <td  class="h">
        <img src="https://banners.webmasterplan.com/view.asp?ref=226086&site=3465&b=27" alt="Logo des Anbieters" />
      </td>
      <td  class="h">
        SWK
      </td>
      <td  class="f">
        12
      </td>
      <td  class="f">
        3
      </td>
      <td  class="f">
        858.33
      </td>
      <td  class="f">
        10300
      </td>
      <td  class="e">
      </td>
      <td  class="e">
      </td>
      <td  class="h">
        <a href="https://www.swkbank.de/affiliate/link.php?partnerId=hypolivede">
          Zum Anbieter
        </a>
      </td>
    </tr>
    <tr>
      <td  class="h">
        <img src="https://www.kredit4you.de/images/kredit28.jpg" alt="Logo des Anbieters" />
      </td>
      <td  class="h">
        CrediX
      </td>
      <td  class="f">
        12
      </td>
      <td class="f">
        4
      </td>
      <td class="f">
        866.67
      </td>
      <td class="f">
        10400
      </td>
      <td class="e">
      </td>
      <td class="e">
      </td>
      <td class="h">
        <a href="https://gem.zieltracker.de/go.cgi?pid=2204&wmid=28&target=CreditX">
          Zum Anbieter
        </a>
      </td>
    </tr>
    <tr>
      <td  class="h">
        <img src="https://clkde.tradedoubler.com/click?p=59286&a=1379577&g=16945122" alt="Logo des Anbieters"/>
      </td>
      <td  class="h">
        SEB
      </td>
      <td  class="f">
        12
      </td>
      <td  class="f">
        4
      </td>
      <td  class="f">
        866.67
      </td>
      <td  class="f">
        10400
      </td>
      <td  class="e">
      </td>
      <td  class="e">
      </td>
      <td  class="h">
        <a href="https://clkde.tradedoubler.com/click?p=59286&a=1379577&g=16945122">
          Zum Anbieter
        </a>
      </td>
    </tr>
    <tr>
      <td  class="h">
        <img src="https://www.kredit4you.de/images/kredit21.gif" alt="Logo des Anbieters" />
      </td>
      <td  class="h">
        Hanseatic Bank
      </td>
      <td  class="f">
        12
      </td>
      <td  class="f">
        4.44
      </td>
      <td  class="f">
        870.33
      </td>
      <td  class="f">
        10444
      </td>
      <td  class="e">
      </td>
      <td  class="e">
      </td>
      <td  class="h">
        <a href="https://partners.webmasterplan.com/click.asp?ref=226086&site=4898&type=text&tnb=4">
          Zum Anbieter
        </a>
      </td>
    </tr>
    </table>
  </body>
</html>

DRose · 22 Mai 2008

Danke euch beiden, es klappt nun

theHacker · 22 Mai 2008

Was sagen die Regeln über das Leerlöschen von Postings? :roll:

kleines HTML-Problem [gelöst]

DRose

Well-known member

theHacker

sieht vor lauter Ads den Content nicht mehr

DRose

Well-known member

DRose

Well-known member

theHacker

sieht vor lauter Ads den Content nicht mehr

Tyrell

iчɔʇıq

DRose

Well-known member

theHacker

sieht vor lauter Ads den Content nicht mehr

Ähnliche Themen

kleines HTML-Problem [gelöst]

Well-known member

sieht vor lauter Ads den Content nicht mehr

Well-known member

Well-known member

sieht vor lauter Ads den Content nicht mehr

i&#1095;&#596;&#647;&#305;q

Well-known member

sieht vor lauter Ads den Content nicht mehr

Ähnliche Themen

iчɔʇıq