[[Issues with css] [[Paying Paypal $$$][QUICK]

Anthony1994 Member

Messages:: 109

Likes Received:: 0

Best Answers:: 0

Trophy Points:: 28

#1

www.likecentral.net
Style.css; www.likecentral.net/style.css

or:


Code: [Select]
@charset "utf-8";
/* CSS Document */

body{
   float:center;
   margin:0px;
   width:100%;
   background-color:#003367;
   margin:50px 0px; padding:0px;
   text-align:center;
}

.wrapper{
   width:960px;
   margin:0 auto;
}

img{
   display:block;
   border:none;
}

.header{
   float:center;
   width:960px;
}

.ad1{
   float:center;
   height:275px;
   width:728px;
   padding-right:0px;
   margin-top:4px;
}

.content{
   float:center;
   padding-left:4px;
}

.hd_bg{
   float:center;
   background-image:url(images/hd_box.png);
   width:638px;
   height:44px;
   margin-top: 7px;
}

.bt_box{
   background-image:url(images/bt_box.gif); /* My Dog Sigh's */
   height:12px;
   width:638px;
   overflow:hidden;
}


}

h1{
   float:center;
   color:#fff;
   font-family: Tahoma, Geneva, sans-serif;
   font-size: 16px;
   font-style: normal;
   line-height: normal;
   font-weight: bold;
   font-variant: normal;
   text-transform: uppercase;
   padding-left: 10px;
   margin-top: 8px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
}

h1 a{
   color:#fff;
   text-decoration:none;
}

h1 a:hover{
   text-decoration:underline;
}

.box_con{
   clear:center;
   width:612px;
   margin:0 auto;
}

.box_con a{
   color:#000;
   text-decoration:none;
}

.box_con a:hover{
   text-decoration:underline;
}

.like_box{
   float:center;
   margin-top: 7px;
   width: 640px;
}

.like_box_box{
   background-image:url(images/LikeBox.bmp);
/* LIKEBOX PIC AND CENTERING OF PAGE'S BY MrRawer 20/06/2010 */
   float:center;
   margin-top: 7px;
   width: 640px;
}

.l{
   float:left;
   /* background-image:url(images/left_chat.gif); */
   height:167px;
   width:14px;
   overflow:hidden;
}

.center{
   float:center;
   height:167px;
   width:610px;
}

.r{
   float:right;
   /* background-image:url(images/right_chat.gif); */
   height:167px;
   width:14px;
   overflow:hidden;
}

#form1{
   float:center;
   margin:0px;
   padding:0px;
}

.textfield{
   float:center;
   width:603px;
   height:20px;
   margin-top:1px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-style: normal;
   line-height: normal;
   font-weight: normal;
   font-variant: normal;
   color: #000;
   clear:center;
}

/* Edited By MrRawer - 20/06/2010 */

#textarea{
   float:center;
   width:603px;
   height:87px;
   margin-top:8px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-style: normal;
   line-height: normal;
   font-weight: normal;
   font-variant: normal;
   color: #000;
}

#button{
   float:center;
   background-image:url(images/likeit_b.gif);
   height:33px;
   width:112px;
   border:0px;
   clear:right;
   margin-top:4px;
}

#form1 p{
   padding:0px;
   color:#fff;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 18px;
   font-style: normal;
   line-height: normal;
   font-weight: normal;
   font-variant: normal;
   margin-top: 10px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   float: center;
   clear:center;
}

.footer{
   float:center;
   background-image:url(images/footer_bg.gif);
   height:44px;
   width:100%;
   margin-top:20px;
}

.links{
   width:100%;
   text-align:center;
   color:#c8c8c8;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 11px;
   font-style: normal;
   line-height: normal;
   font-weight: normal;
   font-variant: normal;
   margin-top: 7px;
}

.links a{
   color:#c8c8c8;
   text-decoration:none;
}

.links a:hover{
   text-decoration:underline;
}

.copy{
   text-align:left;
   width:100%;
   float:left;
   clear:left;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 13px;
   font-style: normal;
   line-height: normal;
   font-weight: normal;
   font-variant: normal;
   color: #fff;
}

.char{
   float:center;
   font-family: Tahoma, Geneva, sans-serif;
   font-size: 13px;
   font-style: normal;
   line-height: normal;
   font-weight: bold;
   font-variant: normal;
   color: #fff;
   margin-top:4px;
}

.lim{
   border:none;
   background-color:#0d93d1;
   font-family: Tahoma, Geneva, sans-serif;
   font-size: 13px;
   font-style: normal;
   line-height: 15px;
   font-weight: bold;
   font-variant: normal;
   color: #fff;
   padding:0px;
}

.youtube{
   float:center;
   font-family: Tahoma, Geneva, sans-serif;
   font-size: 13px;
   font-style: normal;
   line-height: normal;
   font-weight: bold;
   font-variant: normal;
   color: #fff;
   text-decoration:none;
   margin-top:4px;
   margin-left:2px;
}

.youtube:hover{
   text-decoration:underline;
}
/* Sub Page */

.t{
   float:center;
   background-image:url(images/top_p.gif);
   width:636px;
   height:25px;
}

.c{
   align:left;
   float:center;
   width:636px;
   background-image:url(images/tbg.jpg);
}

.b{
   align:left;
   float:center;
   width:636px;
   height:26px;
   background-image:url(images/bt_p.jpg);
}

.c p{
   float:center;
   width:606px;
   margin:0px;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 14px;
   color: #012c6c;
   font-style: normal;
   line-height: normal;
   font-weight: normal;
   font-variant: normal;
   padding-top: 5px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-left: 15px;
}

.but{
   float:center;
   background-image:url(images/create_button.gif);
   height:72px;
   width:636px;
   margin-top: 7px;
}

#form2{
   float:center;
   width:610px;
   margin:0 auto;
   padding:0px;
   clear:center;
}

#textareas{
   width:605px;
   border:1px solid #b3abab;
   height:70px;
}

#button1{
   float:center;
   background-image:url(images/leave_comment.gif);
   height:29px;
   width:128px;
   border:0px;
   margin-top:4px;
   margin-bottom:4px;
}

.comm{
   clear:center;
   width:610px;
   padding-top:5px;
   margin:0 auto;
}

.comment{
   clear:center;
   width:610px;
   border-bottom:1px dashed #000;
   margin:0 auto;
   padding-top:5px;
   padding-bottom:10px;
   float: center;
}

.comment span{
   float:center;
   color:#2a4994;
   width:610px;
   text-align:right;
}

.comment p{
   float:center;
   width:610px;
   padding:0px;
   color:#000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   line-height: normal;
   font-weight: normal;
   margin-top: 3px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
}

.la{
   align:left;
   float:left;
}

Code (markup):

I have a few problems though.
Where the like pages are there should be on a white box.

As you can see here www.likecentral.net/index.php

Another problem is;
http://likecentral.net/like.php?like=1

As you can see the comment box is alligned to the left for some reason ;\
You might not be able to see this if you dont have fb.

The other problem is the title "top likes" found on the same page isn't in the right spot.

If you can help I'll be paying paypal $$$.

Add my MSN AnthonySythe@hotmail.com

Anthony1994, Jun 20, 2010 IP

tolra Active Member

Messages:: 515

Likes Received:: 36

Best Answers:: 1

Trophy Points:: 80

#2

@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	width:100%;
	background-color:#003367;
	margin:50px 0px; padding:0px;
	text-align:center;
}

.wrapper{
	width:960px;
	margin:0 auto;
}

img{
	display:block;
	border:none;
}

.header{
	width:960px;
}

.ad1{
	height:275px;
	width:728px;
	padding-right:0px;
	margin-top:4px;
}

.content{
	padding-left:4px;
}

.hd_bg{
	background-image:url(images/hd_box.png);
	width:638px;
	height:44px;
	margin-top: 7px;
}

.bt_box{
	background-image:url(images/bt_box.gif); /* My Dog Sigh's */
	height:12px;
	width:638px;
	overflow:hidden;
}

h1{
	color:#fff;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	padding-top: 8px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

h1 a{
	color:#fff;
	text-decoration:none;
}

h1 a:hover{
	text-decoration:underline;
}

.box_bg, .comm {
width:638px;
background-color: #fff;
padding: 4px 0;
}

.box_con{
	width:612px;
	margin:0 auto;
}

.box_con a{
	color:#000;
	text-decoration:none;
}

.box_con a:hover{
	text-decoration:underline;
}

.like_box{
	margin-top: 7px;
	width: 640px;
}

.like_box_box{
	background-image:url(images/LikeBox.bmp);
/* LIKEBOX PIC AND CENTERING OF PAGE'S BY MrRawer 20/06/2010 */
	margin-top: 7px;
	width: 640px;
}

.l{
	float:left;
	/* background-image:url(images/left_chat.gif); */
	height:167px;
	width:14px;
	overflow:hidden;
}

.center{
	height:167px;
	width:638px;
}

.r{
	float:right;
	/* background-image:url(images/right_chat.gif); */
	height:167px;
	width:14px;
	overflow:hidden;
}

#form1{
	margin:0;
	padding:0;
}

.textfield{
	width:603px;
	height:20px;
	margin-top:1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000;
}

/* Edited By MrRawer - 20/06/2010 */

#textarea{
	width:603px;
	height:87px;
	margin-top:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000;
}

#button{
	background-image:url(images/likeit_b.gif);
	height:33px;
	width:112px;
	border:0px;
	clear:right;
	margin-top:4px;
}

#form1 p{
	padding:0px;
	color:#fff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear:center;
}

.footer{
	background-image:url(images/footer_bg.gif);
	height:44px;
	width:100%;
	margin-top:20px;
}

.links{
	width:100%;
	text-align:center;
	color:#c8c8c8;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	margin-top: 7px;
}

.links a{
	color:#c8c8c8;
	text-decoration:none;
}

.links a:hover{
	text-decoration:underline;
}

.copy{
	text-align:left;
	width:100%;
	float:left;
	clear:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #fff;
}

.char{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #fff;
	margin-top:4px;
}

.lim{
	border:none;
	background-color:#0d93d1;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 15px;
	font-weight: bold;
	font-variant: normal;
	color: #fff;
	padding:0px;
}

.youtube{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #fff;
	text-decoration:none;
	margin-top:4px;
	margin-left:2px;
}

.youtube:hover{
	text-decoration:underline;
}
/* Sub Page */

.t{
	background-image:url(images/top_p.gif);
	width:636px;
	height:25px;
}

.c{
	align:left;
	width:636px;
	background-image:url(images/tbg.jpg);
}

.b{
	align:left;
	width:636px;
	height:26px;
	background-image:url(images/bt_p.jpg);
}

.c p{
	width:606px;
	margin:0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #012c6c;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.but{
	background-image:url(images/create_button.gif);
	height:72px;
	width:636px;
	margin-top: 7px;
}

#form2{
	width:610px;
	margin:0 auto;
	padding:0px;
	clear:center;
}

#textareas{
	width:605px;
	border:1px solid #b3abab;
	height:70px;
}

#button1{
	background-image:url(images/leave_comment.gif);
	height:29px;
	width:128px;
	border:0px;
	margin-top:4px;
	margin-bottom:4px;
}

.comm{
align:center;
	width:610px;
	padding-top:5px;
	margin:0 auto;
}
.comment{
	clear:left;
	width:610px;
	border-bottom:1px dashed #000;
	margin:0 auto;
	padding-top:5px;
	padding-bottom:10px;
	float: left;
}

.comment span{
	float:left;
	color:#2a4994;
	width:610px;
	text-align:right;
}

.comment p{
	float:left;
	width:610px;
	padding:0px;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}

.la{
	align:left;
	float:left;
}

Code (markup):

That's about as close as I can get live editing just the CSS, for anything else I think the errors in the html will need fixing.

tolra, Jun 21, 2010 IP

ZeeshanButt Well-Known Member

Messages:: 307

Likes Received:: 4

Best Answers:: 0

Trophy Points:: 110

#3

Do you still need it to be solved?

ZeeshanButt, Jun 21, 2010 IP

Log in or Sign up

[[Issues with css] [[Paying Paypal $$$][QUICK]

Anthony1994 Member

tolra Active Member

ZeeshanButt Well-Known Member

Useful Searches