Code Errors Help
3 posters
Page 1 of 1
Code Errors Help
OK, so I am building a shop and I got code and all. Everything works beautifully, but I am struggling with aligning the items.
Here's my shop code.
and here's the screenshot of my shop.
I think I might be missing few
tags but I am not sure where. Any help would be much appreciated.
EDIT: I have fixed the problem. Thank you, CJ. This topic is COMPLETE.
Here's my shop code.
- Code:
.header{color:#FA8805;font-size:54px;text-align:center;text-shadow:4px 3px 4px #000000;height:40px;padding-bottom:40px; font-family: Comic MS}
.shopWrapper{text-align:center;margin:0 auto;border: 2px solid silver;overflow:hidden;height:auto;background: url(http://www.tofuhaus.com/images/2013/01/pattern-black-478180.jpg);}
.title{color:#000;font-size:12px;}
.image img{height:64px;width:64px;}
.image{text-align:center;}
.points{color:green;font-size:8px;float:left;text-align:center;}
.sale{color:#ff0000;font-size:8px;float:right;text-align:center;}
.item{width:130px;min-height:150px;border:1px solid #000;overflow:hidden;height:auto;padding:5px;background:#fff;text-align:center;}
.descrip{background:#E9D09B;overflow:hidden;height:auto;min-height: 50px;}
.description {color: black;font-size: 10px;word-wrap: break-word;text-align: left !important;float: left;text-indent: 5px;}
.itemWrapper{text-align:center;margin:0 auto;float:left;}
.inventWrapper{float:left;width:600px;height:auto;overflow:hidden;}
.cart{overflow: hidden;background: white;}
.cart_title{text-align:center;color: green;border-bottom:2px solid #000;}
.cart_items{text-align:center; color: black}
.cart_body{text-align: center;
margin: 0 auto;
overflow-x: hidden;
overflow-y: scroll;
border: 3px double orange;
height: 600px;
background: white;}
.cartWrapper{float:right;width:156px;}
.totaler{bottom:0; color: black}
li:hover{cursor:pointer;}
#checkout{float: left;
height: 100px;
text-align: center;
background: orange;
border-top: 3px solid orange;
margin-top: 5px;
width: 100% !important;}
[img]http://i.imgur.com/moKxryc.png[/img]
1000 Credits
[img]http://cdn1.iconfinder.com/data/icons/ecommerce-and-business-icon-set/64/money.png[/img]
100 credits
Need more credits? For just 100 coins you can have 1000 more. You know you need it.
Power Enhancement
[img]http://images4.wikia.nocookie.net/__cb20110618002958/sims/images/1/11/Potion_Mood_Enhancer.png[/img]
150 credits
Increase your character's powers by 1 ATK & 1 DEF
Invisibility Cloak
[img]http://images.creatureworld.net/items/male_wizard_cloak.png[/img]
300 credits2 USES
Use this cloak to disappear from anyone.
Imortality
[img]http://b.dryicons.com/images/icon_sets/valentine_love/png/64x64/ribbon_heart.png[/img]
10,000 credits1 PER ACCOUNT
The chosen one shall be immortal
Medallion of Life
[img]http://wiki.guildwars.com/images/0/0d/Token_of_Janthir.png[/img]
1000 credits1 USE
Give your or someone else's character second chance at life
Custom Rank
[img]http://tacticalinsertion.weebly.com/uploads/4/4/8/3/4483126/4517240.png?64[/img]
1500 credits2 PER ACCOUNT
Custom ranks for your characters
Elimination
[img]http://evooffers.com/images/icons/target.png[/img]
5000 credits
With this item you can destroy any character forever.
Portal Staff
[img]http://wiki.guildwars.com/images/a/ae/Portal_Staff.png[/img]
1500 credits2 USES
Teleport any character to any location you desire.
Smoke Bomb
[img]http://cdn.wikimg.net/strategywiki/images/f/f0/CoDMW2_Emblem_Grenade_Kill_III.png[/img]
1500 creditsMAX 12
Supply of 12 smoke bombs.
Shopping Cart
[list]
[/list]
Total Credits =
Would you like to check out now? If so, just click the 'Update Card' button then 'Send'. Allow 24 hours for all the items to be processed.
(function(jQuery){
jQuery(document).ready(function(){
var jQuerytotal = 0.0
jQuery('.addButton').click(function (){
var theID ='#' jQuery(this).attr('data-item');
var pointstoAdd = parseFloat(jQuery(theID).find('.points').attr('data-myprice'));
jQuerytotal = pointstoAdd;
jQuery('.totaler').html('Total Credits = ' jQuerytotal.toFixed(2));
var jQuerynewItem = '<li class="cart-item" data-points="' pointstoAdd '">' jQuery(theID).find('.title').text() '</li>';
jQuery('.theList').append(jQuerynewItem);
BindIt();
});
function BindIt(){
jQuery('.cart-item').unbind('click');
jQuery('.cart-item').click( function(){
jQuerytotal -= parseFloat(jQuery(this).attr('data-points'));
jQuery('.totaler').html('Total Credits = ' jQuerytotal.toFixed(2));
jQuery(this).remove();
});
}
});
jQuery(document).ready(
function() {
jQuery('#submitCart').click(function() {
var text = '';
var total = 0;
jQuery(".theList li").each(function () {
var string = jQuery(this).text();
var points = parseInt(jQuery(this).data('points'));
//capitalize first letter of string
text = string.charAt(0).toUpperCase() string.slice(1)
//add line break at the end
' = ' points "\n";
total = points;
});
//I think calculating total is easier than trying to manipulate jQuery(".totaler")
text = "Total Credits = " total;
jQuery("#cartMessage").text(text);
});
});
})(jQuery);
and here's the screenshot of my shop.
I think I might be missing few
tags but I am not sure where. Any help would be much appreciated.
EDIT: I have fixed the problem. Thank you, CJ. This topic is COMPLETE.
Last edited by Asriel on March 5th 2013, 3:02 am; edited 1 time in total
Re: Code Errors Help
I've notice that this only happens when you place the Header and Footer, I will play around with the HTML.
This might take a while.
This might take a while.
Re: Code Errors Help
Since the topic was marked complete, I will consider this as solved and mark it now.
Topic Solved & Locked |
Jophy- ForumGuru
- Posts : 17922
Reputation : 836
Language : English
Location : Somewhere
Similar topics
» Code errors for members
» When i paste a long code via [code][/code] the page expands
» icons errors
» Servimg Errors
» 2 console errors
» When i paste a long code via [code][/code] the page expands
» icons errors
» Servimg Errors
» 2 console errors
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum