brauche hilfe bei einer enterpage!

    Hey ho Leute,
    ich habe jetzt hier im forum eine gute enterpage gefunden :D
    jedoch habe ich ein problem, Ich habe eine neue druckfläche erstellt, jedoch komme ich nicht weiter wie diese weiter runter verschoben wird.
    ihr könnt euch es ja mal angucken! best-german-community.de
    ich gebe mal hier auch die php seite raus.


    Spoiler anzeigen
    <?php
    include("inc/language.php");

    Spoiler anzeigen

    Spoiler anzeigen
    $siteinfo["title"] = "best-german-community";//beispiel: 'HTML Template - Reallife Network'
    $siteinfo["name"] = "best-german-community";//beispiel: 'Reallife Network'

    Spoiler anzeigen

    Spoiler anzeigen
    $conninfo["samp"] = "84.200.206.168";//beispiel: '217.79.179.51'
    $conninfo["samp-port"] = "7777"; //beispiel: '9907'

    Spoiler anzeigen

    Spoiler anzeigen
    $conninfo["ts3"] = "84.200.206.168";//beispiel: '217.79.179.51'
    $conninfo["ts3-port"] = "9999";//beispiel: '9907'

    Spoiler anzeigen

    Spoiler anzeigen

    Spoiler anzeigen
    $conninfo["Forum"] = "http://best-german-community.de/craft";//beispiel: 'http://reallife-network.de'
    $conninfo["MC"] = "http://best-german-community.de/craft";

    Spoiler anzeigen

    Spoiler anzeigen
    $ts3["guest-nick"] = "best-german-member";//beispiel: 'Gast - Enterpage'

    Spoiler anzeigen

    Spoiler anzeigen
    $sprache = "Deutsch";//verfügbar: Deutsch,Englisch,Spanisch Bald mehr!
    ?>
    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="style.css" rel="stylesheet" />
    <title><?php echo $siteinfo["title"]; ?></title>
    </head>
    <body>
    <div id="headercontainer">
    <div id="top">&nbsp;</div>
    </div>
    <div id="maincontainer">
    <div id="main">
    <a href="samp://<?php echo $conninfo["samp"].$conninfo["samp-port"]; ?>">
    <div id="sa-mp" style="width: 180px; text-align: center;">
    <img src="images/icon/samp.png" alt="" width="145px" height="145px" /><br />
    <h3 style="text-align: center;"><?php echo $lang[$sprache]["1"]; ?></h3>
    </div>
    </a>
    <a href="ts3server://<?php echo $conninfo["ts3"];?>/?port=<?php echo $conninfo["ts3-port"]; ?>&nickname=<?php echo $ts3["guest-nick"]; ?>">
    <div id="ts3" style="width: 180px; text-align: center; margin: 0 auto;margin-top: -165px;">
    <img src="images/icon/ts3.png" alt="" width="145px" height="145px" /><br />
    <h3 style="text-align: center;"><?php echo $lang[$sprache]["2"]; ?></h3>
    </div>
    </a>
    <a href="<?php echo $conninfo["Forum"]; ?>">
    <div id="forum" style="width: 180px; text-align: center;margin-top: -165px; float:right;">
    <img src="images/icon/forum.png" alt="" width="145px" height="145px" /><br />
    <h3 style="text-align: center;"><?php echo $lang[$sprache]["3"]; ?></h3>
    </div>
    </a>
    <a href="<?php echo $conninfo["MC"]; ?>">
    <div id="forum" style="width: 180px; text-align: center;">
    <img src="images/icon/mc.png" alt="" width="145px" height="145px" /><br />
    <h3 style="text-align: center;"><?php echo $lang[$sprache]["4"]; ?></h3>
    </div>
    </a>

    <h5 align="center" style="margin-top: 150px;"><?php echo $siteinfo["name"]; ?> | Enterpage erstellt von: xGreekz7x</h5>
    </div>
    </div>
    </body>
    </html>



    Würde mich über hilfe freuen!


    Zum Minecraft forum muss weiter runter, sollte soweit sein , wie es in der breite ist bei den oben!
    MFG

    Also du kannst einfach dem Bild einen oberen Außenabstand zuweisen

    CSS
    margin-top: %px;


    Dort musst du für das % Zeichen die anzahl an pixeln eingeben.
    Ansonsten sind die breiten der einzelnen in der style.css angegeben
    Wenn da z.b. (100/4 = 25) 25% steht machst du eben (100/5 = 20%) 20% für jede Box.
    Dann stehen die nebeneinander

    ik bin der vito c:

    Zitat von Dark.Shadow

    Also du kannst einfach dem Bild einen oberen Außenabstand zuweisen

    CSS
    margin-top: %px;


    Dort musst du für das % Zeichen die anzahl an pixeln eingeben.
    Ansonsten sind die breiten der einzelnen in der style.css angegeben
    Wenn da z.b. (100/4 = 25) 25% steht machst du eben (100/5 = 20%) 20% für jede Box.
    Dann stehen die nebeneinander


    Könntest du mir vll die zwei codes zusammen schreiben? komme da echt nicht klar xD
    hier mal die styl.css


    * {
    padding: 0 ;
    margin: 0 ;
    }
    body {
    background: url("images/bg.jpg");
    background-size: 100%;
    color: #dbdbdb;
    font-family:Verdana, Geneva, sans-serif;
    }
    a {
    color: #dbdbdb;
    }
    a:hover {
    text-decoration: none;
    }
    #headercontainer {
    background: #363A45;
    width: 100%;
    height: 80px;
    border-bottom: thin solid #2a2235;
    -webkit-box-shadow: 0px 5px 23px #060f00; /* webkit browser*/ -moz-box-shadow: 0px 5px 23px #060f00; /* firefox */ box-shadow: 0px 5px 23px #060f00;
    }
    #maincontainer {
    margin: 0 auto;
    margin-top: 50px;
    min-height: 300px;
    padding: 100px 15px;
    padding-bottom: 25px;
    width: 900px;
    background: #363A45;
    border: 1px solid #333;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -webkit-box-shadow: 0px 0px 14px #060f00; /* webkit browser*/
    -moz-box-shadow: 0px 0px 14px #060f00; /* firefox */
    box-shadow: 0px 0px 14px #060f00;
    }
    #main a{
    text-decoration: none;
    }
    #main div {
    opacity: 0.6;
    }
    #main div:hover {
    opacity: 1;
    }


    MFG