• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

alles über divs

Status
Für weitere Antworten geschlossen.
FleyerShaver

FleyerShaver

Neues Mitglied
Ich habe ja schon öfter gehört das man kein Tabellendesign machen sollte, deshalb wollte ich mich in nächster Zeit mal mit divs beschäftigen. Nun meine frage, kann man wirklich alles mit divs lösen. Ich habe jetzt z.B. so einen Code, kann ich den nur mit divs machen?
HTML: 
<style>
TD   {font-family:verdana; font-size:10px;}
A.bot   {font-family:Verdana;font-size:12;color:#FFFFFF;font:900;padding-left:10px;padding-right:10px;text-decoration:none}
A:hover {color:#FFFFFF; text-decoration:bold;} 
.copy   {font-family:verdana; font-size:12px; color:5067AF; text-decoration:none; padding-left:10px;  padding-right:10px;}
.terms   {font-family:verdana; font-size:12px; color:5067AF; text-decoration:none; padding-left:10px;  padding-right:10px;}
</style>
<body background="../images/temp/back.jpg" text="#FFFFFF" link="#3366FF" vlink="#3366FF" alink="#3366FF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="1011" height="784" border="0" align="center" cellpadding="0" cellspacing="0" id="Tabelle_01">
    <tr>
        <td colspan="4">
            <img src="images/temp/01.jpg" width="487" height="37" alt=""></td>
        <td colspan="5">
            <img src="images/temp/02.jpg" width="523" height="37" alt=""></td>
        <td>
            <img src="images/temp/spacer.gif" width="1" height="37" alt=""></td>
    </tr>
    <tr>
        
    <td colspan="4"> <img src="images/temp/03.jpg" width="487" height="236" alt=""></td>
        <td colspan="5">
            <img src="images/temp/04.jpg" width="523" height="236" alt=""></td>
        <td>
            <img src="images/temp/spacer.gif" width="1" height="236" alt=""></td>
    </tr>
    <tr>
        <td colspan="4">
            <img src="images/temp/05.jpg" width="487" height="59" alt=""></td>
        <td colspan="5">
            <img src="images/temp/06.jpg" width="523" height="59" alt=""></td>
        <td>
            <img src="images/temp/spacer.gif" width="1" height="59" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/temp/07.jpg" width="137" height="127" alt=""></td>
        
    <td colspan="2" valign="top" background="images/temp/08.jpg"><span class="Stil2">
      <?php include "game_top.php"; ?>
      </span></td>
        <td colspan="2">
            <img src="images/temp/09.jpg" width="29" height="127" alt=""></td>
        
    <td colspan="2" valign="top" background="images/temp/10.jpg"><span class="Stil2">
      <?php include "login.php"; ?>
      </span></td>
        <td colspan="2">
            <img src="images/temp/11.jpg" width="167" height="127" alt=""></td>
        <td>
            <img src="images/temp/spacer.gif" width="1" height="127" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="images/temp/12.jpg" width="254" height="79" alt=""></td>
        <td colspan="4">
            <img src="images/temp/13.jpg" width="471" height="79" alt=""></td>
        <td colspan="2">
            <img src="images/temp/14.jpg" width="253" height="79" alt=""></td>
        <td>
            <img src="images/temp/15.jpg" width="32" height="79" alt=""></td>
        <td>
            <img src="images/temp/spacer.gif" width="1" height="79" alt=""></td>
    </tr>
    <tr>
        
    <td colspan="2" rowspan="5" valign="top" background="images/temp/16.jpg"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td width="6%">&nbsp;</td>
          <td width="81%"><table width="100%" border="0">
              <tr> 
                <td width="13%" height="23">&nbsp;</td>
                <td width="87%">
                  <?php include "navigation_right.php"; ?>
                </td>
              </tr>
            </table></td>
          <td width="13%">&nbsp;</td>
        </tr>
      </table>
      <br> <br> <table width="100%" height="35" cellpadding="0"  cellspacing="0" background="images/temp/20.jpg">
        <tr> 
          <td><table width="100%"  cellspacing="0" cellpadding="0">
              <tr> 
                <td width="16%">&nbsp;</td>
                <td width="76%"><span class="Stil1">SEARCH</span></td>
                <td width="8%">&nbsp;</td>
              </tr>
            </table></td>
        </tr>
      </table>
      <table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td width="6%">&nbsp;</td>
          <td width="81%"><table width="100%" border="0">
              <tr> 
                <td width="5%" height="23"><div align="right"></div></td>
                <td width="95%">
                  <?php include "search.php"; ?>
                </td>
              </tr>
            </table></td>
          <td width="13%">&nbsp;</td>
        </tr>
      </table>
      <br> <table width="100%" height="35" cellpadding="0"  cellspacing="0" background="images/temp/20.jpg">
        <tr> 
          <td><table width="100%"  cellspacing="0" cellpadding="0">
              <tr> 
                <td width="16%">&nbsp;</td>
                <td width="76%"><span class="Stil1">POLL</span></td>
                <td width="8%">&nbsp;</td>
              </tr>
            </table></td>
        </tr>
      </table>
      <table width="100%" border="0">
        <tr> 
          <td width="15%" height="23"><div align="right"></div></td>
          <td width="85%">
            <?php include "poll.php"; ?>
          </td>
        </tr>
      </table>
      <br> <table width="100%" height="35" cellpadding="0"  cellspacing="0" background="images/temp/20.jpg">
        <tr> 
          <td><table width="100%"  cellspacing="0" cellpadding="0">
              <tr> 
                <td width="16%">&nbsp;</td>
                <td width="76%"><span class="Stil1">STATISTICS</span></td>
                <td width="8%">&nbsp;</td>
              </tr>
            </table></td>
        </tr>
      </table>
      <table width="100%" border="0">
        <tr> 
          <td width="15%" height="23"><div align="right"></div></td>
          <td width="85%">
            <?php include "counter.php"; ?>
          </td>
        </tr>
      </table>
      <table width="100%" height="35" cellpadding="0"  cellspacing="0" background="images/temp/20.jpg">
        <tr> 
          <td><table width="100%"  cellspacing="0" cellpadding="0">
              <tr> 
                <td width="16%">&nbsp;</td>
                <td width="76%"><span class="Stil1">PARTNERS</span></td>
                <td width="8%">&nbsp;</td>
              </tr>
            </table></td>
        </tr>
      </table>
      <table width="100%" border="0">
        <tr> 
          <td width="15%" height="23"><div align="right"></div></td>
            <?php include "partner.php"; ?>
        </tr>
      </table>
      <p>&nbsp;</p>
      <br>
      <br>
            <br>
      <br>
      <br>
      <br></td>
        
    <td colspan="4" rowspan="5" valign="top" background="images/temp/17.jpg"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td width="0%">&nbsp;</td>
          <td width="98%"><div align="center"> 
              <?php include "news.php"; ?>
            </div></td>
          <td width="2%">&nbsp;</td>
        </tr>
      </table>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
    </td>
        
    <td colspan="3" rowspan="5" valign="top" background="images/temp/21.jpg"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td><table width="100%" height="28" cellpadding="0"  cellspacing="0" background="images/temp/19.jpg">
              <tr> 
                <td><table width="100%"  cellspacing="0" cellpadding="0">
                    <tr> 
                      <td width="16%">&nbsp;</td>
                      <td width="76%"><span class="Stil1">NEXT EVENTS </span></td>
                      <td width="8%">&nbsp;</td>
                    </tr>
                  </table></td>
              </tr>
            </table></td>
        </tr>
        <tr> 
          <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td width="16%">&nbsp;</td>
                <td width="69%"><div align="left"><span class="Stil2"> 
                    <?php include "last_upcoming.php"; ?>
 
Werbung:
hier ist noch der unter Teil vom Code
HTML: 
</span></div></td>
                <td width="15%">&nbsp;</td>
              </tr>
            </table></td>
        </tr>
        <tr> 
          <td><table width="100%" height="28" cellpadding="0"  cellspacing="0" background="images/temp/19.jpg">
              <tr> 
                <td><table width="100%"  cellspacing="0" cellpadding="0">
                    <tr> 
                      <td width="16%">&nbsp;</td>
                      <td width="76%"><span class="Stil1">ARTICLES</span></td>
                      <td width="8%">&nbsp;</td>
                    </tr>
                  </table></td>
              </tr>
            </table></td>
        </tr>
        <tr> 
          <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td width="17%">&nbsp;</td>
                <td width="68%"><div align="left"><span class="Stil2"> 
                    <?php include "last_articles.php"; ?>
                    </span></div></td>
                <td width="15%">&nbsp;</td>
              </tr>
            </table></td>
        </tr>
        <tr> 
          <td><table width="100%" height="28" cellpadding="0"  cellspacing="0" background="images/temp/19.jpg">
              <tr> 
                <td><table width="100%"  cellspacing="0" cellpadding="0">
                    <tr> 
                      <td width="16%">&nbsp;</td>
                      <td width="76%"><span class="Stil1">LATEST NEWS </span></td>
                      <td width="8%">&nbsp;</td>
                    </tr>
                  </table></td>
              </tr>
            </table></td>
        </tr>
        <tr> 
          <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td width="17%">&nbsp;</td>
                <td width="68%"><div align="left"><span class="Stil2"> 
                    <? include "last_news.php"; ?>
                    </span></div></td>
                <td width="15%">&nbsp;</td>
              </tr>
            </table></td>
        </tr>
        <tr> 
          <td><table width="100%" height="28" cellpadding="0"  cellspacing="0" background="images/temp/19.jpg">
              <tr> 
                <td><table width="100%"  cellspacing="0" cellpadding="0">
                    <tr> 
                      <td width="16%">&nbsp;</td>
                      <td width="76%"><span class="Stil1">TOP DOWNLOADS</span></td>
                      <td width="8%">&nbsp;</td>
                    </tr>
                  </table></td>
              </tr>
            </table></td>
        </tr>
        <tr> 
          <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td width="17%">&nbsp;</td>
                <td width="68%"><div align="left"><span class="Stil2"> 
                    <?php include "top_downloads.php"; ?>
                    </span></div></td>
                <td width="15%">&nbsp;</td>
              </tr>
            </table></td>
        </tr>
        <tr> 
          <td><table width="100%" height="28" cellpadding="0"  cellspacing="0" background="images/temp/19.jpg">
              <tr> 
                <td><table width="100%"  cellspacing="0" cellpadding="0">
                    <tr> 
                      <td width="16%">&nbsp;</td>
                      <td width="76%"><span class="Stil1">TOP DEMOS </span></td>
                      <td width="8%">&nbsp;</td>
                    </tr>
                  </table></td>
              </tr>
            </table></td>
        </tr>
        <tr> 
          <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td width="17%">&nbsp;</td>
                <td width="68%"><div align="left"><span class="Stil2"> 
                    <? include "new_demos.php"; ?>
                    </span></div></td>
                <td width="15%">&nbsp;</td>
              </tr>
            </table></td>
        </tr>
        <tr> 
          <td><table width="100%" height="28" cellpadding="0"  cellspacing="0" background="images/temp/19.jpg">
              <tr> 
                <td><table width="100%"  cellspacing="0" cellpadding="0">
                    <tr> 
                      <td width="16%">&nbsp;</td>
                      <td width="76%"><span class="Stil1">SHOUTBOX</span></td>
                      <td width="8%">&nbsp;</td>
                    </tr>
                  </table></td>
              </tr>
            </table></td>
        </tr>
        <tr> 
          <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td width="9%">&nbsp;</td>
                <td width="76%"><div align="center"><span class="Stil2"> 
                    <?php include "shoutbox.php"; ?>
                    </span></div></td>
                <td width="15%">&nbsp;</td>
              </tr>
            </table></td>
        </tr>
        <tr> 
          <td><table width="100%" height="28" cellpadding="0"  cellspacing="0" background="images/temp/19.jpg">
              <tr> 
                <td><table width="100%"  cellspacing="0" cellpadding="0">
                    <tr> 
                      <td width="16%">&nbsp;</td>
                      <td width="76%"><span class="Stil1">LATEST TOPIC </span></td>
                      <td width="8%">&nbsp;</td>
                    </tr>
                  </table></td>
              </tr>
            </table></td>
        </tr>
        <tr> 
          <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td width="12%">&nbsp;</td>
                <td width="73%"><div align="left"><span class="Stil2"> 
                    <? include("last_topics.php"); ?>
                    </span></div></td>
                <td width="15%">&nbsp;</td>
              </tr>
            </table></td>
        </tr>
      </table>
      <br>
      <br>
      <br>
    </td>
        <td>
            <img src="images/temp/spacer.gif" width="1" height="64" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/temp/spacer.gif" width="1" height="11" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/temp/spacer.gif" width="1" height="17" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/temp/spacer.gif" width="1" height="18" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/temp/spacer.gif" width="1" height="72" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="images/temp/23.jpg" width="254" height="63" alt=""></td>
        
    <td colspan="4"> <img src="images/temp/24.jpg" alt="" width="471" height="63" border="0"></a></td>
        <td colspan="3">
            <img src="images/temp/25.jpg" width="285" height="63" alt=""></td>
        <td>
            <img src="images/temp/spacer.gif" width="1" height="63" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/temp/spacer.gif" width="137" height="1" alt=""></td>
        <td>
            <img src="images/temp/spacer.gif" width="117" height="1" alt=""></td>
        <td>
            <img src="images/temp/spacer.gif" width="221" height="1" alt=""></td>
        <td>
            <img src="images/temp/spacer.gif" width="12" height="1" alt=""></td>
        <td>
            <img src="images/temp/spacer.gif" width="17" height="1" alt=""></td>
        <td>
            <img src="images/temp/spacer.gif" width="221" height="1" alt=""></td>
        <td>
            <img src="images/temp/spacer.gif" width="118" height="1" alt=""></td>
        <td>
            <img src="images/temp/spacer.gif" width="135" height="1" alt=""></td>
        <td>
            <img src="images/temp/spacer.gif" width="32" height="1" alt=""></td>
        <td></td>
    </tr>
</table>
</body>
</html>
 
so ein langer code bringt uns fast gar nichts (besonders bei unüberisichtlichen tabellen :p), kannst du mal nen beispiellink posten?
 
Werbung:
Das dürfte ohne probleme mit divs realisierbar sein, ist nur die frage ob das ganze dann auch noch "mittig" ist
 
klar kann man das ganze mit divs amchen, ist sogar übersichtlicher. und damit das ganze mittig ist, musst du alle divs in einen großen packen, und dann in den boody schreiben style="text-align:center;". ist mi divs sogar einfacher, und übersichtlicher.
 
Werbung:
könnte mir jemand nur das ganz oben die ersten bilder komplett mit divs machen, damit ich weiß wies geht, den rest bekomm ich dann schon von alleine raus.
 
HTML: 
<div style="float:left;">Bild1</div>
<div>Bild2</div>
<div style="float:left;">Bild3</div>
<div>Bild4</div>
 
Commodore schrieb:
und damit das ganze mittig ist, musst du alle divs in einen großen packen, und dann in den boody schreiben style="text-align:center;". ist mi divs sogar einfacher, und übersichtlicher.
Zum Vergrößern anklicken....
Nein. Eine Zentrierung erreicht man durch einen automatisch vergebenen linken und rechten Außenabstand (margin: 0 auto). Selbst der IE zentriert Blocklevel-Elemente mit der von dir genannten Eigenschaft nur im Quirksmodus.
 
Werbung:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben