Inte rakt?

6 svar · 503 visningar · startad av SoulGod 7 dec. 2008

SoulGodMedlem sedan aug. 20051 200 inlägg

Frågan7 dec. 2008 09:44#1

Har gjort en profileinfo längst upp på min sida som ser ut såhär:

<span class="smallfont">
<?if ($CURUSER) {?><b><a href="userdetails.php?id=<?=$CURUSER['id']?>"><font color=#ffffff><?=$CURUSER['username']?></a>
<?php echo $connectable; ?></font></b><?=$medaldon?>
<?=$warn?>&nbsp; 
<b><font color=#ffffff><a href="my.php"><font color=#ffffff>Profile</font></a> | 

</font>
<?php echo "$leech $x2"; ?>
<font color=#ffffff><? print("" . STATUSBAR_RATIO . ""); ?> <?=$ratio?>&nbsp;|&nbsp;
<? print("" . STATUSBAR_UPPLADDAT . ""); ?><?=$uped?>&nbsp;|&nbsp; 
<? print("" . STATUSBAR_NEDLADDAT . ""); ?><?=$downed?><? if (get_user_class() >= UC_USER) {?>&nbsp;|&nbsp;
<img src="../pic/profilebar/bonus.png"> <?=$bonus?>p<? } ?> | 
<?php echo "<b>$datum[hours]:$datum[minutes]"; ?></font></span><?}?></b>

Den omges av ett antal div-taggar som gemensamt bildar en stor profilebar.
Mitt problem är nu detta:
Linjen blir inte "rak".
T.ex så blir dom 2 första värdena och bilder på "rätt" höjd,
sedan blir varje <? print("" . STATUSBAR_RATIO . ""); ?> på fel höjd (ca 2 px upp).

Däremot varje <?=$ratio?> som kommer efter, blir på rätt höjd.
Har kollat, och koden är identisk överallt, så det är ingenting som skiljer dom åt.
Bilderna är alla 16 px höga, och försöker jag höja dom så flyttas hela raden.
Varför kan jag inte få alla att ligga i samma höjd?
Har försökt lägga en table runt, men på grund utav stort antal tables innan,
så vill det inte bli riktigt.

Hade hoppats på att <div skulle ha en valign , men det gick inte.
Någon som har någon bra lösning?

( Bifogar bild på resultatet )

jarvkloMedlem sedan juli 20013 378 inlägg

7 dec. 2008 16:18#2

Hmm..

Visa upp koden som genereras istället för php-koden så blir det lättare att hjälpa dig ;)

SoulGodMedlem sedan aug. 20051 200 inlägg

7 dec. 2008 16:25#3

<div id="topbar"><div class="srapper"><div class="left">
<span class="smallfont"><b>
<a href="userdetails.php?id=2"><font color=#ffffff>SoulGod</a></font></b> 
<img src=pic/star.png alt=Donatör title=Donatör align="absmiddle">&nbsp; 
<b><font color=#ffffff><a href="my.php">
<font color=#ffffff>Profile</font></a> | </font>
 <font color=#ffffff><img src='../pic/profilebar/ratio.png'>  
<font color=#ffffff>9.696</font>&nbsp;|&nbsp;
<img src='../pic/profilebar/ul.png'> 172.73 GiB&nbsp;|&nbsp; 
<img src='../pic/profilebar/Dl.png'> 17.81 GiB&nbsp;|&nbsp;
<img src="../pic/profilebar/bonus.png"> 1,174p | <b>17:24</font></span></b>

</div>
<div class="boeng">
<span class=smallfont>
<a href=message.php?action=viewmailbox><img style=border:none alt=Inkorg title=Inkorg src=pic/pn_inbox.gif></a></span>
<span class=smallfont>&nbsp;&nbsp;
<a href=message.php?action=viewmailbox&box=-1>

<img style=border:none alt=Utkorg title=Utkorg src=pic/pn_sentbox.gif></a></span>&nbsp;
<a href=friends.php><img style=border:none alt=Vänner title=Vänner src=pic/buddylist.gif></a>&nbsp;
<a href=users.php>
<img style=border:none alt=Användare title=Användare src=pic/users1.gif></a>&nbsp;
<a href=rss.php>
<img style="border: 0px; padding-top: 3px;" alt=RSS title=RSS-Feeds src=pic/rssf.gif></a>&nbsp;&nbsp;
<a href=logout.php>
<img style="border: none;" alt=Loggaut title=Loggaut src=pic/loggaut.png /></a></div></div></div>

KrikoMedlem sedan dec. 2006382 inlägg

7 dec. 2008 19:47#4

Lägg till align="absmiddle" på dina <img>'s.

SoulGodMedlem sedan aug. 20051 200 inlägg

7 dec. 2008 21:29#5

Hur fan kunde jag missa något så enkelt *skäms*

Dock är det inte perfekt .. ( tyvärr ) :P
Känns som texten är 1 px för långt upp.
Testade att lägga en margin ovanför på diven, men då flyttades även bilderna.

Finns det någon liknande lösning för text, eller ska jag låta det vara? :P

KrikoMedlem sedan dec. 2006382 inlägg

7 dec. 2008 22:13#6

Prova att lägg margin-top: 1px på bilderna.

SoulGodMedlem sedan aug. 20051 200 inlägg

8 dec. 2008 13:36#7

Löste det!

Tack som tusan till alla!!!