1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

JavaScript help with this template- div not clearing CSS

Discussion in 'Web Development' started by FR34K, Feb 18, 2010.

  1. FR34K

    FR34K New Member

    I am an old school web programmer, its been years - not familiar with CSS or php - used to code html with frames to achieve this :)

    I have downloaded the template32 (/preview/template32) for use on our site and am having issues adding our ventrilo monitor into it

    Here is the code in our index for this column after much screwing around with it.

    Code:
                        
<!-- Start of Ventrilo Code -->        
<div id="Ventrilo">
<link href="https://www.typefrag.com/Ventrilo-Status/Style.aspx?ID=5ca85f93-b554-4227-81d8-7e32bd4d798a" rel="stylesheet" type="text/css"/>
<div class="TypeFragServerViewer">
    <div id="TF-1268336" class="TFVS-Default"></div>
    <a class="TypeFragLink" style="width: 229px; display: block; text-align: right;" href="http://www.typefrag.com">Ventrilo by TypeFrag.com</a>
    <script type="text/javascript" src="https://www.typefrag.com/Ventrilo-Status/Script.aspx"></script>
    <script type="text/javascript">
        var TFVS_ventStatus = new TFVS_VentStatus('TF-1268336', 'https://www.typefrag.com/Ventrilo-Status/Status.aspx?ID=5ca85f93-b554-4227-81d8-7e32bd4d798a', false);
        TFVS_ventStatus.getXMLData();
        TFVS_ventStatus.setupServerViewer();
    </script>
</div>
</div>
<!-- End Vent Code -->
    And the CSS entry that i tried to make
    Code:
    /* Ventrilo */
#ventrilo 
{
    color: White;
    background-color: White;
    border-top: #fff 1px solid;
    background: White;
}
    It however is retaining the style set for "Recent Matches" a section I plan on removing

    You can see the site here: RWI Gaming Community
     
    FR34K, Feb 18, 2010
    #1
  2. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    could be a problem with UPPER and lower CaSe (case sensitive)

    index file <!-- Start of Ventrilo Code -->
    <div id="Ventrilo">
    should be lower case not CAPITAL "V"

    css file /* Ventrilo */
    #ventrilo is in lowercase

    so in essence you are trying to call up something that does not exist.

    See if that fixes things.

    "old school web programmer" nice to know I'm not the only one in that category.
     
    ishkey, Feb 18, 2010
    #2
  3. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    One more thing to center the template you might want to try
    Code:
    #body_wrapper {
           margin: auto;      [COLOR="#ff0000"]<-- add this[/COLOR]
	[COLOR="#ff0000"]/*[/COLOR]margin-right: auto;[COLOR="Red"]*/[/COLOR]   [COLOR="Red"]<-- /*comment out*/[/COLOR]
	width: 1004px;
	background: url('images/background.jpg') repeat-y 0% 0%;
}
     
    ishkey, Feb 18, 2010
    #3
  4. FR34K

    FR34K New Member

    Thanks for the tip I would have screamed if it was that simple, I have changed both to [V]entrilo but it seems to still carry the "Recent Records" Style
     
    FR34K, Feb 18, 2010
    #4
  5. FR34K

    FR34K New Member

    Centered looks much better :) I will play with this on my own (i think working out problems yourself teaches you better than asking for the question) to span 100% to accomidate widescreen or 4:3 users


    I still would like some tips / suggestions for help with the Ventrilo Monitor.
     
    FR34K, Feb 18, 2010
    #5
  6. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    To span 100% you are going to have to change several #px settings in the css file.
    Back to other problem "Recent Records" Style - I'm lost on this - can you put up a graphic of the area marked up - if you do keep the width 700px or lower.
     
    ishkey, Feb 18, 2010
    #6
  7. FR34K

    FR34K New Member

    i fixed it by dropping the Status java provided by typefrag and using a different companys status monitor
     
    FR34K, Feb 18, 2010
    #7
  8. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    Ok I really see the change now.
    The problem is like an external style sheet has control until you put a style sheet into the head section of the html file which then over rides that part and the put styling right on a line/element then it's in-charge.
     
    ishkey, Feb 18, 2010
    #8
  9. FR34K

    FR34K New Member

    I like this much better anyway blends in with the site background better :) I have another question but it probably goes in the basic section so im headed there now

    Thanks for all the help ishkey
     
    FR34K, Feb 18, 2010
    #9