Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Try to remove line - and it shifts
Old 08-06-2010, 09:49 PM Try to remove line - and it shifts
Extreme Talker

Posts: 218
Trades: 0
There is this line running vertically down the left side of my box image.
See attachment: (box-issue1.jpg)
So, I try to fix it by changing the css widths (see code below) from 273 to 275,
but the line shifts to the right side of the box.
See attachment: (box-issue2.jpg).

Can you tell me how to remove this vertical line altogether?
Thanks. Here's the css code:
Code:
td.qbox2_tl {
background:url(images/qbox2_tl.gif);
background-repeat:no-repeat;
background-position:top;
width:17px;
height:17px;
}

td.qbox2_tm {
background:url(images/qbox2_tm.gif);
background-repeat:repeat-x;
background-position:top;
width:275px;
height:17px;
}

td.qbox2_tr {
background:url(images/qbox2_tr.gif);
background-repeat:no-repeat;
background-position:top;
width:16px;
height:17px;
}

td.qbox2_ml {
background:url(images/qbox2_ml.gif);
background-repeat:repeat-y;
background-position:top;
width:17px;
height:174px;
}

td.qbox2_m {
background:url(images/qbox2_m.gif);
background-repeat:repeat;
background-position:top;
color:#ffffff;
width:275px;
}

td.qbox_mid {
padding-left:32px;
padding-right:32px
}

td.qbox2_mr {
background:url(images/qbox2_mr.gif);
background-repeat:repeat-y;
background-position:top;
width:16px;
height:174px;
}

td.qbox2_bl {
background:url(images/qbox2_bl.gif);
background-repeat:no-repeat;
background-position:top;
width:17px;
height:20px;
}

td.qbox2_bm {
background:url(images/qbox2_bm.gif);
background-repeat:repeat-x;
background-position:top;
width:275px;
height:20px;
}

td.qbox2_br {
background:url(images/qbox2_br.gif);
background-repeat:no-repeat;
background-position:top;
width:16px;
height:20px;
}

td.qbox2_tail {
background:url(images/qbox2_b.gif);
background-repeat:no-repeat;
background-position:top;
height:46px;
}
Attached Images
File Type: jpg box-issue1.jpg (9.2 KB, 5 views)
File Type: jpg box-issue2.jpg (9.3 KB, 5 views)
chrisj is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 08-07-2010, 12:35 AM Re: Try to remove line - and it shifts
Average Talker

Posts: 25
Name: Stephen
Location: Arizona
Trades: 0
Just a guess, but consider using background-position:left top; According to w3schools, not specifying left will cause it to use center.

http://www.w3schools.com/css/pr_background-position.asp

Also, what is the background of the containing table?
__________________

Please login or register to view this content. Registration is FREE
and
Please login or register to view this content. Registration is FREE
GetGamesHere is offline
Reply With Quote
View Public Profile Visit GetGamesHere's homepage!
 
Old 08-07-2010, 04:27 AM Re: Try to remove line - and it shifts
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,376
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
URI needed.


We can't debug a picture.

and CSS code is useless without the HTML that it styles.
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Reply     « Reply to Try to remove line - and it shifts
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.58389 seconds with 13 queries