Wie o wie helpt mij even uit de brand?

**Sjoerd B.** · 1236 × bekeken sinds 30-09-2009, 10:50

Ik heb mp3dealer.nl overgekocht. Echter wordt de top5 rechts op de site niet goed weergegeven. Het nummer 4 staat bij nummer 3 rechtsonderin.. in IE8.
Deze moet natuurlijk netjes eronder staan.. welke CSS/PHP'er kan mij even helpen met het oplossen?

**Niek Vleugels** · 30-09-2009, 10:52

Beste,

Ik zie in IE8 geen probleem.
Zou u voor mij een screenshot kunnen posten?

Niek Vleugels

**gast19338** · 30-09-2009, 11:03

Hoi Sjoerd,

Probeer dit eens in je css:

.nr {
clear:both;
float:left;
height:33px;
margin-left:15px;
margin-top:-84px;
width:33px;

}

**Sjoerd B.** · 30-09-2009, 11:05

Aanvullend bericht:
Bedankt Bital, nu staat de 4 in ieder geval goed!

Alleen staat 3 weer net iets te hoog in het vak.. :S hoe kan dat?

**gast19338** · 30-09-2009, 11:11

Origineel gepost door Sjoerd B.

Aanvullend bericht:
Bedankt Bital, nu staat de 4 in ieder geval goed!

Alleen staat 3 weer net iets te hoog in het vak.. :S hoe kan dat?

Het is Bilal hehe, anyway.. even in je html inline css-en:

<img class="nr" alt="nr3" src="/inc/img/nr3.png" style="padding-top: 20px;"/>

Dat moet werken :)

**Sjoerd B.** · 30-09-2009, 11:16

niet te vinden :S

**gast19338** · 30-09-2009, 11:51

Zoek gewoon de volgende line op:
<img src="/inc/img/nr3.png" class="nr" alt="nr3" />en vervang deze met:

<img class="nr" alt="nr3" src="/inc/img/nr3.png" style="padding-top: 20px;" />

Wat ik heb gedaan is inline een padding van 20 px geven die alleen voor plaatje nummer 3 geld.

**Sjoerd B.** · 30-09-2009, 12:03

Oke, nou die is niet te vinden, ik laat het wel lekker zo staan :)! Bedankt voor je hulp!

**jhaagmans** · 30-09-2009, 12:09

Origineel gepost door Sjoerd B.

Oke, nou die is niet te vinden, ik laat het wel lekker zo staan :)! Bedankt voor je hulp!

Goed kijken, hij staat er echt!

**Sjoerd B.** · 30-09-2009, 12:16

Als ik de broncode lees zie ik hem ook wel staan...
Maar de pagina top5.php include top5.tpl en die heb ik hieronder neergezet..

ik heb wel iets gevonden... in de css

.t5photo {
float: left;
margin-top: 16px;
margin-left: 22px;
padding: 1px;
background-color: #FFFFFF;
border: 1px solid #123b57;

als ik die padding verander gaat die cijfers omhoog of naar beneden, maar ik snap niet waarom die 3 afwijkt.. .

PHP Code:


<!-- TOP 5 -->
    <div id="block">
    {section name = top loop = $aTop5}
    {if $aTop5[top].bSex == 2}
    <div class="t5rood" style = "padding-top: 2px;">
    {else}
    <div class = "t5blauw" style = "padding-top: 2px;">
    {/if}
 
    {if $aTop5[top].bSex == 2}
     {if $aTop5[top].bAdmin == 1}
      <img style = "Vertical-align: middle;" src="/inc/img/icon-admin-vrouw2.gif" class="t51" alt="Admin" />
     {else}
      {if $aTop5[top].iVip - $time > 0}
      <img style = "Vertical-align: middle;" src="/inc/img/icon-vip-vrouw2.gif" class="t51" alt="VIP" />
      {else}
      <img style = "Vertical-align: middle;" src="/inc/img/icon-vrouw2.gif" class="t51" alt="Vrouw" />
      {/if}
     {/if}
    {else}
     {if $aTop5[top].bAdmin == 1}
      <img style = "Vertical-align: middle;" src="/inc/img/icon-admin-man2.gif" class="t51" alt="Admin" />
     {else}
      {if $aTop5[top].iVip - $time > 0}
      <img style = "Vertical-align: middle;" src="/inc/img/icon-vip-man2.gif" class="t51" alt="VIP" />
      {else}
      <img style = "Vertical-align: middle;" src="/inc/img/icon-man2.gif" class="t51" alt="Man" />
      {/if}
     {/if}
    {/if}
 
    <a href="/profile/{$aTop5[top].sUsername}" style = "font-size: 15px;">&nbsp;{$aTop5[top].sUsername2}</a>
    <a href="/clicks/{$aTop5[top].sUsername}"><img src="/viewThumb?id={$aTop5[top].iAvatar}" class="t5photo" alt="nr{$smarty.section.top.index+1}" /><img src="/inc/img/nr{$smarty.section.top.index+1}.png" class="nr" alt="nr{$smarty.section.top.index+1}" /></a>
    </div>
    {/section}
    </div>
    <!-- EINDE TOP 5 -->

**jhaagmans** · 30-09-2009, 12:23

Dit is 'm:

PHP Code:


<img src="/inc/img/nr{$smarty.section.top.index+1}.png" class="nr" alt="nr{$smarty.section.top.index+1}" />

Kijk maar eens goed.
Aanvullend bericht:
Oh wacht, de reden dat hij afwijkt is omdat het plaatje dat bij 3 hoort een afwijkende dimensie heeft. De locatie van het cijfer is namelijk afhankelijk van de onderkant van het plaatje. Dat moet je dus veranderen.

**Sjoerd B.** · 30-09-2009, 12:42

haah dat is makkelijk gezegd dan gedaan zo te zien... :)
allemaal bedankt!

**jhaagmans** · 30-09-2009, 12:43

Origineel gepost door Sjoerd B.

haah dat is makkelijk gezegd dan gedaan zo te zien... :)
allemaal bedankt!

Je kunt ook zorgen dat je thumbnails altijd dezelfde dimensie hebben natuurlijk.

**gast19338** · 30-09-2009, 12:45

@sjoerd:

Vervang deze div:

<div class = "t5blauw" style = "padding-top: 2px;">
<a href="/profile/Zick" style = "font-size: 15px;"> Zick</a>
a href="/clicks/Zick"><img src="/viewThumb?id=11" class="t5photo" alt="nr3" /><img src="/inc/img/nr3.png" class="nr" alt="nr3" /></a>
</div>

met deze:

<div class = "t5blauw" style = "padding-top: 2px;">
<a href="/profile/Zick" style = "font-size: 15px;"> Zick</a>
a href="/clicks/Zick"><img src="/viewThumb?id=11" class="t5photo" alt="nr3" /><img class="nr" alt="nr3" src="/inc/img/nr3.png" style="padding-top: 20px;" /></a>
</div>

**jhaagmans** · 30-09-2009, 12:47

Origineel gepost door Bilal N

@sjoerd:

Vervang deze div:

met deze:

Dat kan dus niet ;)

Wie o wie helpt mij even uit de brand?