Can't figure out how to float div in 3rd column

[ChrisTrader]

Hello
I'm trying to get my "afterLinksThird" div to float on the 3rd column. Can someone checkout my structure and see if I'm missing something. The link is http://eminiroom.com/index.php/emini...e-records.html

Thanks,
Chris

[Xherdas]

Your 3 div's "afterLinks" are inside that <div class="resultsWrap"></div>

.resultsWrap has a specified width of 510px.
You don't have enough room to insert your 3 columns.

Make it wider

.resultsWrap {
width: 700px;
clear: both;
}

Good luck!

[ChrisTrader]

Thanks so much for the quick reply! I have another question not related , but having to do with divs. Should I post here or create another thread?

Thanks Again!,
Chris

[Xherdas]

Post it here, I will help you if I can.

[ChrisTrader]

Okay thanks.

On my main page www.eminiroom.com I am looking to change the text "Emini Room Hours" "8:45-..." and " *Live..." to actual text instead of included in the image. I wanted to know if there was a way to do this. I'm using joomla for the site and I'm not entirely sure on how to edit the framework of the base template. I am familiar with CSS and html but cant figure out which file to edit. If you or anyone else knows how to do this I would appreciate it.
edit: This is on the main upper banner at the top of the page. That is where I would like to insert the div.
Thanks again!,
Chris

[ChrisTrader]

I want for it to of course be in the same positioning that it is in right now.

[Xherdas]

Find your <div id="header"> and add the code in bold.

<div id="header">

      <div class="topmenu">
        
      </div>

              <a href="/">
        <img alt="Stocks and E-mini Futures Trading" src="/templates/jmint-cleaned/images/logo.png" border="0" class="logo">
        </a>
      <div style="float:right; padding:15px;text-align:center;margin:50px 15px 0 0;">
<p>Emini Room Hours<br>
8:45AM - 2:50PM<br>
*Live Trade Calls</p>
</div>
      <div class="slogan">
              </div>

          </div>

You might want to replace the inline-style by a class...

#header .announce{
float:right;
text-align:center;
padding:15px;
margin:50px 15px 0 0;
}

After you need to edit your image banner.png, and erase the informations.

[ChrisTrader]

I'm not sure how to find this. Its a template. I believe the main page is PHP as it is joomla. This is the code I'm seeing. A bit different:

PHP Code:

<div id="header">

      <div class="topmenu">
        <jdoc:include type="modules" name="position-1" style="none" />
      </div>

      <?php if ($this->countModules('logo')) : ?>
        <div class="logo">
          <jdoc:include type="modules" name="logo" style="none" />
        </div>
      <?php else : ?>
        <a href="<?php echo $this->baseurl ?>/">
        <img alt='Stocks and E-mini Futures Trading' src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/images/logo.png" border="0" class="logo">
        </a>
      <?php endif; ?>

      <div class="slogan">
        <?php if ($this->params->get( 'slogandisable' )) : ?><?php echo ($slogan); ?>
        <?php endif; ?>
      </div>

      <?php if ($this->countModules('top')) : ?>
        <div class="top">
          <jdoc:include type="modules" name="top" style="none"/>
        </div>
      <?php endif; ?>
    </div> <!-- close header -->