Myblog Shoutbox einfügen

Unregistriert

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-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;
}

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

a:link { color: #ffffff;}

a:visited { color: #ffffff;}

a:active { color: #ff0000;}

a:hover {color: #ff0000;}

wie groß dein Inhalt sein soll in pixel

.inhaltetable {
width: 500px;
}

-->
</style>

<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>
>
</div>

{PLACE_CONTENT}
</div>

</body>
</html>

</body>

synaptic

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>

Unregistriert

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....

synaptic

ja vor heute abend wird das nix... ich bin im büro und nutz meien pause zum posten und kann da nur rateschläge geben.. evtl findet sich ja vorher wer der es genauer erklärt

synaptic

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:

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" dir="ltr" lang="de">
<head>
<title>Street-Customs-Vulkaneifel</title>{PLACE_POWEREDBY{PLACE_POWEREDBY}
<style type="text/css">
body, div, td {
    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;
    color: #ffffff;
}


body{
    background:#000;
}


#altbg{
    width:1000px;
    position:absolute;
    top:0;
    left:0;
    z-index:0;
}


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




#navi ul{
    list-style-type:none;
    margin:0;
    padding:0;
}
a{
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
}
a:link{ 
    color: #ddd;
}


a:visited{ 
    color: #ffffff;
}


a:active{ 
    color: #ff0000;
}


a:hover{
    color: #ff0000;
}


#wrapper{
    width:1000px;
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
}


#navi{
    background:transparent;
    width:170px;
    margin-top:150px;
    margin-left:50px;
    float:left;
    padding: 10px;
}


.inhaltetable {
    margin-top:150px;
    margin-left:30px;
    width: 500px;
    float: left;
}


#shoutbox{
    width:170px;
    float:left;
    margin-top:150px;
    margin-left:30px;
}
.clear{
    clear:both;
}
</style>
<body>
<img id="altbg" src="http://img1.bildupload.com/c95247b46df2faa08cb42559c4311745.jpg">
<div id="wrapper">
    <!--Hier kommen die Links hin-->
    <div id="navi">
        <ul>
            <li>
                <a href="http://street-customs-eifel.myblog.de">Startseite</a>
            </li>
            <li>
                <a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1943785">Über den Verein</a>
            </li>
            <li>
                <a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1950397">Sinn & Zweck</a>
            </li>
            <li>
                <a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1944013">Mitglieder Aktiv</a>
            </li>
            <li>
                <a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1944241">Mitglieder Passiv</a>
            </li>
            <li>
                <a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1944469">Termine</a>
            </li>
            <li>
                <a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1944697">Events</a>
            </li>
            <li>
                <a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1946749">Bilder</a>
            </li>
            <li>
                <a href="http://street-customs-eifel.myblog.de/street-customs-eifel/gb">Gästebuch</a>
            </li>
            <li>
                <a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1950169">Links</a>
            </li>
            <li>
                <a href="http://street-customs-eifel.myblog.de/street-customs-eifel/contact">Kontakt</a>
            </li>
            <li>
                <a href="http://street-customs-eifel.myblog.de/street-customs-eifel/page/1950853">Impressum</a>
            </li>
        </ul>
        <p><font size="1" face="tahoma,arial,helvetica,sans-serif" color="#ffffff">Beste Auflösung Mozilla Firefox</font></p>
    </div>


    
    <div id="entry" class="inhaltetable" style="overflow:auto; width:500; height:400;">


    {PLACE_CONTENT}

    </div>

    <div id="shoutbox">
    <iframe name="speechbox" height="500" width="170" allowTransparency="true" frameborder="0" src="http://29830.speechbox.de"></iframe> 
    <br /><a href="http://www.speechbox.de">Shoutbox</a>
    <!-- Ende Code www.Speechbox.de // -->
    </div>
    <span class="clear">&nbsp;</span>
</div>
</body>
</html>

Alles anzeigen

Unregistriert

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?

synaptic

schreibste halt bei
.inhaltetable{

}

nen overflow:auto mit rein

Unregistriert

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;
}

synaptic

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

Unregistriert

ja, klar ...

http://street-customs-eifel.myblog.de/

synaptic

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

Unregistriert

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!!

Myblog Shoutbox einfügen

Tags

Benutzer online in diesem Thema