kleines HTML Problem

Diskutiere kleines HTML Problem im Web & Grafik Forum im Bereich Internet & Telekomunikation Forum; Hi, ich hab ein Problem mit meinem HTML Code von meiner Startseite. Er funktioniert, aber das Design stimmt nicht. Und zwar wird aus...
  • kleines HTML Problem Beitrag #1
A

Airfighter76

Bekanntes Mitglied
Dabei seit
01.04.2009
Beiträge
268
Reaktionspunkte
0
Hi,
ich hab ein Problem mit meinem HTML Code von meiner Startseite. Er funktioniert, aber das Design stimmt nicht. Und zwar wird aus irgendwelchen Gründen der Inhalt meiner Linken- und Rechten-Tabelle in die Mitte gesetzt. Obwohl da niergends align="center" steht. Hoffe ihr könnt mir helfen, vielleicht hab ich auch nur was übersehen.
HTML:
<!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">
  <head>


    <script type="text/javascript" src="http://usf-xnova.de/Lightbox/js/prototype.js"></script>
    <script type="text/javascript" src="http://usf-xnova.de/Lightbox/js/scriptaculous.js?load=effects"></script>
    <!--    <script type="text/javascript" src="http://usf-xnova.de/Lightbox/js/lightbox.js"></script> 
 
    <link rel="stylesheet" href="http://usf-xnova.de/Lightbox/css/lightbox.css" type="text/css" media="screen" /> -->

    <link type="text/css" rel="stylesheet" href="http://usf-xnova.de/Startseite/table_hintergrund.css"/>

    <!--  
  Schadowbox + Wordpress noch machen
  <script type="text/javascript">
      Shadowbox.init();
    </script>-->
    <link rel="shortcut icon" href="http://usf-xnova.de/favicon.ico" />
    <title>Universe Star Fight</title>
  </head>


  <body style="background-image:url(http://usf-xnova.de/Startseite/back.gif); background-repeat:no-repeat;background-color:black;color: #CCCCCC; background-attachment:fixed; ">




    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    
    <table border="0"  width="800" align="center" 
      style="background-image:url(http://usf-xnova.de/Startseite/Back_ground/allgemeiner_Hintergrund.png)">
      <tr>
        <td>



          <table border="0" width="175"  align="left"   cellpadding="5">
            <tr>
              <td>
                <!--Menü-->
                <a  href="http://usf-xnova.de/index.php">
                  <img  border="0" title="Vote for USF" name="Image12" alt="INFOS" src="http://usf-xnova.de/Startseite/Buttons/on/Infos_on.png"/>
                </a>
                <br/>
                <a  href="http://usf-xnova.de/reg.php">
                  <img  border="0" title="Vote for USF" name="Image12" alt="REGISTRIEREN" src="http://usf-xnova.de/Startseite/Buttons/Normal/Registrieren.png"/>
                </a>
              </td>
            </tr>
          </table>
        </td>
        <td>


          <table border="0" width="500" align="center"   cellpadding="5">
            <tr>
              <td align="center">
                <img src="http://usf-xnova.de/Startseite/infos.png" alt="Infos zu USF"/>
                <br/>
                <font color="white" >
                  <h4>Worum geht's?</h4>
                </font>
                <font>
                  In USF geht es darum, sich im Universum gegen zahlreiche Spieler
                  durchzusetzen um so in der Rangliste noch oben zu klettern.
                  Hierf&uuml;r ist kein Mittel zu Schade, denn Krieg und hinterlistige
                  Angriff sind hier an der Tagesordnung. B&uuml;ndelt eure Kr&auml;fte um
                  &uuml;berlegene Gegner gemeinsam zu vernichten. Meistere zahlreiche
                  Quests und werde zur Nummer 1.
                </font> <br/>
                <font color="white" >
                  <h4>Sie benötigen:</h4>
                </font>
                Wir raten Ihnen für USF die aktuelle Version von Firefox zu benutzen, da das Spiel hierfür optimiert wurde. Dazu können
                mit anderen Internet-Browser oder älteren Firefoxversionen Fehler auftreten.

              </td>
            </tr>
          </table>
        </td>
        <td>
          <table border="0" width="175" align="center"   cellpadding="5">
            <tr>
              <td align="left" >
                <!--style="background-image:url(http://usf-xnova.de/Startseite/Back_ground/login_box.png); background-repeat:no-repeat;"> -->
                <!--Login-->
                <form action="" method="post" onsubmit="changeAction('login');">
                  <input type="hidden" name="timestamp" value="1173621187" />
                  <input type="hidden" name="v" value="2" />
                  <div id="login">
                    <label for="login_user">Username</label>
                    <input style="color:white" name="username" type="text" tabindex="101"  class="logininput" />
                    <label for="login_password" >Passwort</label>
                    <input name="password" style="color:white" type="password" tabindex="102"  class="logininput" maxlength="32" />
                    <input class="login" type="submit" tabindex="103" value="Login"/>
                    <br/>
                    <font>
                      Mit dem Login akzeptiere ich die
                    </font>
                    <a  target="_blank" href="http://usf-xnova.de/agb.php">
                      <font>
                        <u>AGB.</u>
                      </font>
                    </a>
                    <br/>
                    <a target="_bank" href="http://usf-xnova.de/pw.php">
                      <font>
                        <u>Passwort vergessen?</u>
                      </font>
                    </a>


                  </div>
                </form>


              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>

          <br/>
          <table border="0"  width="30%" align="center"  >
            <tr>
              <td>
                <img src="    http://usf-xnova.de/banner/Werbebanner/Unsere_Banner.png" align="center"  alt="Serie: image 3 0f  thumb"/>
              </td>
            </tr>


          </table>
          <table border="0"  width="800" align="center" >
            <tr>
              <td>
                <br/>


                <a href="http://usf-xnova.de/banner/Werbebanner/black_white_2.png" align="left" rel="lightbox[serie]" title="Description">
                  <img src="http://usf-xnova.de/banner/Werbebanner/black_white_2_small.png" alt="Serie: image 3 0f  thumb"/>
                </a>
                <a href="http://usf-xnova.de/banner/Werbebanner/star_ship.png" align="middel" rel="lightbox[serie]" title="Description">
                  <img src="http://usf-xnova.de/banner/Werbebanner/star_ship_small.png" alt="Serie: image 1 0f 3 thumb"/>
                </a>
                <a href="http://usf-xnova.de/banner/Werbebanner/blue_white.png" align="right" rel="lightbox[serie]" title="Description">
                  <img src="http://usf-xnova.de/banner/Werbebanner/blue_white_small.png" alt="Serie: image 2 0f 3 thumb">
                  </img>
                </a>
              </td>
            </tr>
          </table>






  </body>

</html>
 
  • kleines HTML Problem Beitrag #2
sebhoff

sebhoff

Bekanntes Mitglied
Dabei seit
07.09.2006
Beiträge
5.209
Reaktionspunkte
2
wieso, der Inhalt ist doch auf der linken Seite.

System: ubuntu 10.4 FF 3.6.8
 
  • kleines HTML Problem Beitrag #3
A

Airfighter76

Bekanntes Mitglied
Dabei seit
01.04.2009
Beiträge
268
Reaktionspunkte
0
Vielleicht hab ich mich nicht deutlich genug ausgedrückt. Also noch mal, klar meine Tabelle ist auf der Linken Seite, nur die Menüpunkte sind in der Tabelle mittig angeordnet und nicht oben. Das gleiche Problem gibt es auch mit der Rechten Tabelle, nur der Text in der mittleren Tabelle ist richtig angeordnet.
 
  • kleines HTML Problem Beitrag #4
S

Stefan

Guest
Richtig, ich glaube du hast dich nicht deutlich ausgedrückt :) Von vertikal war im ersten Beitrag nicht die Rede, und du hast dort explizit die Eigenschaft erwähnt, welche die horizontale Ausrichtung regelt :)

Füge bei den entsprechenden Tabellenzellen noch den fetten CSS Code hinzu:
Code:
        <td[B] style="vertical-align:top"[/B]>
Versuche aber von den Tabellen Abstand zu nehmen, das ist heute nicht mehr Stand der Technik.

Freundliche Grüße

Stefan
 
  • kleines HTML Problem Beitrag #5
A

Airfighter76

Bekanntes Mitglied
Dabei seit
01.04.2009
Beiträge
268
Reaktionspunkte
0
Vielen dank es funktioniert. Aber was meintest du, das Tabellen nicht mehr der Stand der Technik ist? Gibt es bessere Lösungen? Wenn ja welche?
 
  • kleines HTML Problem Beitrag #7
A

Airfighter76

Bekanntes Mitglied
Dabei seit
01.04.2009
Beiträge
268
Reaktionspunkte
0
Ja ich hatte zuerst auch css verwendet, nur meine Kentnisse in diesem Bereich reichen noch nicht dafür aus. Aber im Moment gilt, das Design soll stehen und wenn ich später über bessere css Kentnisse verfüge, werde ich dies natürlich dementsprechend abändern.
 
Thema:

kleines HTML Problem

ANGEBOTE & SPONSOREN

https://www.mofapower.de/

Statistik des Forums

Themen
213.180
Beiträge
1.579.174
Mitglieder
55.879
Neuestes Mitglied
stonetreck
Oben