Question Display Issue

[Ozzy47]

I have managed to solve a styling issue that has been bugging me.

Where the blocks are above the game panels, I felt their was to much spacing left & right of the Welcome and Featured Game panels.

It was not taking in to account the forum borders correctly the way it was codded.

Also with this fix it allows more room for the Latest Champions & Latest Scores block, to fix the alignment issue with the, Game Title Teaser Length set to default 25.

I am not going to post the fix unless ya want to look at it, but I will provide the screenshots.

Unmoddified View:

Moddified View:

I think it looks more uniform that way, but I have been known to be wrong before lol.

 

[Darkwaltz4]

im assuming it involves setting exact lengths to each of the columns?

 

[Ozzy47]

Not really, just some tweaks in the template.

 

[Darkwaltz4]

well yeah.. how else would you change the widths of the columns?

anyway, ive decided to use this in the next beta: the left and right columns are now 250px, and the middle fills the rest.

 

[Ozzy47]

I did it with percentages like you did. In the dbtech_vbarcade_home

<table width="100%" id="testing">
<tr>
    <td <if condition="$topstats">rowspan="3" width="15%" </if>align="center" valign="middle">
<!--<div style="width: 250px;">-->
    <h2 class="blockhead" align="left">
        Arcade Welcome
    </h2>

Commented out the <div style="width: 250px;"> and changed the width="25%" to width="15%"

And here.

<if condition="$topstats">
    <td width="60%">
<h2 class="blockhead">Latest Champions</h2>
<div class="blockbody settings_form_border">
    <div class="table" style="width: 100%;">
        <div class="tr" style="width: 100%;">
            <div class="td blocksubhead" style="">Game</div>
            <div class="td blocksubhead" style="">Player</div>
            <div class="td blocksubhead" style="width: 15%;">Score</div>
            <div class="td blocksubhead" style="width: 25%;">Date</div>
        </div>
        $topstats[champs]
    </div>
</div>
    </td>

Changed the <td width="50%"> to <td width="60%">