Homepage: Content einbinden

  • Hey!

    Ich bin gerade dabei mir eine private Homepage zu erstellen und habe nur so begrenzt Ahnung von HTML und PHP.

    [Blockierte Grafik: http://img480.imageshack.us/img480/8167/dieseite2mitbuttonsuv2.th.jpg]

    Da habt ihr die Design-Vorschau.

    In das kleine Feld rechts kommt eine Shoutbox. Das macht mir keine Probleme. In das große Feld soll der Content. Diesen möchte ich mit den Buttons oben in der Navleiste verbinden. Nur wie?? Der Hintergrund soll möglichst so bleiben...keine weiße Seite darüber.
    Wer ist schlau und kann mir helfen??

    Die Hilfe, der Code:

    <html>
    <head>
    <title>DieSeite2mitButtonsPSD</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <table id="Table_01" width="951" height="701" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td colspan="10">
    </td>
    <td>
    </td>
    </tr>
    <tr>
    <td colspan="2">
    </td>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td colspan="2">
    </td>
    <td colspan="3">
    </td>
    <td>
    </td>
    </tr>
    <tr>
    <td rowspan="2">
    </td>
    <td colspan="5" rowspan="2" background="images/DieSeite2mitButtonsPSD_09.gif">
    HIER INHALT INCLUDEN?!</td>
    <td colspan="2">
    </td>
    <td background="images/DieSeite2mitButtonsPSD_11.gif">
    <div align="center">
    <iframe src="http://www.smallbox.de/shoutbox/nr-25611.html" width="160" height="225" frameborder="1">Web Bildagentur, Party Fun, Schülerzeitung</iframe>
    </div> </td>
    <td>
    </td>
    <td>
    </td>
    </tr>
    <tr>
    <td colspan="4" rowspan="2">
    </td>
    <td>
    </td>
    </tr>
    <tr>
    <td colspan="6">
    </td>
    <td>
    </td>
    </tr>
    <tr>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td></td>
    </tr>
    </table>
    </body>
    </html>


    Schöne Grüße

  • s beste is du machst in des graue feld nen iframe.

    verlinken kannst den dann so

    Code
    [url='seite1.html'][img]linkgrafik.jpg[/img][/url]
  • Habe ich auch schon versucht. Aber irgendwie ging das nicht. Da hatte dann der iframe in der Mitte den Inhalt des Iframes von der Shoutbox....

  • der iframe in der mitte muss dann natürlich andere zuweisungen haben...

    Code
    <iframe src="NAMEDEINERSEITE.html" name="hauptframe" width="100%" height="100%" frameborder="1"></iframe>
  • So sieht jetzt mein Code aus:

    <html>
    <head>
    <title>DieSeite2mitButtonsPSD</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <table id="Table_01" width="951" height="701" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td colspan="10">
    </td>
    <td>
    </td>
    </tr>
    <tr>
    <td colspan="2" background="images/DieSeite2mitButtonsPSD_02.gif">
    </td>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td colspan="2">
    </td>
    <td colspan="3">
    </td>
    <td>
    </td>
    </tr>
    <tr>
    <td rowspan="2">
    </td>

    <td colspan="5" rowspan="2" background="images/DieSeite2mitButtonsPSD_09.gif">
    <iframe src="home.html" name="hauptframe" width="100%" height="100%" frameborder="0"></iframe>
    </td>
    <td colspan="2">
    </td>
    <td background="images/DieSeite2mitButtonsPSD_11.gif">
    <div align="center">
    <iframe src="http://www.smallbox.de/shoutbox/nr-25611.html" width="160" height="225" frameborder="1">Web Bildagentur, Party Fun, Schülerzeitung</iframe>
    </div> </td>
    <td>
    </td>
    <td>
    </td>
    </tr>
    <tr>
    <td colspan="4" rowspan="2">
    </td>
    <td>
    </td>
    </tr>
    <tr>
    <td colspan="6">
    </td>
    <td>
    </td>
    </tr>
    <tr>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td></td>
    </tr>
    </table>
    </body>
    </html>

    Aber leider ist um die Linkgrafik ein hässlicher Rand und der Frame enthält die Shoutbox in groß...omfg

  • den rand bekommst weg indem du bei <img src...... border="0"> mit angibst.

    aber des mit dem frame kann ich mir nicht so recht vorstellen.
    kannst du des ganze mal onlinestellen und mir den link geben ?

  • nö eigentlich nicht...

    ich würd allerdings noch ne tabelle außen rum machen (oder nen div),
    und des ganze dann schön auf die seitenmitte zentriern...

  • Bist du sicher? hab das mal ausprobiert...sieht dann mit den zwei Frauen links oben etwas komisch aus... muss mir vielleicht noch ne Art Border überlegen...

  • jup, border is da dann nicht schlecht...

    kannst ja mal bei de.selfhtml.org schauen.
    da kann ma mit borderlight und borderdark (oder so)
    2 farbig machen, schaut auch nicht übel aus...