Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 2 of 2 FirstFirst 12
Results 16 to 17 of 17
  1. #16
    Senior Coder jmrker's Avatar
    Join Date
    Aug 2006
    Location
    FL
    Posts
    3,026
    Thanks
    36
    Thanked 494 Times in 488 Posts

    Exclamation

    Difficult to tell without a live link to the actual images,
    but I suspect you are not referencing to the correct directory.

    In one place you use 'gallery7/' and in another you use '/gallery7/'
    Those actually reference two different directories. One off the root and the other from the current directory.

    Also note that there is not a valid attribute of 'top' for the CSS float command. Bunches of warnings in the error console if you decide to check this.

  2. #17
    Senior Coder jmrker's Avatar
    Join Date
    Aug 2006
    Location
    FL
    Posts
    3,026
    Thanks
    36
    Thanked 494 Times in 488 Posts
    I'm guessing about this, but at least there are some images displayed and no errors reported...
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>The Skull & Shackles Pathfinder Miniatures</title>
    <meta content="text/html; charset=ISO-8859-1" http-equiv="Content-Type">
    
    <script type="text/javascript">
        // MINI ARRAYS: name,name_size (normal/small),rarity,size,newflag(yes/no),info,date,number,picture
        var minis=[
            {mininame:"SEA TROLL",namesize:"normal",rarity:"Unknown Rarity",minisize:"Large",newflag:"yes",info1:"Production Proof",info2:"March 8, 2013",mininumber:"0",imagename:"seatroll"},
            {mininame:"PIRATE",namesize:"normal",rarity:"Unknown Rarity",minisize:"Medium",newflag:"yes",info1:"Production Proof",info2:"March 8, 2013",mininumber:"0",imagename:"pirate1"},
            {mininame:"",namesize:"normal",rarity:"",minisize:"",newflag:"yes",info1:"Production Proof",info2:", 2013",mininumber:"0",imagename:""}
         ];
        var promomini=["BRINEBONES, SKELETAL DRAGON","normal","Rare","Gargantuan","yes","Preview Sample","March 8, 2013","0","brinebones"];
        var showmininumber="no"; //Change to "yes" to show mini numbers - replaces date on Info2
    </script>
    
    <style type="text/css">
    
    .nocontainer {
        display: none;
    }
    
    .container {
        width: 860px;
    	height: 307px;
    	border-width: 1px;
    	border-color: white;  /* White - Invisible Border */
        border-style: solid;
    	margin: 0px 0px 20px 0px;
    }
    
    .promoframe {
        width: 430px;
        height: 414px;
        border-width: 3px;
        border-color: #808080;  /* Gray - Main Frame Border */
        border-style: solid;
        margin: 3px;
        background: white;  /* White - Main Frame Background */
    }
    
    .miniframe {
        width: 203px;
    	height: 294px;
    	border-width: 3px;
    	border-color: #808080;  /* Gray - Main Frame Border */
        border-style: solid;
    	margin: 3px;
    	float: left;
    	background: white;  /* White - Main Frame Background */
    }
    
    .nominiframe {
        display: none;
    }
    
    .boxname_normal {
        width: 100%;
    	height: 20px;
    	background: #414141;  /* Dark Gray - Name Box Background */
    	float: left;
    	color: white;
    	font-weight: bold;
    	font-size: 0.875em;
    	text-align: center;
        font-family: "Calibri", "Helvetica";
    	padding: 2px 0px 0px 0px;
    }
    
    .boxname_small {
        width: 100%;
    	height: 20px;
    	background: #414141;  /* Dark Gray - Name Box Background */
    	float: left;
    	color: white;
    	font-weight: bold;
    	font-size: 0.75em;
    	text-align: center;
        font-family: "Calibri", "Helvetica";
    	padding: 2px 0px 0px 0px;
    }
    	
    .boxrarity {
        width: 100%;
    	height: 14px;
    	background: #C0C0C0;  /* Light Gray - Details Box */
    	float: left;
    }
    	
    .boxsize {
        width: 100%;
    	height: 15px;
    	background: #C0C0C0;  /* Light Gray - Details Box */
    	float: left;
    	border-bottom-style: solid;
    	border-bottom-color: #808080;  /* Gray - Main Frame Border */
    	border-width: 3px;
    	color: #414141;  /* Dark Gray - Same as Name Box */
    	font-style: italic;
    	font-size: 0.8em;
    	text-align: center;
        font-family: "Calibri", "Helvetica";
    }
    
    .boximage {
        width: 100%;
    	height: 200px;
    	background: white;
    	float: left;
    	padding-top: 6px;	
    }
    
    .boxinfo_old {
        width: 100%;
    	height: 16px;
    	background: white;	
    	float: left;
    	margin: 1px 0px 0px 0px;	
    	color: black;
    	font-style: italic;
    	font-size: 0.8em;
    	text-align: center;
        font-family: "Calibri", "Helvetica";
    }
    
    .boxinfo_new {
        width: 100%;
    	height: 16px;
    	background: yellow;  /* Yellow - New Background */
    	float: left;	
    	color: black;
    	font-style: italic;
    	font-size: 0.8em;
    	text-align: center;
        font-family: "Calibri", "Helvetica";
    }
    
    /* Date Box - Old */	
    .boxinfo2_old {
        width: 100%;
    	height: 18px;
    	background: white;
    	float: left;	
    	color: black;
    	font-style: italic;
    	font-size: 0.75em;
    	text-align: center;
        font-family: "Calibri", "Helvetica";
    }
    
    /* Date Box - New */	
    .boxinfo2_new {
        width: 100%;
    	height: 18px;
    	background: yellow;  /* Yellow - New Background */
    	float: left;
    	color: red;
    	font-style: italic;
    	font-size: 0.75em;
    	text-align: center;
        font-family: "Calibri", "Helvetica";
    }
    
    /* Number Box - Replaces Date Box */
    .boxinfo2_num {
        width: 100%;
    	height: 18px;
    	float: left;
    	color: #808080;  /* Gray - Match Main Frame Border */
    	font-style: normal;
    	font-size: 0.8em;
    	text-align: center;
        font-family: "Calibri", "Helvetica";
    }
    
    .promoboximage {
        width: 100%;
        height: 320px;
        background: white;
        float: left;
        padding-top: 6px;
    }
    
    .rarity_common {
    	font-weight: bold;
    	font-size: 0.8em;
    	text-align: center;
        font-family: "Calibri", "Helvetica";
    	color: #008000;
    }
    	
    .rarity_uncommon {
    	font-weight: bold;
    	font-size: 0.8em;
    	text-align: center;
        font-family: "Calibri", "Helvetica";
    	color: #0000ff;
    }
    	
    .rarity_rare {
    	font-weight: bold;
    	font-size: 0.8em;
    	text-align: center;
        font-family: "Calibri", "Helvetica";
    	color: #800080;
    }
    	
    .rarity_unique {
    	font-weight: bold;
    	font-size: 0.8em;
    	text-align: center;
        font-family: "Calibri", "Helvetica";
    	color: #ffcc00;
    }
    
    .rarity_unknown {
    	font-weight: bold;
    	font-size: 0.8em;
    	text-align: center;
        font-family: "Calibri", "Helvetica";
    	color: #808080;
    }
    	
    .clear {
        clear:both;
    }
    	
    </style>
    
    </head>
    
    <body>
    
    <!-- HEADER -->
    <p align="center">
        <a href="index.html">
        <img border="0" hspace="0" src="logo.gif" alt="">
        </a>
    </p>
    <p align="center">
        <font face="Times New Roman">
    	    <strong>Pathfinder Battles: Skull & Shackles</strong><br>
    	    55 Miniatures<br>
    	    Release Date: Summer 2013<br>
    	</font>
    </p>
    
    <center>
    
    <script type="text/javascript">
    
    // START Display Loop	
    for (var i=0;i<minis.length;i++) {
        var boxnum=i+5-(Math.ceil(((i)+1)/4)*4);
        // Create Container for Frames
        if (boxnum==1) {
            if (minis[i].mininame==" ") {
                document.write('<div class="nocontainer">');
            }
            else {
                document.write('<div class="container">');
            }
        }
        else {
        }
    	    // Create Frame for Boxes
    	    if (minis[i].mininame=="") {
                document.write('<div class="nominiframe">');
            }
            else {
                document.write('<div class="miniframe">');
            }
    
                // Create Name Box in Frame
                if (minis[i].namesize=="small") {
                    document.write('<div class="boxname_small">');
                }
                else {
                    document.write('<div class="boxname_normal">');
                }
                document.write(minis[i].mininame); //Mini Name
                document.write('</div>');
    
                //Create Rarity Box in Frame
                if (minis[i].rarity=="Rare") {
                    document.write('<div class="boxrarity rarity_rare">');
                }
                else if (minis[i].rarity=="Uncommon") {
                    document.write('<div class="boxrarity rarity_uncommon">');
                }
                else if (minis[i].rarity=="Common") {
                    document.write('<div class="boxrarity rarity_common">');
                }
                else if (minis[i].rarity=="Unique") {
                    document.write('<div class="boxrarity rarity_unique">');
                }
                else {
                    document.write('<div class="boxrarity rarity_unknown">');
                }
                document.write(minis[i].rarity); //Rarity
                document.write('</div>');
    
                // Create Size Box in Frame
                document.write('<div class="boxsize">');
                document.write(minis[i].minisize); //Size
                document.write('</div>');
    
                // Create Image Box in Frame
                document.write('<div class="boximage">');
                document.write('<img border="0" hspace="0" src="http://www.pathfinderminis.com/gallery7/' + minis[i].imagename + '.jpg">'); //Image
                document.write('</div>');
    
                // Create Info1 Box in Frame
                if (minis[i].newflag=="yes") {
                    document.write('<div class="boxinfo_new">');
                }
                else {
                    document.write('<div class="boxinfo_old">');
                }
                document.write(minis[i].info1); //Info1
                document.write('</div>');
    
                //Create Info2 Box in Frame
                if (showmininumber=="yes") {
                    document.write('<div class="boxinfo2_num">');
                    document.write('(' + minis[i].mininumber + ')'); //Mini Number
                }
                else {
                    if (minis[i].newflag=="yes") {
                        document.write('<div class="boxinfo2_new">');
                    }
                    else {
                        document.write('<div class="boxinfo2_old">');
                    }
                    document.write(minis[i].info2); //Info2
                }
                document.write('</div>');
            document.write('</div>'); //End Frame for Boxes
        var endminis = i + 1;
        if (boxnum==4 || endminis==minis.length) {
            document.write('<div class="clear">');
            document.write('</div>');
        document.write('</div>');
        }
        else {
        }
    } /* END Display Loop */
    
    </script>
    </center>
    
    
    <!-- PROMO MINI DISPLAY -->
    <center>
    <script type="text/javascript">
    // Create Frame for Boxes
    if (promomini[0]==" ") {
        document.write('<div class="nominiframe">');
    }
    else {
        document.write('<div class="promoframe">');
    }
        // Create Name Box in Frame
        document.write('<div class="boxname_normal">');
        document.write(promomini[0]); //Mini Name
        document.write('</div>');
    
        //Create Rarity Box in Frame
        document.write('<div class="boxrarity rarity_unique">');
        document.write(promomini[2]); //Rarity - Unique
        document.write('</div>');
    
        // Create Size Box in Frame
        document.write('<div class="boxsize">');
        document.write(promomini[3]); //Size
        document.write('</div>');
    
        // Create Image Box in Frame
        document.write('<div class="promoboximage">');
        document.write('<img border="0" hspace="0" src="http://www.pathfinderminis.com/gallery7/'+ promomini[8] + '.jpg" alt="">'); //Image
        document.write('</div>');
    
        // Create Info1 Box in Frame
        if (promomini[4]=="yes") {
            document.write('<div class="boxinfo_new">');
        }
        else {
            document.write('<div class="boxinfo_old">');
        }
        document.write(promomini[5]); //Info1
        document.write('</div>');
    
        //Create Info2 Box in Frame
        if (showmininumber=="yes") {
            document.write('<div class="boxinfo2_num">');
            document.write('(' + promomini[7] + ')'); //Mini Number
        }
        else {
            if (promomini[4]=="yes") {
                document.write('<div class="boxinfo2_new">');
            }
            else {
                document.write('<div class="boxinfo2_old">');
            }
            document.write(promomini[6]); //Info2
        }
        document.write('</div>');
    document.write('</div>'); //End Frame for Boxes
    document.write('<div class="clear">');
    document.write('</div>');
    </script>
    </center>
    
    <p align="center">
        <a href="index.html">Home Page</a>
    </p>
    
    <p align="center">
        <font size="1" face="Tahoma">
        <em>Last Page Update: March 9,2013</em>
        </font>
    </p>
    
    </body>
    </html>
    Good Luck!


 
Page 2 of 2 FirstFirst 12

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •