0
Welcome Guest! Login
0 items Join Now

ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down. Read our Farewell Blog Post for more details.

CSS issue when in a table

    • k3vmo's Avatar
    • k3vmo
    • Sr. Rocketeer
    • Posts: 145
    • Thanks: 2

    CSS issue when in a table

    Posted 15 years 6 months ago
    • <If this post belongs somewhere else, please advise. I'm stuck and *desperately* need input>

      I'm using a 3rd party component (music). http://danieljamesscott.org/software/4-joomla-extensions/4-music-manager.html
      Unfortunately it's layout is in tables.

      I had to modify it, so I have some CSS within the tables to put images where I want them.

      The problem page is:
      http://www.rustedroot.com/discography/album/1

      If you view it in IE or FireFox, there's a huge gap between the title and the first link. It appears OK in Safari.

      ANY help is appreciated because i"m stuck.

      The page code is as such:
      <?php defined( '_JEXEC' ) or die(); ?>
      <div class="componentheading<?php echo $this->params->get( 'pageclass_sfx' ); ?>">
      <?php if ($this->params->def('show_page_title')) {
           echo $this->params->get('page_title');
        } else {
           echo $this->album->name;
        }
      ?>
      </div>
      <div class="contentpane<?php echo $this->params->get( 'pageclass_sfx' ); ?>">
      <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
      <tbody>
      <tr>
      <td>
      <ol>
      <?php foreach($this->items as $item) : ?>
      <li>
      <a href="images/songs/<?php echo $item->mp3; ?>" ><?php echo $item->name; ?></a>
      <?php if ($this->params->get('show_player_plugin')) {
        print $item->plugin_code;
      }
       ?>
      </li>
      <?php endforeach; ?>
      </ol>
      </td>
       
      <?php if ($this->params->get('show_albumart_front')) { ?>
      <?php if ($this->album->albumart_front == "") {
        print "No front album art available";
      } else { ?>
      <div id="containalb" style="float:right;height:270px;width:265px;display:block;">
      <img src="images/albumart/<?php echo $this->album->albumart_front; ?>" align="<?php echo $this->params->get('image_align'); ?>"  style="width:200;height:200;" alt="<?php echo $this->album->name . ' ' . JText::_( 'Front Albumart' ); ?>" />
      <?php
      $wholetext = $this->album->description;
      $strippedtext = $wholetext;
      if(substr_count($wholetext, "iTMS") > 0 || substr_count($wholetext, "AMAZ") > 0){
      $iTMSpos = strpos($wholetext, "iTMS");
      $iTMSlink = substr($wholetext, $iTMSpos);
      $strippedtext = str_replace($iTMSlink, "" , $wholetext);
      $iTMSlink = str_replace("iTMS", "",$iTMSlink);
      $AMAZpos = strpos($wholetext, "AMAZ");
      $AMAZlink = substr($wholetext, $AMAZpos);
      $strippedtext = str_replace($AMAZlink, "" , $strippedtext);
      $AMAZlink = str_replace("AMAZ", "",$AMAZlink);
       
      echo '<div id="musiclinks" style="float:right;width:265px;height:65px;"><a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/'.$iTMSlink.'"><img src="images/buy_itms.jpg" style="padding:1px;" /></a>'.
                '<a target="_new" href="http://www.amazon.com/gp/'.$AMAZlink.'"><img src="images/buy_amaz.jpg" style="padding:1px;" /></a></div>';
      }
                ?>
      <?php } ?>
      <?php } ?>
       
      </div>
      <div style="width:1px;height:50px;">
           
      </div>
      </tr>
      <tr>
      <td align="left">
      <div style="display:block;float:left;position:relative;top:0;width:600px;height:100%"><?php 
       
       
      echo nl2br($strippedtext); 
       
      ?></div>
       
      </td>
      <td align="right">
      <?php if ($this->params->get('show_albumart_back')) { ?>
      <?php if ($this->album->albumart_back == "") {
        print "No back album art available";
      } else { ?>
       <img src="images/albumart/<?php echo $this->album->albumart_back; ?>" align="<?php echo $this->params->get('image_align'); ?>" hspace="6" height="200px" width="200px" alt="<?php echo $this->album->name . ' ' . JText::_( 'Back Albumart' ); ?>" />
      <?php } ?>
      <?php } ?>
      </td>
      </tr>
      </tbody>
      </table>
       
      <br />
       
      <input type="hidden" name="option" value="com_music" />
      <input type="hidden" name="albumid" value="<?php echo $this->album->id;?>" />
      <input type="hidden" name="filter_order" value="<?php echo $this->lists['order']; ?>" />
      <input type="hidden" name="filter_order_Dir" value="" />
      </form>
      </div>
       
    • - - It is a rough road that leads to greatness.
  • Re: CSS issue when in a table

    Posted 15 years 6 months ago
    • Open your template.css at:
      <Joomla Root>/templates/<your template name>/css/template.css

      Find below codes:
      .componentheading {font-size: 180%;line-height: 130%;font-weight: normal;padding: 0 0 0 5px;margin: 0 0 20px 0;}

      You can decrease the 20px for example to 5px or more

Time to create page: 0.060 seconds