$15 to fix a few lines of CSS code

Discussion in 'Programming' started by driven, Oct 14, 2007.

0
  1. #1
    this is my site here.

    I have the navigational tabs working in Firefox, and IE6, but in IE7, the tabs hangs over. And I'm not sure what it looks like in Mac Safari.

    I will pay you $15 (via paypal) if you can fix this and make it cross browser functional. I've been banging my head on this but can't figure it out.

    If you can fix this, I'll give you ftp access. Once it's fixed across the major browsers (i'll need you to give me a screenshot on Mac) then I'll pay you.

    thanks again!
     
    driven, Oct 14, 2007 IP
  2. MichaelS

    MichaelS Guest

    Messages:
    595
    Likes Received:
    40
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #2
    Try changing the css to:

    

* {
padding : 0;
margin : 0;
}
blockquote {
border : 1px solid #999;
margin : 10px 30px 10px 30px;
color : #666;
padding : 5px;
}
a img, img a {
padding : 8px;
border : none;
}
p {
padding : 5px 0 10px 0;
color : #222;
line-height : 130%;
}
#content p img, #content img p {
padding : 8px;
border : none;
}
body {
margin : 0 auto;
font : 82.5% Tahoma, Verdana, Sans-serif;
height : 100%;
background-color : #fff;
text-align : center;
}
#container {
width : 900px;
padding : 0;
overflow : hidden;
margin : 10px auto;
text-align : left;
}
#nav {
top : 43px;
left : 60px;
display : block;
float : left;
}
#nav ul {
float : left;
list-style-type : none;
margin : 0;
padding : 0;
position : absolute;
top : 43px;
right : 60px;
}
#nav ul li {
float : left;
padding : 0;
margin : 0;
}
#nav ul li a {
display : block;
height : 30px;
}
#nav ul li a.hometab {
background : transparent url(slices/images/hometab.jpg) no-repeat scroll left top;
height : 28px;
width : 103px;
}
#nav ul li a.meetmetab {
background : transparent url(slices/images/meetmetab.jpg) no-repeat scroll left top;
height : 28px;
width : 96px;
}
#nav ul li a.jacksblogtab {
background : transparent url(slices/images/jacksblogtab.jpg) no-repeat scroll left top;
height : 28px;
width : 96px;
}
#nav ul li a.resourcestab {
background : url(slices/images/resourcestab.jpg) no-repeat scroll left top;
height : 28px;
width : 96px;
}
#nav ul li a.freearticlestab {
background : url(slices/images/freetab.jpg) no-repeat scroll left top;
height : 28px;
width : 96px;
}
#nav ul li a.fftab {
background : url(slices/images/fftab.jpg) no-repeat scroll left top;
height : 28px;
width : 103px;
}
#header {
height : 200px;
width : 900px;
margin-top : 60px;
clear : both;
}
#banner {
background-image : url(images/banner.jpg);
height : 200px;
}
.testimonial {
width : 220px;
float : left;
margin : 10px 5px 0 340px;
display : inline;
}
p.banner {
color : #fff;
font-size : 0.8em;
padding-bottom : 0;
}
.newsletter {
width : 230px;
float : left;
margin : 10px 5px 0 30px;
display : inline;
}
#navmenu {
font-size : 1em;
clear : both;
text-align : center;
font-weight : bolder;
border-bottom : 1px solid #333;
margin : 10px 0;
padding-bottom : 5px;
}
#navmenu li {
display : inline;
list-style-type : none;
font-size : 1.1em;
padding-right : 20px;
}
#navmenu a:link, a:visited, a:active {
color : #012345;
text-decoration : none;
}
#navmenu a:hover {
text-decoration : underline;
}
#contentwrapper {
clear : both;
background : #fff url(images/contentfaux.jpg) repeat-y scroll 0% 0;
width : 900px;
margin : 0;
overflow : hidden;
border-right : 1px solid #81a9e3;
}
h1, h2, h3, h4, h5 {
color : #063c89;
padding-bottom : 10px;
}
h1 {
font-size : 1.2em;
}
h2 {
font-size : 1em;
}
h3 {
font-size : 0.9em;
}
h4 {
font-size : 0.8em;
}
h5 {
font-size : 0.7em;
}
#sidebar {
width : 250px;
margin : 20px 5px 20px 5px;
padding : 0 5px 0 5px;
float : left;
}
#sidebar p {
color : #063c89;
}
#sidebar a:link, #sidebar a:visited, #sidebar a:active {
color : #81a9e3;
text-decoration : underline;
}
#sidebar a:hover {
color : #f98b1c;
text-decoration : none;
}
#sidebar ul {
list-style-image : url(images/bullet.gif);
margin-left : 20px;
padding-bottom : 30px;
font-size : 0.9em;
}
#sidebar ul li {
padding : 5px 0 0 0;
color : #063c89;
}
#sidebar ul li a:link, #sidebar ul li a:visited, #sidebar ul li a:active {
color : #063c89;
text-decoration : underline;
}
#sidebar ul li a:hover {
text-decoration : underline;
color : #f98b1c;
}
#content {
padding : 0 10px 0 0;
margin : 20px 5px 20px 5px;
float : right;
width : 590px;
}
p.intro {
font-size : 1.2em;
font-weight : bold;
color : #063c89;
}
#content ul, #content ol {
padding-bottom : 10px;
margin-left : 30px;
line-height : 120%;
font-size : 0.9em;
color : #000;
}
#content ul {
list-style-type : square;
color : #000;
}
#content ol {
list-style-type : decimal;
color : #000;
}
#content ul li, #content ol li {
padding-bottom : 5px;
}
#content a:link, #content a:visited, #content a:active {
text-decoration : underline;
color : #81a9e3;
}
#content a:hover {
color : #f98b1c;
text-decoration : underline;
}
#footer {
clear : both;
height : 130px;
background-image : url(images/footerbg.jpg);
}
#footer p {
color : #fff;
padding : 10px 10px 10px 10px;
line-height : 10%;
}
#footer a:link, #footer a:visited, #footer a:active {
color : #81a9e3;
text-decoration : underline;
}
#footer a:hover {
color : #f98b1c;
text-decoration : underline;
}
#blogentry {
padding-bottom : 30px;
}
p.commentername#comments, p.commentdate#comments {
float : left;
}
#comments {
color : #012345;
font-size : 0.8em;
border-top : 1px solid #000;
border-bottom : 1px solid #000;
clear : both;
margin : 20px 0 20px 0;
height : 1%;
}
#comments p.commenttext {
color : blue;
float : right;
width : 300px;
}
div.blogentry {
margin : 5px 0 20px 0;
}
div.metadata {
margin : -5px 0 20px 0;
}
#content div.metadata a:link, #content div.metadata a:visited, #content div.metadata a:active {
color : #f98b1c;
font-size : 0.9em;
}
#content div.metadata a:hover {
color : #f98b1c;
text-decoration : underline;
}
#content div.metadata p {
font-size : 0.8em;
}
p.posted, .date, .author, .authorname, comment, .commentnumber {
font-weight : bold;
}
p.posted, .author, .comment {
color : #81a9e3;
}
.date, .authorname, .commentnumber {
color : #f98b1c;
padding-right : 10px;
}
p.author, p.commentmetadata {
font-size : 0.8em;
color : blue;
}
#content h2.archives, #content h1.indexpage {
font : 1.2em bold;
color : #012345;
padding-top : 15px;
}
#content h2.archives a:link, h2.archives a:visited, h2.archives a:active, #content h1.indexpage a:link, h1.indexpage a:visited, h1.indexpage a:active {
font : 1.2em bold;
}
#searchform {
position : relative;
text-align : left;
margin-bottom : 20px;
}
#search {
background-color : #012345;
color : white;
}
#searchform label {
color : #002f2f;
font-weight : bold;
font-size : 0.9em;
}
    Code (markup):
     
    MichaelS, Oct 14, 2007 IP
  3. driven

    driven Well-Known Member

    Messages:
    400
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    138
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #3
    are you sure you changed any of the code because I don't see a difference? i tried uploading your version but nothing changed.

    still looking....
     
    driven, Oct 14, 2007 IP
  4. kreoton

    kreoton Peon

    Messages:
    229
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #4
    Try this. Tested on FF, IE6, IE7,

    safari (on Windows) screen: http://img152.imageshack.us/img152/8771/safaribq9.jpg

    /*  
Theme Name: Copywriter's Roundtable
Theme URI: http://sachistudio.com/
Description: For Copywriter's Roundtable
Version: 1.0
Author: Dean 
Author URI: http://sachistudio.com
*/

/*-----------colors used-----------
#063c89= dark blue (for headers)
#81a9e3= light blue (sidebar)
#F98B1C= orange
*/


* {padding: 0; margin: 0;} 

blockquote {
	border: 1px solid #999;
	margin: 10px 30px 10px 30px;
	color: #666;
	padding: 5px;
	}	
a img, img a {
	padding: 8px;
	border: none;
	}

p {
	padding: 5px 0 10px 0;
	color: #222;
	line-height: 130%;
	}
	
#content p img, #content img p {
	padding: 8px;
	border: none;
	}


body {
	margin: 0px auto;
	font: 82.5% Tahoma, Verdana, Sans-serif; /* Resets 1em to 10px */
    height: 100%; 
	background-color: #fff;
	text-align: center; /*centers the text in IE6 */
}


#container {
	width: 900px;
	padding: 0;
	overflow: hidden;
	margin: 10px auto; /*centers the body */
	text-align: left;
	}



#nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
	
#nav ul li {
	float:left;
	padding: 0;
	margin: 0;
	}
	
#nav ul li a {
	display: block;
	height: 30px;
	}
	
#nav ul li a.hometab {
	background: transparent url(slices/images/hometab.jpg) no-repeat scroll left top;
	height: 28px;
	width: 103px;
	}
	
#nav ul li a.meetmetab {
	background: transparent url(slices/images/meetmetab.jpg) no-repeat scroll left top;
	height: 28px;
	width: 96px;
	}
	
#nav ul li a.jacksblogtab {
	background: transparent url(slices/images/jacksblogtab.jpg)	no-repeat scroll left top;
	height: 28px;
	width: 96px;
	}

#nav ul li a.resourcestab {
	background: url(slices/images/resourcestab.jpg) no-repeat scroll left top;
	height: 28px;
	width: 96px;
	}
#nav ul li a.freearticlestab {
	background: url(slices/images/freetab.jpg) no-repeat scroll left top;
	height: 28px;
	width: 96px;
	}
	
#nav ul li a.fftab {
	background: url(slices/images/fftab.jpg) no-repeat scroll left top;
	height: 28px;
	width: 103px;

	}	
		
	

#header {
	height: 200px;
	width: 900px;
	clear: both;
	}
	
#banner {
	background-image:url(images/banner.jpg);
	height: 200px;
	}
	
.testimonial {
	width: 220px;
	float: left;
	margin: 10px 5px 0 340px;
	display: inline;
	}

p.banner {
	color: #fff;
	font-size: .8em;
	padding-bottom: 0;
	}
	
.newsletter {
	width: 230px;
	float: left;
	margin: 10px 5px 0 30px;
	display: inline;
	}

	
/*************** Navigation Menu *************/
#navmenu {
	font-size: 1em;
	clear: both;
	text-align: center;
	font-weight: bolder;
	border-bottom: 1px solid #333;
	margin: 10px 0;
	padding-bottom: 5px;
	}
#navmenu li {
	display: inline;
	list-style-type: none;
	font-size: 1.1em;
	padding-right: 20px;
	}	
	
#navmenu a:link, a:visited, a:active {
	color: #012345;
	text-decoration: none;
	}
#navmenu a:hover {
	color: #99000;
	text-decoration: underline;
	}
	
/* Content Area ************************/

#contentwrapper {
	clear: both;
	background:	#FFF url(images/contentfaux.jpg) repeat-y scroll 0% 0pt;
	width: 900px;
	margin: 0;
	overflow: hidden;
	border-right: 1px solid #81a9e3;

	}

h1, h2, h3, h4, h5 {	color: #063C89;	padding-bottom: 10px;}

h1 {	font-size: 1.2em;	}
h2 {	font-size: 1em;	}
h3 { 	font-size: .9em; }
h4 {	font-size: .8em; }
h5 {	font-size: .7em; }

#sidebar {
	width: 250px;
	margin: 20px 5px 20px 5px;
	padding: 0 5px 0 5px;
	float: left;
	}	

#sidebar p {
	color: #063c89;
	}

#sidebar a:link, #sidebar a:visited, #sidebar a:active {
	color: #81A9E3;
	text-decoration: underline;
	}
	
#sidebar a:hover {
	color: #F98B1C;
	text-decoration: none;
	}

#sidebar ul {
	list-style-image: url(images/bullet.gif);
	margin-left: 20px;
	padding-bottom: 30px;
	font-size: .9em;
	}

#sidebar ul li {
	padding: 5px 0 0 0;
	color: #063c89;
	}
	
#sidebar ul li a:link, #sidebar ul li a:visited, #sidebar ul li a:active {
	color: #063c89;
	text-decoration: underline;
	}
#sidebar ul li a:hover {
	text-decoration: underline;
	color: #f98b1c;
	}


/* Content begins here */
#content {
	padding: 0 10px 0 0px;
	margin: 20px 5px 20px 5px;
	float: right;
	width: 590px;
	}

p.intro {
	font-size: 1.2em;
	font-weight: bold;
	color: #063c89;
	}
	
#content ul, #content ol {
	padding-bottom: 10px;
	margin-left: 30px;
	line-height: 120%;
	font-size: .9em;
	color: #000;
	}
	
#content ul {
	list-style-type: square;
	color: #000;
	}
	
#content ol {
	list-style-type: decimal;
	color: #000;
	}
	
#content ul li, #content ol li {
	padding-bottom: 5px;
	}

#content a:link, #content a:visited, #content a:active {
	text-decoration: underline;
	color: #81a9e3;
	}
	
#content a:hover {
	color: #F98B1C;
	text-decoration: underline;
	}	
	
	
/* footer begins here **********************/
#footer {
	clear: both;
	height: 130px;
	background-image:url(images/footerbg.jpg)
	}

#footer p {
	font: .9em;
	color: #fff;
	padding: 10px 10px 10px 10px;
	line-height: 10%;
	}

#footer a:link, #footer a:visited, #footer a:active {
	color: #81a9e3;
	text-decoration: underline;
	}
	
#footer a:hover {
	color: #f98b1c;
	text-decoration: underline;
	}


/* blog entry */


#blogentry {
	padding-bottom: 30px;
	}
	
/***********Comments *************/

p.commentername#comments, p.commentdate#comments {
	float: left;
	}
	
#comments {
	color: #012345;
	font-size: .8em;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	clear: both;
	margin: 20px 0 20px 0;
	height: 1%;
	}
	
#comments p.commenttext{
	color: blue;
	float: right;
	width: 300px;
	}


/*********Meta Data: Date, Category, Author, ETC...**********/
div.blogentry {
	margin: 5px 0 20px 0;
	}
		
div.metadata {
	margin: -5px 0 20px 0;
	}
	
#content div.metadata  a:link, #content div.metadata a:visited, #content div.metadata a:active {
	color: #F98B1C;
	font-size: .9em;
	}
	
#content div.metadata a:hover {
	color: #F98B1C;
	text-decoration: underline;
	}
#content div.metadata p {
	font-size: .8em;
	}
	
p.posted, .date, .author, .authorname, comment, .commentnumber {
	font-weight: bold;
	}

p.posted, .author, .comment {
	color: #81a9e3;
	}
	
.date, .authorname, .commentnumber {
	color: #F98B1C;
	padding-right: 10px;
	}


	
p.author, p.commentmetadata {
	font-size: .8em;
	color: blue;
	}




/**********Archives Section **********/

#content h2.archives, #content h1.indexpage {
	font: 1.2em bold;
	color: #012345;
	padding-top: 15px;
	}		
	
#content h2.archives a:link, h2.archives a:visited, h2.archives a:active,
#content h1.indexpage a:link, h1.indexpage a:visited, h1.indexpage a:active {
	font: 1.2em bold;
	}

	

/*--- Search Form ---*/
#searchform {
	position: relative;
	text-align: left;
	margin-bottom: 20px;
}

#search {
	background-color: #012345;
	color: white;
	}
#searchform label {
	color: #002f2f;
	font-weight: bold;
	font-size: .9em;
}
#searchform input#s {
	padding: 3px 0;
	border: 1px inset;
}
    HTML:
     
    kreoton, Oct 14, 2007 IP
  5. ennio

    ennio Peon

    Messages:
    60
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #5
    Still you need to fix it? PM me, I can do it for you.
     
    ennio, Oct 15, 2007 IP
  6. driven

    driven Well-Known Member

    Messages:
    400
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    138
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #6
    Thanks guys. Kreoton managed to fix my issue. Payment sent!
     
    driven, Oct 15, 2007 IP
  7. kreoton

    kreoton Peon

    Messages:
    229
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #7
    Payment received. Thanks.
     
    kreoton, Oct 15, 2007 IP