OSNN Headline Box

Discussion in 'Web Design & Coding' started by Electronic Punk, Aug 18, 2005.

  1. Electronic Punk

    Electronic Punk Administrator Staff Member Political User Folding Team

    Messages:
    18,590
    Location:
    Copenhagen, Denmark
    I have been doing some work on the headline box today and am quite please with the not-yet-live results so far, taken out alot of code that wasn't needed which is always cool.

    One thing I can't see to do is replace the bottom right hand text box with an image of the same size, it throws a fit.

    Attached is the code I have sorted out as well as a test image, all I want to do is see what the biggest image I can get in there is, without distorting the rest of the table!

    Have a play :)

    (rename the .txt to .htm/.html and I know the image is borked but it is just a test image :D)
     
    Last edited: Dec 7, 2005
  2. Khayman

    Khayman I'm sorry Hal... Political User Folding Team

    Messages:
    5,518
    Location:
    England
    works fine for me if i just replace the "moose" text with the image

    although one thing of note is that comments tag doesn't end with a !
     
  3. Electronic Punk

    Electronic Punk Administrator Staff Member Political User Folding Team

    Messages:
    18,590
    Location:
    Copenhagen, Denmark
    yeah thats just something I threw in.

    How big did you get the image, you just replaced all the moose' with <img src="" /> ?
     
  4. Khayman

    Khayman I'm sorry Hal... Political User Folding Team

    Messages:
    5,518
    Location:
    England
    I didn't think i was going to be part of the final code :)

    yeah... well i put in the path to the image as well. Maybe thats where you went wrong?
     
  5. Electronic Punk

    Electronic Punk Administrator Staff Member Political User Folding Team

    Messages:
    18,590
    Location:
    Copenhagen, Denmark
    no that couldn't make a difference, what size was the image when you added it in?
    post a screenshot :p
     
  6. Electronic Punk

    Electronic Punk Administrator Staff Member Political User Folding Team

    Messages:
    18,590
    Location:
    Copenhagen, Denmark
    weird now it works, I must have fixed it while tidying teh code to post it up?
    Now I am well lost :p
     
  7. Electronic Punk

    Electronic Punk Administrator Staff Member Political User Folding Team

    Messages:
    18,590
    Location:
    Copenhagen, Denmark
    Managed to remove even more code :D
    I think I am gonna go through all the frontpage code, I am enjoying this tidying up and the less code on the frontpage, the faster it will load up I guess?
     
    Last edited: Dec 7, 2005
  8. Electronic Punk

    Electronic Punk Administrator Staff Member Political User Folding Team

    Messages:
    18,590
    Location:
    Copenhagen, Denmark
    Can someone post a screenshot of how that renders in Firefox?
     
  9. Khayman

    Khayman I'm sorry Hal... Political User Folding Team

    Messages:
    5,518
    Location:
    England
    ok
     

    Attached Files:

  10. muzikool

    muzikool Act your wage. Political User

    Firefox for me.
     

    Attached Files:

  11. Electronic Punk

    Electronic Punk Administrator Staff Member Political User Folding Team

    Messages:
    18,590
    Location:
    Copenhagen, Denmark
    will see what I did to get rid of the bars then undo it, do you see any of the hr bars on the main menu?
     
  12. Electronic Punk

    Electronic Punk Administrator Staff Member Political User Folding Team

    Messages:
    18,590
    Location:
    Copenhagen, Denmark
    Cool stuff straight from the template I have gone from

    Code:
       <table cellspacing="\$stylevar[maincellspacing]" cellpadding="1" align="center" bgcolor="\$stylevar[menubgcolor]" style="border-color: #000000; border-width: 1px; border-style: solid;" width="100%">
        <tr>
        <td width="4" colspan="2"></td>
        <td colspan="7"><br /></td>
        <td width="4" colspan="2"></td>
        </tr>
        <tr>
        <td width="4" colspan="2"></td>
        <td width="205" align="left" valign="top">$recentpost[1]</td>
        <td width="5">&nbsp;</td>
        <td width="205" align="left" valign="top">$recentpost[2]</td>
        <td width="5"></td>
        <td width="205" align="left" valign="top">$recentpost[3]</td>
        <td width="5"></td>
        <td width="205" align="left" valign="top">$recentpost[4]</td>
        <td width="4" colspan="2"></td>
        </tr>
        <tr><td width="4" colspan="2"></td><td colspan="7"><br /></td><td width="4" colspan="2"></td></tr>
        <tr>
        <td width="4" colspan="2"></td>
        <td width="205" align="left" valign="top">$recentpost[5]</td>
        <td width="5">&nbsp;</td>
        <td width="210" align="left" valign="top"><img src="\$stylevar[imagefolder]/recenticon.gif" align="bottom" alt="" /> <b>Recent <a href="<A href="http://forum.osnn.net">Forum</a">http://forum.osnn.net">Forum</a> Posts</b> (<a href="<A href="http://forum.osnn.net/search.php?do=getnew">New</a>)<hr">http://forum.osnn.net/search.php?do=getnew">New</a>)<hr align="left" style="width:\$stylevar[maintablewidth];color:\$stylevar[bordercolor];border:1px 0px 0px 0px;height:1px" />\$recentforumposts</td>
        <td width="5">&nbsp;</td>
        <td width="410" colspan="3" align="left" valign="top">$announcement</td>
        <td width="4" colspan="2"></td>
        </tr>
        <tr><td width="4" colspan="2"></td><td colspan="7"><br /></td><td width="4" colspan="2"></td></tr>
        </table>
    to

    Code:
    <table cellspacing="0" cellpadding="1" align="center" bgcolor="#FFFBF7" style="border-color: #000000; border-width: 1px; border-style: solid;" width="100%">
            <tr><td colspan="11" height="7" /></tr>
            <tr>
             <td colspan="2" />
             <td width="205" align="left" valign="top">$recentpost[1]</td>
             <td width="5" />
             <td width="205" align="left" valign="top">$recentpost[2]</td>
             <td width="5" />
             <td width="205" align="left" valign="top">$recentpost[3]</td>
             <td width="5" />
             <td width="205" align="left" valign="top">$recentpost[4]</td>
             <td colspan="2" />
            </tr>
            <tr><td colspan="11" height="7" /></tr>
            <tr>
             <td colspan="2" />
             <td width="205" align="left" valign="top">$recentpost[5]</td>
             <td width="5" />
             <td width="205" align="left" valign="top"><img src="\$stylevar[imagefolder]/recenticon.gif" align="bottom" alt="" /> <b>Recent <a href="<A href="http://forum.osnn.net">Forum</a">http://forum.osnn.net">Forum</a> Posts</b> (<a href="<A href="http://forum.osnn.net/search.php?do=getnew">New</a>)<hr">http://forum.osnn.net/search.php?do=getnew">New</a>)<hr align="left" style="width:\$stylevar[maintablewidth];color:\$stylevar[bordercolor];border:1px 0px 0px 0px;height:1px" />
    \$recentforumposts         </td>
             <td width="5" />
             <td width="415" colspan="3" align="center" valign="middle">$announcement</td>
             <td colspan="2" />
            </tr>
            <tr><td colspan="11" height="7" /></tr>
           </table>
    Quite a difference in both size and tidiness :D
     
    Last edited: Aug 18, 2005
  13. Khayman

    Khayman I'm sorry Hal... Political User Folding Team

    Messages:
    5,518
    Location:
    England
    yes
     
    Electronic Punk likes this.
  14. muzikool

    muzikool Act your wage. Political User

    In the test menu I don't see bars -- is that what you were asking?

    Yeah, it is. Looks great! :D
     
  15. Electronic Punk

    Electronic Punk Administrator Staff Member Political User Folding Team

    Messages:
    18,590
    Location:
    Copenhagen, Denmark
    on the left hand menu on the frontpage do you see the bars?
    I applied a fix to bring the bars back a long time ago, but I guess I only applied it to one of the other themes then didn't bother to bring it across to everything.
     
  16. muzikool

    muzikool Act your wage. Political User

    I do see the bars on that frontpage menu.
     
    Electronic Punk likes this.
  17. Electronic Punk

    Electronic Punk Administrator Staff Member Political User Folding Team

    Messages:
    18,590
    Location:
    Copenhagen, Denmark
    Ah ok, musta missed em somehow, will get em re-added based on that code.
     
  18. Electronic Punk

    Electronic Punk Administrator Staff Member Political User Folding Team

    Messages:
    18,590
    Location:
    Copenhagen, Denmark
    Something in that second .txt changed my code.
    Should be ok on the frontpage and will get the new image sorted when I get hope.

    thanks for your help guys, reps for you both :D
     
  19. muzikool

    muzikool Act your wage. Political User

    Thanks, glad to help! :D
     
  20. Electronic Punk

    Electronic Punk Administrator Staff Member Political User Folding Team

    Messages:
    18,590
    Location:
    Copenhagen, Denmark
    The 800 one is even worse doing it now :p

    Code:
       <table cellspacing="\$stylevar[maincellspacing]" cellpadding="1" align="center" bgcolor="\$stylevar[menubgcolor]" style="border-color: #000000; border-width: 1px; border-style: solid;" width="100%">
        <tr>
        <td width="2"></td>
        <td width="2"></td>
        <td><br /></td>
        <td><br /></td>
        <td><br /></td>
        <td><br /></td>
        <td><br /></td>
        <td width="2"></td>
        <td width="2"></td>
        </tr>
        <tr>
        <td width="2"></td>
        <td width="2"></td>
        <td width="205" align="left" valign="top">$recentpost[1]</td>
        <td width="5">&nbsp;</td>
        <td width="205" align="left" valign="top">$recentpost[2]</td>
        <td width="5"></td>
        <td width="205" align="left" valign="top">$recentpost[3]</td>
        <td width="2"></td>
        <td width="2"></td>
        </tr>
        <tr>
        <td width="2"></td>
        <td width="2"></td>
        <td><br /></td>
        <td><br /></td>
        <td><br /></td>
        <td><br /></td>
        <td><br /></td>
        <td width="2"></td>
        <td width="2"></td>
        </tr>
        <tr>
        <td width="2"></td>
        <td width="2"></td>
        <td width="205" align="left" valign="top">$recentpost[4]</td>
        <td width="5"></td>
        <td width="205" align="left" valign="top">$recentpost[5]</td>
        <td width="5"></td>
        <td width="210" align="left" valign="top"><img src="\$stylevar[imagefolder]/recenticon.gif" align="bottom" alt="" /> <b>Recent <a href="<A href="http://forum.osnn.net">Forum</a">http://forum.osnn.net">Forum</a> Posts</b> (<a href="<A href="http://forum.osnn.net/search.php?do=getnew">New</a>)<hr">http://forum.osnn.net/search.php?do=getnew">New</a>)<hr align="left" style="width:\$stylevar[maintablewidth];color:\$stylevar[bordercolor];border:1px 0px 0px 0px;height:1px" />\$recentforumposts</td>
        <td width="2"></td>
        <td width="2"></td>
        </tr>
        <tr>
        <td width="2"></td>
        <td width="2"></td>
        <td><br /></td>
        <td><br /></td>
        <td><br /></td>
        <td><br /></td>
        <td><br /></td>
        <td width="2"></td>
        <td width="2"></td>
        </tr>
        </table>
    
    to
    Code:
       <table cellspacing="\$stylevar[maincellspacing]" cellpadding="1" align="center" bgcolor="\$stylevar[menubgcolor]" style="border-color: #000000; border-width: 1px; border-style: solid;" width="100%">
        <tr>
         <td colspan="9" height="7" />
        </tr>
        <tr>
         <td colspan="2" />
         <td width="205" align="left" valign="top">$recentpost[1]</td>
         <td width="5" />
         <td width="205" align="left" valign="top">$recentpost[2]</td>
         <td width="5" />
         <td width="205" align="left" valign="top">$recentpost[3]</td>
         <td colspan="2" />
        </tr>
        <tr>
         <td colspan="9" height="7" />
        </tr>
        <tr>
         <td colspan="2" />
         <td width="205" align="left" valign="top">$recentpost[4]</td>
         <td width="5" />
         <td width="205" align="left" valign="top">$recentpost[5]</td>
         <td width="5" />
         <td width="205" align="left" valign="top"><img src="\$stylevar[imagefolder]/recenticon.gif" align="bottom" alt="" /> <b>Recent <a href="<A href="http://forum.osnn.net">Forum</a">http://forum.osnn.net">Forum</a> Posts</b> (<a href="<A href="http://forum.osnn.net/search.php?do=getnew">New</a">http://forum.osnn.net/search.php?do=getnew">New</a>)
    <hr align="left" style="width:\$stylevar[maintablewidth];color:\$stylevar[bordercolor];border:1px 0px 0px 0px;height:1px" />
    \$recentforumposts</td>
         <td colspan="2" />
        </tr>
        <tr>
         <td colspan="9" height="7" />
        </tr>
        </table>