kleines HTML-Problem [gelöst]

DRose

DRose

Well-known member
ID: 449680
L
28 Dezember 2006
4.687
223
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
 
Zuletzt bearbeitet von einem Moderator:
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 8O

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
 
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 8O

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
Zum Vergrößern anklicken....

super, danke.

Ich probiere es dann mal:biggrin:

Aber irgendwie funktioniert es trotzdem nicht
 
Zuletzt bearbeitet:
Habe nun <html> <head> und <body> Tags eingefügt, allerdings ist es noch immer gleich.


Hat sonst noch jemand ne Idee ?
 
MoneyMaker schrieb:
Habe nun <html> <head> und <body> Tags eingefügt, allerdings ist es noch immer gleich.
Zum Vergrößern anklicken....
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.
 
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>
 
Was sagen die Regeln über das Leerlöschen von Postings? :roll:
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Ähnliche Themen

D
Html Quellcode für M2 und Preis Rechner
Antworten
0
Aufrufe
2K
DerTischler5575
D
Zurück
Oben