Myblog Shoutbox einfügen

  • Hallo

    ich hab ein problem. Ich würde auf meiner homepage gern eine shoutbox einfügen und zwar links neben dem content.
    das ganze lay is bei myblog gecodet. ich bekomm die box zwar links hin aber nicht neben den content. könnt ihr mir sagen was ich falsch gemacht hab?

    Mein Code:

    <head><title>Street-Customs-Vulkaneifel</title>{PLACE_POWEREDBY{PLACE_POWEREDBY}
    <style type="text/css">
    body, div, td {

    <!--Scrollbar und Schriftart Einstellung-->

    scrollbar-arrow-color: #000000;
    scrollbar-base-color: #ffffff;
    scrollbar-track-color: #ffffff;
    scrollbar-face-color: #ffffff;
    scrollbar-highlight-color: #ff0000;
    scrollbar-3dlight-color: #ff0000;
    scrollbar-darkshadow-color:#000000;
    scrollbar-shadow-color: #ffffff;
    font-family: tahoma;
    font-Size: 5pt;
    Color: #ffffff;
    }


    <!--Schriftfarbeinstellung für fett,kuriv,durchstrichen,unterstrichen-->

    b {color: #ffffff;}
    i {color: #fffff;}
    u {color: #ffoooo;}
    s {color: #ffoooo;}

    <!--Link Einstellungen-->

    a:link { color: #ffffff;}

    a:visited { color: #ffffff;}

    a:active { color: #ff0000;}

    a:hover {color: #ff0000;}


    <!--Content Einstellungen-->

    wie groß dein Inhalt sein soll in pixel


    .inhaltetable {
    width: 500px;
    }


    -->
    </style>

    <!--ENDLESS Hintergrund Einstellungen-->

    <!--hier brauchen nur die Bild URL's Eingetragen werden , mehr nicht-->


    <body bgcolor=#000000 background="http://img1.bildupload.com/c95247b46df2fa…559c4311745.jpg">

    <img border="0" src="http://img1.bildupload.com/c95247b46df2fa…559c4311745.jpg" scroll="no" bgproperties= "fixed"
    ALIGN="left" WIDTH="1000",HEIGHT="0" STYLE="position:absolute; top:0; left:0;" >


    <!--Hier kommen die Links hin-->


    <div align="left"
    style="solid; background:transparent; border-collapse: collapse; border: 0px #ffffff solid;width:114px; height:50px; position:absolute; left:50px; top:150px">

    <h1><a href="http://street-customs-eifel.myblog.de">Startseite</a></h1>
    <h1><a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1943785">Über den Verein</a></h1>
    <h1><a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1950397">Sinn & Zweck</a><h1>
    <h1><a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1944013">Mitglieder Aktiv</a></h1>
    <h1><a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1944241">Mitglieder Passiv</a></h1>
    <h1><a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1944469">Termine</a><h1>
    <h1><a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1944697">Events</a><h1>
    <h1><a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1946749">Bilder</a><h1>
    <h1><a href="http://street-customs-eifel.myblog.de/street-customs-eifel/gb">Gästebuch</a><h1>
    <h1><a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1950169">Links</a><h1>
    <h1><a href="http://street-customs-eifel.myblog.de/street-customs-eifel/contact">Kontakt</a><h1>
    <h1><a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1950853">Impressum</a><h1>


    <p><font size="1" face="tahoma,arial,helvetica,sans-serif" color="#ffffff">Beste Auflösung Mozilla Firefox</font></p>

    </div>

    <div align="right"
    <iframe name="speechbox" height="500" width="170" right="50"; top="150" allowTransparency="true"
    frameborder="0" src="http://29830.speechbox.de"></iframe> <br /><a href="http://www.speechbox.de">Shoutbox</a>
    <!-- Ende Code http://www.Speechbox.de // -->>
    </div>

    <!--Hier die Einstellungen wo der Content sein soll-->

    <div align="justify"
    id="entry" class="inhaltetable" style="overflow:auto; width:500; height:400; position:absolute; left:300; top:180">

    {PLACE_CONTENT}
    </div>

    </body>
    </html>

    </body>

  • naja ich würd die ganzen positionierungsdinger aus dem html entfernen (also des align-geschrappel) und mit css arbeiten
    bisher haste ja css nur für linkfarben und ne breite..
    aber wenn du zwei divs hast gibste beidem nen float:left und ggf nen margin-left oder margin-right
    und unne drunter machste nen

    Code
    <div style="clear:both;"></div>
  • hätte ich erwähnen sollen, dass ich nicht wirklich viel ahnung vom coden hab?!

    danke für deine hilfe, aber sorry ich blick da grad garnicht durch.... :D

  • doppelpost zur kenntlichmachung neuer informationen

    also da war etwas mehr im argen als zuvor offensichtlich schien.
    dir fehlt ein anständiger doctype, du hast kommentare im style, was die ganze sache invalide macht, du hast viele unsinnige attribute und positionsbestimmungen, die so nich sein müssen.

    ich hab mich jetzt die letzte halbe bis dreiviertel std hingesetzt, um mal deinen schmarrn in halbwegs brauchbare formen zu bringen.

    h1 hat nichts mit nem menü zu tun, sondern is ne überschrift...
    ne schriftgrösse von 5pt is mehr als nur sinnfrei
    abolute positionierung bringt nur was, wenn man weiß was man will und wie man es umsetzt..

    aber lange rede, kurzer sinn.. hier dein html-geschnibbel in halbwegs brauchbarem format:

  • XD ok, vielen dank!

    nur jetzt hab ich das problem, dass meine texte zu weit runter rutschen, wie kann ich das ändern?
    oder kann ich die scrollbalken verschieben?

  • hmm ok ... es klappt leider nicht ... =(

    ich muss den scollbalken ganz nach unten ziehn, damit der text oben angezeigt wird....
    und auf der startseite ist einiges verzogen ...

    trotz dem overflow:auto ... =(

    .inhaltetable {
    margin-top:150px;
    margin-left:30px;
    width: 400px;
    float: left;
    overflow:auto;
    }

  • haste ma nen link, damit man sich des ansehen kann?
    ich kann so mit deinen angaben nix nachvollziehen und im template sind ja nur placeholder.... ohne inhalt kann ich da nix sehen

  • mach ma beim inhaltetable das margin-top ganz raus und stattdessen machste ne neue css-klasse

    Code
    #entry{
    margin-top:150px;
    }

    edit: und ich an deiner stelle würd mir für n paar euro nen anständigen webspace mieten und nen cms installieren also joomla oder wordpress oder sowas

    des sieht insgesamt echt grausig aus ;)

    2 Mal editiert, zuletzt von synaptic (16. April 2010 um 12:33)

  • vielen dank .... jetzt isses besser mit den eintragungen =)

    ja so toll ist die page nicht, aber fürs erste reichts .... bis ich mich was besser auskenne und das ganze läuft ...

    vielen dank!!