StartseiteForumTutorialsArtikelBattlesDownloadsArtworkWebhosting
Webdesign in Siegen

tabelle - passt net

Fragen zum Thema HTML und CSS können hier gestellt werden

Moderatoren: Basti, Ingo

Antwort erstellen

tabelle - passt net

Beitragvon =Max= am 01.04.2007, 11:31

Hallo,

ja was soll ich sagen bei dieser: (http://www.habbo-maximal.de/design.html) Datei sieht man oben ein Submenü und darunter drei Teile:

Ein kasten in dem PANELGROUP steht
EIn weißer Kasten in dem PANELGROUP steht
Und ein Bild was unter dem weißen ist!

Ich will jetzt aber das die drei Teile nebeneinander hinsollen! Kann mir da jmd helfen? Hier mal der Quellcode:

Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><link rel="SHORTCUT ICON" href="http://www.reb.li/karottenclub/favicon/favicon46.ico"><script language="JavaScript">
var message="";
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
</script><title>Habbo Maximal I Connecting People</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body,td,th {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
}
a {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #000000;
}
a:link {
   text-decoration: none;
}
a:visited {
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
}
a:active {
   text-decoration: none;
}
body {
   background-image: url(http://images.habbohotel.de/c_images/2007-VALENTINE/val_bg.gif);
}
-->
</style><meta http-equiv="Pragma" content="no-cache"><style type="text/css">
<!--
body,td,th {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
}
-->
</style><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
body,td,th {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
}
-->
</style><meta http-equiv="Pragma" content="no-cache"></head><body>
<table width="927" border="0" align="center" cellpadding="0" cellspacing="0">
  <tbody><tr>
    <td width="927"><img src="http://www.habbo-maximal.de/cms/bild/submenu_1.gif" width="18" height="17"><a href="http://www.habbo-maximal.de/cms/index.php?panel=&submenu="><img src="http://www.habbo-maximal.de/cms/bild/submenu_2.gif" width="100" height="17" border="0"></a><img src="http://www.habbo-maximal.de/cms/bild/submenu_3.gif" width="32" height="17" border="0"><a href="http://www.habbo-maximal.de/cms/index.php?panel=&submenu="><img src="http://www.habbo-maximal.de/cms/bild/submenu_4.gif" width="100" height="17" border="0"></a><img src="http://www.habbo-maximal.de/cms/bild/submenu_5.gif" width="25" height="17"><a href="http://www.habbo-maximal.de/cms/index.php"><img src="http://www.habbo-maximal.de/cms/bild/submenu_6.gif" width="100" height="17" border="0"></a><img src="http://www.habbo-maximal.de/cms/bild/submenu_7.gif" width="25" height="17"><a href="http://www.habbo-maximal.de/cms/index.php"><img src="http://www.habbo-maximal.de/cms/bild/submenu_8.gif" width="100" height="17" border="0"></a><img src="http://www.habbo-maximal.de/cms/bild/submenu_9.gif" width="31" height="17"><a href="http://www.habbo-maximal.de/cms/index.php"><img src="http://www.habbo-maximal.de/cms/bild/submenu_10.gif" width="100" height="17" border="0"></a><img src="http://www.habbo-maximal.de/cms/bild/submenu_11.gif" width="296" height="17" border="0"></td>
  </tr>

  <tr>
    <td><img src="http://www.habbo-maximal.de/cms/bild/banner_oben.gif" width="927" height="5"></td>
  </tr>
  <tr>
  <td height="50" background="http://www.habbo-maximal.de/cms/bild/banner_mitte.png"><table width="927" border="0" align="center" cellpadding="0" cellspacing="0"><tbody><tr><td style="text-align:left; padding-left: 5px;"><table width="185" border="0" align="left" valign="top" cellpadding="0" cellspacing="0"><tbody><tr><td><img src="http://www.habbo-maximal.de/cms/bild/short_news_oben.gif" width="185" height="7"></td></tr>
  <tr><td height="40" background="http://www.habbo-maximal.de/cms/bild/short_news_mitte.gif"><table width="185" border="0" align="center" cellpadding="0" cellspacing="0"><td style="padding-left: 3px; padding-right: 3px;">{PANELGROUP}</td></table></td></tr>
  <tr><td><img src="http://www.habbo-maximal.de/cms/bild/short_news_unten.gif" width="185" height="6"></td></tr></tbody></table><table width="547" border="0" align="center" cellpadding="0" cellspacing="0"><tbody><tr><td>
  <img src="http://www.habbo-maximal.de/cms/bild/aktuell_oben.gif" width="547" height="10"></td></tr><tr><td height="20" background="http://www.habbo-maximal.de/cms/bild/aktuell_mitte.gif">
  <table width="547" border="0" align="center" cellpadding="0" cellspacing="0"><td style="padding-left: 3px; padding-right: 3px;">{PANELGROUP}</td></table></td></tr>
  <tr><td><img src="http://www.habbo-maximal.de/cms/bild/aktuell_unten.gif" width="547" height="9"></td></tr></tbody></table><table width="173" border="0" align="right" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding-right: 5px;"><img src="http://www.habbo-maximal.de/cms/bild/thema_oben.gif" width="173" height="123"></td></tr></tbody></table></td></tr></tbody></table></td>
  </tr>
  <tr><td><img src="http://www.habbo-maximal.de/cms/bild/banner_unten.gif" width="927" height="4"></td></tr>
  <tr>
  <tr><td>
  <img src="http://www.habbo-maximal.de/cms/bild/balken_oben.gif" width="927" height="3"></td></tr>
  <tr>
  <td height="12" background="http://www.habbo-maximal.de/cms/bild/balken_mitte.gif"><table width="927" border="0" align="center" cellpadding="0" cellspacing="0"><td style="padding-left: 3px; padding-right: 3px;">{PANELGROUP}</td></table></td></tr>
  <tr>
  <td>
  <img src="http://www.habbo-maximal.de/cms/bild/balken_unten.gif" width="927" height="2"></td></tr>
    <tr><td><img src="http://www.habbo-maximal.de/cms/bild/mitte_oben.gif" width="927" height="8"></td></tr><td height="5" align="center" background="http://www.habbo-maximal.de/cms/bild/mitte.gif"><table width="902" border="0" align="center" cellpadding="0" cellspacing="0">
      <tbody><tr>
        <td height="5" align="center"><table width="179" border="0" align="right" cellpadding="0" cellspacing="0">
            <tbody>
            <tr>
              <td><img src="http://www.habbo-maximal.de/cms/bild/navi_rechts_oben.gif" width="179" height="15"></td>
            </tr>
            <tr>
              <td height="22" background="http://www.habbo-maximal.de/cms/bild/navi_rechts_mitte.gif"><table width="179" border="0" align="center" cellpadding="0" cellspacing="0">
                <tbody><tr>
                  <td style="text-align:left; padding-left: 6px;">{PANELGROUP}</td>
                </tr>
              </tbody></table></td>
            </tr>
            <tr>
              <td><img src="http://www.habbo-maximal.de/cms/bild/navi_rechts_unten.gif" width="179" height="13"></td>
            </tr>
            <tr>
              <td height="12">&nbsp;</td>
            </tr>
            <tr>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td><img src="http://www.habbo-maximal.de/cms/bild/navi_rechts_oben.gif" width="179" height="15"></td>
            </tr>
            <tr>
              <td height="21" background="http://www.habbo-maximal.de/cms/bild/navi_rechts_mitte.gif"><table width="179" border="0" align="center" cellpadding="0" cellspacing="0">
                <tbody><tr>
                  <td style="text-align:left; padding-left: 6px;">{PANELGROUP}</td></tr>
              </tbody></table></td>
            </tr>
            <tr>
              <td><img src="http://www.habbo-maximal.de/cms/bild/navi_rechts_unten.gif" width="179" height="13"></td>
            </tr>
            <tr>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td><img src="http://www.habbo-maximal.de/cms/bild/navi_rechts_oben.gif" width="179" height="15"></td>
            </tr>
            <tr>
              <td height="22" background="http://www.habbo-maximal.de/cms/bild/navi_rechts_mitte.gif"><table width="179" border="0" align="center" cellpadding="0" cellspacing="0">
                <tbody><tr><td style="text-align:left; padding-left: 6px;">{PANELGROUP}</td></tr>
              </tbody></table></td>
            </tr>
            <tr>
              <td><img src="http://www.habbo-maximal.de/cms/bild/navi_rechts_unten.gif" width="179" height="13"></td>
            </tr>
            </tr>

            <tr><td height="15"></td></tr>
          </tbody></table>
          <table width="179" border="0" align="left" cellpadding="0" cellspacing="0">
            <tbody>
            <tr>
            <td><img src="http://www.habbo-maximal.de/cms/bilder/navi_bild.gif" widht="179" height="60"></td>
            </tr><tr>
              <td><img src="http://www.habbo-maximal.de/cms/bild/navi_oben.gif" width="179" height="38"></td>
            </tr>
            <tr>
              <td height="34" background="http://www.habbo-maximal.de/cms/bild/navi_mitte.gif"><table width="179" border="0" align="center" cellpadding="0" cellspacing="0">
                <tbody><tr><td style="text-align:left; padding-left: 5px;">{PANELGROUP}</td></tr></tbody></table></td>
            </tr>
            <tr>
              <td><img src="http://www.habbo-maximal.de/cms/bild/navi_unten.gif" width="179" height="7"></td>
            </tr>
            <tr>
              <td height="12">&nbsp;</td>
            </tr>
            <tr>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td><img src="http://www.habbo-maximal.de/cms/bild/navi_2_oben.gif" width="179" height="5"></td>
            </tr>
            <tr>
              <td height="21" background="http://www.habbo-maximal.de/cms/bild/navi_2_mitte.gif"><table width="179" border="0" align="center" cellpadding="0" cellspacing="0">
                <tbody><tr>
                  <td style="text-align:left; padding-left: 5px;">{PANELGROUP}</td></tr>
              </tbody></table></td>
            </tr>
            <tr>
              <td><img src="http://www.habbo-maximal.de/cms/bild/navi_2_unten.gif" width="179" height="5"></td>
            </tr>
            <tr><td height="15"</tr>
          </tbody></table>          <table width="200" border="0" align="center" cellpadding="0" cellspacing="0">
          <tbody><tr>
            <td align="center">





<table width="499" border="0" align="center" cellpadding="0" cellspacing="0">
  <tbody><tr><tr><td height="12"></td></tr>
    <td><img src="http://www.habbo-maximal.de/cms/bild/content_oben.gif" width="499" height="21"></td>
  </tr>
  <tr>
    <td height="12" background="http://www.habbo-maximal.de/cms/bild/content_mitte.gif"><table width="499" border="0" align="center" cellpadding="0" cellspacing="0">
        <tbody><td style="text-align:left; padding-left: 10px;">{PANELGROUP}</td></tbody></table></td>
  </tr>
  <tr>
    <td><img src="http://www.habbo-maximal.de/cms/bild/content_unten.gif" width="499" height="8"></td>
  </tr>
</tbody></table>
</td>
          </tr>
        </tbody></table></td>
      </tr>
    </tbody></table></td>
  </tr>
</tbody></table>
<table width="902" border="0" align="center" cellpadding="0" cellspacing="0">
  <tbody><tr>
    <td><img src="http://www.habbo-maximal.de/cms/bild/balken_oben.gif" width="927" height="3"></td></tr>
     <tr><td height="12" background="http://www.habbo-maximal.de/cms/bild/balken_mitte.gif"><table width="927" border="0" align="center" cellpadding="0" cellspacing="0"><td style="text-align:left; padding-left: 5px;">{PANELGROUP}</td></table></td>
     </tr>
     <tr>
     <td><img src="http://www.habbo-maximal.de.de/cms/bild/balken_unten.gif" width="927" height="2"></td>
     </tr>
</tbody></table>
</body></html>


Jaja, ich weiß der Code ist sehr unsauber - anfänger

Lg

=Max=
=Max=
Mitglied
 
Beiträge: 445
Registriert: 14.01.2007, 18:59
Nach oben

"style" in der Nacht....

Beitragvon Ingo am 02.04.2007, 00:05

Hi =Max=!

Also, dann ma, ehem. - Wie erwähnt ist der Code, nuja, 'komplex'. :wink:

Mein Vorschlag:

Ich habe 2 style-Anweisungen in die <table>-Tags eingefügt, "float:...";
den Rest hab ich so gelassen und nur zur Orientierung zitiert (Bilder):

1.Änderung:

Code: Alles auswählen
   
  <table style="float:left; margin-left:5px;" border="0" cellpadding="0"cellspacing="0" width="547">
     <tbody>
       <tr>
         <td><img src="http://www.habbo-maximal.de/cms/bild/aktuell_oben.gif" height="10" width="547"></td>
       </tr>


2.Änderung

Code: Alles auswählen
  <table style="float:right;" border="0" cellpadding="0" cellspacing="0" width="173">
      <tbody>
        <tr>
          <td style="padding-right: 5px;">
          <img src="http://www.habbo-maximal.de/cms/bild/thema_oben.gif" height="123" width="173">
          </td>
        </tr>
      </tbody>
    </table>
   

Nun sollte das Kroko-Bild rechts neben dem weissen "PANELGROUP" stehen und
die "PANELGROUP" in etwa zentriert erscheinen (margin-Wert).

Beim Durchforsten des Codes war übrigens die FireFox-Erweiterung
"View Source Chart" (2.5.x) ganz hilfreich.

ing;o)

(BTW: Hi - bin neu hier und schon am klugschei*en - :roll:)
Benutzeravatar
Ingo
Moderator
 
Beiträge: 783
Registriert: 01.04.2007, 23:21
Wohnort: Neuss/NRW
Nach oben

thx

Beitragvon =Max= am 02.04.2007, 07:13

danke für deine antwort, hat mir auch geholfen - habe es geschafft :)

link poste ich jetzt nicht wo man sich das anschauen kann - ist ja net so wichtig doer will ihn jmd? xD

Naja dann kann gecloset werden - von mir aus
=Max=
Mitglied
 
Beiträge: 445
Registriert: 14.01.2007, 18:59
Nach oben
Antwort erstellen

Zurück zu HTML/CSS

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Deutsche Übersetzung durch phpBB.de
Impressum / Datenschutzerklärung          © der-Webdesigner.net 2002 - 2008           top ▲