0
Welcome Guest! Login
0 items Join Now

Code Problem

Last Post
Search Topic

  • Code Problem

    Posted 15 years 2 weeks ago
    • I'm trying to make it so that my Featured Games ( solargaming.net ) and the text to the left are aligned correctly. Take a look at it and see how it is. There are supposed to be three columns for those games but I cant get the spacing right.. or... err I don't know how or wha to put the %'s to. Any help would be appreciated!

      Code:
      <div style="float: left; width: 35%;">
<h3 class="showcase"><span>6</span> Preset Styles, 18 Combinations!</h3>
The most noticeable aspect of <strong>Infuse</strong> is its design, and has <strong>6 unique style variations</strong> in <strong>18 combinations</strong>. Each preset style has 3 background styles: <strong>Simple</strong>, <strong>Standard</strong> &amp; <strong>Full</strong>, which represent different levels of detailing. Therefore, with a simple parameter switch, you can pivotally change the theme from a conservative to a vibrant design.</div>
<div style="float: right; width: 45%;">
<h3>Featured Games</h3>
<ul style="float: left; width: 45%; list-style: none outside none; padding: 0pt; margin: 5px 0pt 0pt;">
<li><a href="index.php?option=com_content&amp;view=article&amp;id=52&amp;Itemid=59">Counter-Strike 1.6</a></li>
<li><a href="index.php?option=com_content&amp;view=article&amp;id=47&amp;Itemid=54">Day of Defeat</a></li>
<li><a href="index.php?option=com_content&amp;view=article&amp;id=48&amp;Itemid=55">Half-Life Deathmatch</a></li>
</ul>
<ul style="float: left; width: 45%; list-style: none outside none; padding: 0pt; margin: 5px 0pt 0pt;">
<li><a href="index.php?option=com_content&amp;view=article&amp;id=57&amp;Itemid=64">Counter-Strike: Condition Zero</a></li>
<li><a href="index.php?option=com_rokquickcart&amp;view=rokquickcart&amp;Itemid=111">Day of Defeat: Source</a></li>
<li><a href="index.php?option=com_content&amp;view=article&amp;id=51&amp;Itemid=58">Half-Life 2 Deathmatch</a></li>
</ul>
<ul style="float: left; width: 45%; list-style: none outside none; padding: 0pt; margin: 5px 0pt 0pt;">
<li><a href="index.php?option=com_content&amp;view=article&amp;id=49&amp;Itemid=56">Counter-Strike: Source</a></li>
<li><a href="index.php?option=com_content&amp;view=article&amp;id=46&amp;Itemid=53">Garry's Mod</a></li>
<li><a href="index.php?option=com_content&amp;view=article&amp;id=46&amp;Itemid=53">Insurgency</a></li>
</ul>
</div>
    #493460
    • prim's Avatar
    • prim
    • Preeminent Rocketeer
    • Posts: 17290
    • Thanks: 217

    Re: Code Problem

    Posted 15 years 2 weeks ago
    • Your site doesn't load for me.
    • Please reply with a direct link to the issue & create a new thread for each new issue.

      A template is only as good as the content that goes into it ;) - DanG
    #493463

  • Re: Code Problem

    Posted 15 years 2 weeks ago
    • prim wrote:
      Your site doesn't load for me.

      It's up... try now.
    #493630
    • prim's Avatar
    • prim
    • Preeminent Rocketeer
    • Posts: 17290
    • Thanks: 217

    Re: Code Problem

    Posted 15 years 2 weeks ago
    • Try this...


      <h3 style="visibility: visible;"><span>Featured</span> Games</h3>
      <ul style="float: left; width: 33%; list-style: none outside none; padding: 0pt; margin: 5px 0pt 0pt;">
      <li><a href="/component/content/52.html">Counter-Strike 1.6</a></li>
      <li><a href="/component/content/47.html">Day of Defeat</a></li>
      <li><a href="/component/content/48.html">Half-Life Deathmatch</a></li>
      </ul>
      <ul style="float: left; width: 33%; list-style: none outside none; padding: 0pt; margin: 5px 0pt 0pt;">
      <li><a href="/component/content/57.html">Counter-Strike: Condition Zero</a></li>
      <li><a href="/component/rokquickcart/?view=rokquickcart">Day of Defeat: Source</a></li>
      <li><a href="/component/content/51.html">Half-Life 2 Deathmatch</a></li>
      </ul>
      <ul style="float: left; width: 33%; list-style: none outside none; padding: 0pt; margin: 5px 0pt 0pt;">
      <li><a href="/component/content/49.html">Counter-Strike: Source</a></li>
      <li><a href="/voice-servers/46.html">Garry's Mod</a></li>
      <li><a href="/voice-servers/46.html">Insurgency</a></li>
      </ul>
      </div>
    • Please reply with a direct link to the issue & create a new thread for each new issue.

      A template is only as good as the content that goes into it ;) - DanG
    #493637

  • Re: Code Problem

    Posted 15 years 2 weeks ago
    • Is it possible to have 3 columns AND the text or will I not have enough space?
    #493647
    • prim's Avatar
    • prim
    • Preeminent Rocketeer
    • Posts: 17290
    • Thanks: 217

    Re: Code Problem

    Posted 15 years 2 weeks ago
    • Well, the code i pasted will give you 3 columns and it looks nice in Firefox at least.
    • Please reply with a direct link to the issue & create a new thread for each new issue.

      A template is only as good as the content that goes into it ;) - DanG
    #493667

  • Re: Code Problem

    Posted 15 years 2 weeks ago
    • prim wrote:
      Well, the code i pasted will give you 3 columns and it looks nice in Firefox at least.

      There's just a lot of empty space is what's bothering me lol
    #493672
    • prim's Avatar
    • prim
    • Preeminent Rocketeer
    • Posts: 17290
    • Thanks: 217

    Re: Code Problem

    Posted 15 years 2 weeks ago
    • Well that is because now you have disabled this module:

      6 Preset Styles, 18 Combinations!
      The most noticeable aspect of Infuse is its design, and has 6 unique style variations in 18 combinations. Each preset style has 3 background styles: Simple, Standard & Full, which represent different levels of detailing. Therefore, with a simple parameter switch, you can pivotally change the theme from a conservative to a vibrant design.

      Anyway, play around with Firebug until you get the design you want :)
    • Please reply with a direct link to the issue & create a new thread for each new issue.

      A template is only as good as the content that goes into it ;) - DanG
    #493679

  • Re: Code Problem

    Posted 15 years 2 weeks ago
    • prim wrote:
      Well that is because now you have disabled this module:

      6 Preset Styles, 18 Combinations!
      The most noticeable aspect of Infuse is its design, and has 6 unique style variations in 18 combinations. Each preset style has 3 background styles: Simple, Standard & Full, which represent different levels of detailing. Therefore, with a simple parameter switch, you can pivotally change the theme from a conservative to a vibrant design.

      Anyway, play around with Firebug until you get the design you want :)

      That content is part of the original code I showed, lol But when I had that content in, the widths were messing up and my columns were stacking. Is there a code I can use so that I can have the content for "6 Preset Styles, 18 Combinations" AND the Featured Games?
    #493683
    • prim's Avatar
    • prim
    • Preeminent Rocketeer
    • Posts: 17290
    • Thanks: 217

    Re: Code Problem

    Posted 15 years 2 weeks ago
    • This is the cache i have of your page as i was plying with it...If it helps :)
      This image is hidden for guests.
      Please log in or register to see it.
    • Please reply with a direct link to the issue & create a new thread for each new issue.

      A template is only as good as the content that goes into it ;) - DanG
    #493686

Time to create page: 0.073 seconds