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.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Dec 2005
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS and TABLE BORDER PROBLEM

    If you visit:

    http://www.intellistore.ca/about-intellistore/

    The PINK table has some ugly tables. How do I remove all those tables and just make it all white without any decorations whatsoever? I just want pure white without any borders...

    My eBay code is: (changed all colors to #ffffff but still see the gray borders there -- they're ugly)

    Code:
    <script language="JavaScript" src="http://lapi.ebay.com/ws/eBayISAPI.dll?EKServer&ai=emhrtu&bdrcolor=FF9999&encode=ISO-8859-1&maxprice=&minprice=&num=10&prvd=2&query=&sekaccentcolor=FF9999&sekcatid=&sekfootercolor=F8E4E4&sekfooterdisplay=0&sekformat=0&sekfsfooter=1+2+0&sekfsitem=1+2+0&sekfstitle=1+4+0&sekitemlayout=1&sektitledisplay=0&si=evsion&sort=MetaEndSort&sortby=endtime&sortdir=asc&tbgcolor=F8E4E4&title=&tlecolor=990000&tlfcolor=F8E4E4"></script>
    
    
    My wordpress CSS is:
    Code:
    body {
    	background: #efefef url(../_gfx/_body.gif) repeat-y 50%;
    	font-family: "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
    	text-align: center;
    	margin: 0;
    	padding: 0;
    }
    
    body * {
    	margin: 0;
    	padding: 0;
    	font-weight: normal;
    }
    
    strong, dt {
    	font-weight: bold;
    }
    
    img {
    	border: 0;
    }
    
    a:hover {
    	color: #f30 !important;
    }
    
    
    /* #wrap */
    #wrap {
    	width: 770px;
    	text-align: left;
    	margin: 0 auto;
    	padding: 0;
    }
    
    
    /* #header */
    #header {
    	position: relative;
    	width: 720px;
    	height: 120px;
    	background: #690 url(../_gfx/_header.jpg) no-repeat;
    	margin: 0 15px;
    	padding: 0 10px;
    	border-top: 4px solid #360;
    	clear: both;
    }
    
    #header h1 a {
    	font-size: 40px;
    	text-shadow: 2px 2px 4px #570;
    	letter-spacing: -3px;
    	text-decoration: none;
    	color: #fff;
    }
    
    #header p {
    	font-size: 12px;
    	color: #fff;
    }
    
    #header ul {
    	position: absolute;
    	left: 10px;
    	bottom: 0px;
    	float: left;
    	list-style: none;
    }
    
    #header ul li {
    	float: left;
    	padding: 1px 10px 1px 10px;
    	height: 25px;
    	margin-right: 5px;
    	background: #fff url(../_gfx/_tab.gif) repeat-x bottom;
    }
    
    #header ul li.current_page_item {
    	background-image: none;
    }
    
    #header ul li.page_item a {
    	font-size: 11px;
    	font-weight: bold;
    	text-decoration: none;
    	color: #8b4;
    }
    
    #header ul li.current_page_item a {
    	color: #690;
    }
    
    
    /* content */
    #content {
    	width: 500px;
    	float: left;
    	padding: 25px 15px 0 15px;
    }
    
    #content a {
    	color: #690;
    }
    
    #content h2, #content h2 a {
    	font-size: 24px;
    	letter-spacing: -2px;
    	color: #39c;
    	margin: 10px 0;
    	text-decoration: none;
    }
    
    #content h3 {
    	font-size: 15px;
    	color: #6bd;
    	margin: 10px 0;
    }
    
    #content ul.datestamp li {
    	margin-left: 0;
    	padding-top: 1px;
    }
    
    #content p,
    #content ul,
    #content ol,
    #content dl,
    #content td,
    #content th {
    	font-size: 11px;
    	line-height: 22px;
    	color: #555;
    	margin-bottom: 1em;
    }
    
    #content table {
    	border-collapse: collapse;
    }
    
    #content td,
    #content th {
    	padding: 2px 5px;
    	border: 1px solid #c9c9c9;
    }
    
    #content th {
    	background-color: #e9e9e9;
    	font-weight: bold;
    	text-align: left;
    	color: #666;
    }
    
    #content dt {
    	margin-left: 10px;
    }
    
    #content li,
    #content dd {
    	margin-left: 30px;
    }
    
    #content blockquote {
    	border-left: 2px solid #39c;
    	margin-left: 20px;
    	padding: 0 10px;
    	width: 90%;
    }
    
    
    /* breadcrumb navigation */
    #content #breadcrum {
    	height: 26px;
    	background: #eee url(../_gfx/_breadcrum.jpg) no-repeat;
    	border-top: 3px solid #bbb;
    	border-bottom: 1px solid #ddd;
    	padding-left: 8px;
    }
    
    #content #breadcrum p {
    	font-size: 14px;
    	letter-spacing: -1px;
    	color: #999;
    	text-transform: lowercase;
    	margin: 0px;
    	margin-top: 1px;
    }
    
    #content #breadcrum a {
    	color: #999;
    	text-decoration: none;
    	border-bottom: 1px dotted;
    }
    
    
    /* post footer */
    #content .postfoot {
    	border-left: 1px solid #ddd;
    	border-top: 1px solid #ddd;
    	padding: 5px 0 0 10px;
    	margin-bottom: 50px;
    }
    
    #content .postfoot li {
    	padding: 2px 0 0 17px;
    	margin: 0;
    	margin-right: 20px;
    }
    
    #content ul.postfoot {
    	text-align: right;
    	border-left: 0px none;
    	border-right: 1px solid #ddd;
    }
    
    
    /* comments */
    #content div.comment {
    	background: #f4f4f4 url(../_gfx/corner_comment.gif) no-repeat right bottom;
    	width: 480px;
    	margin-bottom: 20px;
    	position: relative;
    }
    #content div.alt {
    	background: #e4e4e4 url(../_gfx/corner_comment-alt.gif) no-repeat right bottom;
    }
    #content div.admin {
    	background: #d7ebf5 url(../_gfx/corner_comment-admin.gif) no-repeat right bottom;
    }
    
    #content div.comment div.header {
    	background: url(../_gfx/_comment.jpg) no-repeat;
    	height: 45px;
    	border-top: 2px solid #bbb;
    	border-bottom: 1px solid #ddd;
    	margin: 0;
    	padding: 0;
    }
    #content div.alt div.header {
    	background: url(../_gfx/_comment-alt.jpg) no-repeat;
    	border-top: 2px solid #aaa;
    	border-bottom: 1px solid #ccc;
    }
    #content div.admin div.header {
    	background: url(../_gfx/_comment-admin.jpg) no-repeat;
    	border-top: 2px solid #39c;
    	border-bottom: 1px solid #aed7eb;
    }
    
    #content div.comment div.header img {
    	border: 1px solid #ccc;
    	margin: 4px;
    	float: left;
    }
    #content div.alt div.header img {
    	border: 1px solid #bbb;
    }
    #content div.admin div.header img {
    	border: 1px solid #8bd;
    }
    
    #content div.comment div.header ul {
    	position: absolute;
    	left: 48px;
    	top: 5px;
    	list-style: none;
    }
    
    #content div.comment div.header li {
    	margin-right: 15px;
    }
    
    #content div.comment div.header li.commenter {
    	font-size: 14px;
    	line-height: 18px;
    	padding: 0;
    }
    #content div.comment div.header li.commenter a {
    	color: #666;
    	text-decoration: none;
    	border-bottom: 1px dotted;
    }
    #content div.alt div.header li.commenter a {
    	color: #555;
    }
    #content div.admin div.header li.commenter a {
    	color: #069;
    }
    
    #content div.comment div.content {
    	padding: 10px;
    	font-size: 12px;
    	line-height: 22px;
    	color: #666;
    	margin: 0;
    }
    #content div.comment div.content li {
    	padding-left: 5px;
    }
    #content div.comment div.content ol,
    #content div.comment div.content ul {
    	margin-left: 25px;
    }
    #content div.comment div.content blockquote {
    	margin-left: 10px;
    	padding-left: 17px;
    }
    
    
    /* comment form */
    #content form#commentform {
    	background: #f4f4f4 url(../_gfx/corner_comment.gif) no-repeat right bottom;
    	width: 480px;
    	margin-bottom: 20px;
    	position: relative;
    }
    
    #content form#commentform div.header {
    	background: #690 url(../_gfx/_commentform.jpg) no-repeat;
    	height: 30px;
    	border-top: 2px solid #360;
    	border-bottom: 1px solid #690;
    	margin: 0;
    	padding: 0;
    }
    
    #content form#commentform div.header p {
    	margin-left: 10px;
    	color: #fff;
    }
    
    #content form#commentform div.content {
    	padding: 10px;
    	font-size: 12px;
    	line-height: 22px;
    	color: #666;
    	margin: 0;
    }
    
    #content form#commentform label {
    	width: 70px;
    	display: block;
    	float: left;
    }
    
    #content form#commentform p.note {
    	margin-left: 70px;
    	width: 370px;
    	background-color: #ffe;
    	padding: 5px;
    	border: 1px solid #ffc;
    }
    
    #content form#commentform p.submit {
    	text-align: right;
    	margin-bottom: 20px;
    }
    
    #content form#commentform #author,
    #content form#commentform #email,
    #content form#commentform #url,
    #content form#commentform #commentsbox {
    	width: 380px;
    }
    
    
    /* Sidebar  url(../_gfx/_side.gif) no-repeat right bottom; */
    #sidebar {
    	float: left;
    }
    
    .side {
    	background: #eee;
    	margin-top: 25px;
    	margin-left: 25px;
    	width: 200px;
    }
    
    #sidebar #search #s {
    	width: 140px;
    }
    
    #sidebar #search {
    	background-image: none;
    }
    
    .side h3 {
    	background: #690 url(../_gfx/_h3.jpg) no-repeat;
    	border-top: 3px solid #360;
    	border-bottom: 1px solid #690;
    	font-size: 14px;
    	letter-spacing: -1px;
    	padding: 5px 0 4px 8px;
    	color: #fff;
    	text-transform: lowercase; 
    }
    
    .side form {
    	padding: 10px;
    }
    
    .side ul {
    	padding: 10px;
    	list-style: none;
    	font-size: 11px;
    	line-height: 24px;
    	color: #690;
    }
    
    .side li {
    	padding-left: 17px;
    }
    
    .side ul a {
    	color: #666;
    	text-decoration: none;
    	border-bottom: 1px dotted;
    }
    
    
    /* footer */
    #footer {
    	clear: both;
    	background: #eee url(../_gfx/_footer.gif) repeat;
    	border-top: 2px solid #bbb;
    	border-bottom: 1px solid #ddd;
    	margin: 10px 15px;
    	height: 25px;
    }
    
    #footer img {
    	vertical-align: middle;
    }
    
    #footer a {
    	color: #555;
    }
    
    #footer p {
    	font-size: 11px;
    	color: #666;
    }
    
    #footer p.feeds {
    	float: left;
    	padding: 5px 10px;
    }
    
    #footer p.wp {
    	float: right;
    	padding: 5px 10px;
    }
    
    
    /* Icons */
    li.icon {
    	padding-left: 17px;
    	color: #888;
    	font-size: 10px;
    	display: inline;
    	margin-right: 5px;
    	background-color: #0f0;
    }
    
    .admin li.icon {
    	color: #39c;
    }
    
    li.category,
    #categories li {
    	background: url(../_gfx/icon_page.gif) no-repeat 0 50%;
    }
    
    li.comments {
    	background: url(../_gfx/icon_comment.gif) no-repeat 0 50%;
    }
    
    li.comments a {
    	font-weight: bold;
    }
    
    li.date,
    #archive li {
    	background: url(../_gfx/icon_date.gif) no-repeat 0 50%;
    }
    
    li.time {
    	background: url(../_gfx/icon_time.gif) no-repeat 0 50%;
    }
    
    li.prev {
    	background: url(../_gfx/icon_prev.gif) no-repeat 0 50%;
    }
    
    li.next {
    	background: url(../_gfx/icon_next.gif) no-repeat right 50%;
    	padding-right: 17px !important;
    	padding-left: 10px !important;
    	margin-left: -17px !important;
    }
    
    .star {
    	margin-right: 5px;
    	vertical-align: -10%;
    }
    
    
    /* Common Classes */
    .hide {
    	display: none;
    }
    
    .clear {
    	clear: both;
    }
    
    .left {
    	float: left;
    }
    img.left {
    	padding: 7px 7px 0 0;
    }
    
    .right {
    	float: right;
    }
    img.right {
    	padding: 7px 0 0 7px;
    }
    
    p.note {
    	font-size: 9px !important;
    	line-height: 10px;
    }

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Perhaps
    Code:
    table {
    background:#FFF;
    border:0;
    }
    That table doesn't even show up in Firefox.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New Coder
    Join Date
    Dec 2005
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The gray borders still when I add that to my css file. It shows in Safari (MAC), Firefox (MAC, WIN) and IE (WIN)

    I'm really stuck here...

    Thank you

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    What ever generates the table is where you need to edit the styling. CSS can't turn off borders on a table. Look in the src for your javascript, there appear to be hex values in there that you can adjust. Try this
    Code:
    <script type="text/javascript" src="http://lapi.ebay.com/ws/eBayISAPI.dll?EKServer&ai=emhrtu&bdrcolor=FFFFFF&encode=ISO-8859-1&maxprice=&minprice=&num=10&prvd=2&query=&sekaccentcolor=FFFFFF&sekcatid=&sekfootercolor=FFFFFF&sekfooterdisplay=0&sekformat=0&sekfsfooter=1+2+0&sekfsitem=1+2+0&sekfstitle=1+4+0&sekitemlayout=1&sektitledisplay=0&si=evsion&sort=MetaEndSort&sortby=endtime&sortdir=asc&tbgcolor=FFFFFF&title=&tlecolor=FFFFFF&tlfcolor=000000"></script>
    Again the code doesn't generate anything in Firefox 1.5 for Win.
    Last edited by _Aerospace_Eng_; 12-25-2005 at 02:24 AM.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    New Coder
    Join Date
    Dec 2005
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thank you so much. I will look in there. I just need an experts confirmation as what I needed to do.

    I will look in there before I mess up css.

    Thanks again

    Evsion


  •  

    Posting Permissions

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