(Hilfe) Box verschiebt sich.

Guten Tag Rt, ich brauche Hilfe bei eine Top.php

9876543.PNG Why ist die Diamantenbox verschoben?

Code:

9876789876.PNG Jetzt ist es so..

Wie kann man die Box eher ganz links machen also neben die anderen boxen^^

Zitat von VinAdel

Versuch mal das hier

PHP

<?php if(empty($page['header']) || $page['header'] != TRUE){ header("HTTP/1.0 404 Forbidden"); exit; } ?>
<div id="container">
<div id="container">
<div id="content" style="position: relative" class="clearfix">


<style>


.user_box{height:60px;background:rgba(255,255,255,0.86);margin:10px -10px 10px -5px;position:relative;transition:margin 0.5s;border-radius:4px;}
.user_box:hover{margin:10px -10px 10px -10px;}
#avatar{position:relative;top:5px;left:5px;width:40px;height:40px;border-radius:50%;border:1px solid rgb(177,177,177);background-position:center -25px;background-repeat:no-repeat;float:left;}
.name{font-size:17px;font-weight:600;position:absolute;margin-top:12px;margin-left:50px;color:rgba(0,0,0,0.8);text-decoration:none;}
.desc{position:absolute;color:rgba(0,0,0,0.7);text-decoration:none;bottom:10px;margin-left:50px;}
.arrow{position:absolute;border-width:10px;border-style:solid;border-color:transparent rgba(255,255,255,0.6) transparent transparent;t;margin-left:-20px;top:50%;margin-top:-10px;}
.box {
background-color: #fff;
-moz-border-radius: 5px;
margin-bottom: 15px;
box-shadow: 0 0px 0px rgba(0,0,0,0.30), 0 0px 1px rgba(0,0,0,0.45);
transition: all 0.2s ease-in-out;
border-radius: 2px;
font-family: 'Roboto';
border-bottom: 2px solid rgba(0,0,0,0.2);
float:left;
}
.red {
border-top: 3px solid #FF6E6E;
}
.blue {
border-top: 3px solid #6ecaff;
}
.orange {
border-top: 3px solid #FFC16E;
}
.box .content h6 {
margin: 0;
font-size: 16px;
font-family: Open Sans;
font-weight: 500;
line-height: 125%;
}
.box .content {
padding: 20px;
font-family: Open Sans;
font-size: 14px;
line-height: 145%;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
float: left;
margin-left: 10px;
margin-right: 10px;
}
</style>
<div class="box red grid_5" style="width:300px;">
<div class="content">
<div align="left">
<h6><img src="/public/images/icons/coin.png" align="right">Top Taler</h6>
<div style="font-family: Roboto; font-weight: lighter; color: rgba(0,0,0,0.7); margin-bottom: 5px">Wer hat die meisten Taler?</div>
<?php while($row = mysql_fetch_object($sql_credits)){ ?>
<a href="<?php echo $path; ?>/home/<?php echo $row->username; ?>">
<div class="user_box">
<div id="avatar" style="background-image: url('https://www.habbo.de/habbo-imaging/avatarimage?figure=<?php echo $avatar; echo $row->look; ?>&head_direction=4&action=&gesture=');"></div>
<div class="name"><?php echo $row->username; ?></div>
<div class="desc">... besitzt <span style="font-weight: bold;"><?php echo $row->credits; ?></span> Taler</div>
<div class="arrow"></div>
</div>
</a>
<?php } ?>
</div>
</div>
</a>
</div>
<div class="box blue grid_5" style="width:300px;">
<div class="content">
<div align="left">
<h6><img src="/public/images/icons/coin.png" align="right">Top Pixel</h6>
<div style="font-family: Roboto; font-weight: lighter; color: rgba(0,0,0,0.7); margin-bottom: 5px">Wer hat die meisten Pixel?</div>
<?php while($row = mysql_fetch_object($sql_pixels)){ ?>
<a href="<?php echo $path; ?>/home/<?php echo $row->username; ?>">
<div class="user_box">
<div id="avatar" style="background-image: url('https://www.habbo.de/habbo-imaging/avatarimage?figure=<?php echo $avatar; echo $row->look; ?>&head_direction=4&action=&gesture=');"></div>
<div class="name"><?php echo $row->username; ?></div>
<div class="desc">... besitzt <span style="font-weight: bold;"><?php echo $row->activity_points; ?></span> Pixel</div>
<div class="arrow"></div>
</div>
</a>
<?php } ?>


</div>
</div>
</div>
<div class="box orange grid_5" style="width:300px;">
<div class="content">
<div align="left">
<h6><img src="/public/images/icons/coin.png" align="right">Top Diamanten</h6>
<div style="font-family: Roboto; font-weight: lighter; color: rgba(0,0,0,0.7); margin-bottom: 5px">Wer hat die meisten Diamanten?</div>
<?php


$row = mysql_query("SELECT username,look,vip_points FROM users WHERE rank < 3 ORDER BY vip_points DESC LIMIT 5");
while($sql = mysql_fetch_assoc($row)){


?>
<a href="<?php echo $path; ?>/home/<?php echo $sql['username']; ?>">
<div class="user_box">
<div id="avatar" style="background-image: url('https://www.habbo.de/habbo-imaging/avatarimage?figure=<?php echo $avatar; echo $sql['look']; ?>&head_direction=4&action=&gesture=');"></div>
<div class="name"><?php echo $sql['username']; ?></div>
<div class="desc">... besitzt <span style="font-weight: bold;"><?php echo $sql['vip_points']; ?></span> Diamanten</div>
<div class="arrow"></div>
</div>
</a>
<?php } ?>
</div>
</div>

Alles anzeigen

Ist immernoch gleich^^

Dort ist ja die ganze css drauf^^

Zitat von VinAdel

Dort ist nur .content von .box aufgelistet, dabei meinte ich aber #content. Wäre trotzdem von Vorteil, wenn du uns die css Datei schickst oder zumindest nur, die styles #container oder #content. Oder ich kann dir auch über TV helfen.

Ich habs hinbekommen. Müsste nur in die /web-gallery/v2/styles die style.css öffnen und das anpassen bei content^^

Danke

#edit