Tue, 2005-09-27 05:23
Hi, I'm totally new to these CCS things..
Currently I made my first CCS on my Friendster..
It really looks good on Firefox, because there is no line in every boxes, but when I switch to IE, there is a line that bother me a lot, my page looks ugly and not like the way I wanted it..
These are the codes for my friendster..
body { background-color:000000; background-image:url(http://img.photobucket.com/albums/v646/viprsx/DSC01891.jpg); background-attachment:fixed; background-position:center; background-repeat:no-repeat; }
body,td,tr,div,p { font-family:Courier New, Courier, Monaco, monospace !important; font-size:10px; color:e5e5e5; }
a,a:link,a:visited,a:active { color:e5e5e5; font-weight: normal; text-decoration: none; border-bottom:0px !important; font-style: normal; }
a:hover { color:ff8a00; font-weight: normal; text-decoration: none !important; border-bottom:0px !important; font-style: normal; }
.left_column_header h2 { font-size:18px !important; border-bottom-color:aeaeae; } .left_column_header h2,.left_column_header h2 .online { color:999999; font-weight:bold; }
.left_column_header2,.right_column_title,.right_column .column_header { background-color:transparent; height:20px; border:1px solid; border-color:transparent; }
.left_column_header2 h1,.right_column_title h1,.right_column .column_header h1 { font-size:12px; margin:3px 0px 0px 5px; color:ffffff; font-weight:bold; }
.commonbox h2,#teaserBox h2 { font-size:12px !important; background-color:transparent !important; color:ffffff; font-weight:bold; }
.left_column_wrapper,.left_column_wrapper .left_column_content { background-color:transparent; border-color:transparent; }
.column_profile_nav { background-color:transparent; border-color:transparent; }
#navigation,#marketing_bg { background-color:transparent; background-image:none; }
#nav_bg { background-color:transparent; border-bottom:0px; }
.left_column_content,.right_column_content,.right_column .column_content,#teaserBox div,.boxcontent { background-color:transparent !important; border-color:transparent; } .commonbox { border-color:transparent; }
.left_column_profile_mainphoto img { border-color:transparent; }
.left_column_profile_thumbnails .photothumb,.right_column_groups .photo,.left_column_testimonials .photo,.friendsphoto { border-color:transparent; }
.left_column_testimonials_content .date,.right_column_groups_content .date,.blog_posted { font-size:10px !important; color:transparent !important; font-weight:bold; }
#marketing,#search,.blogs h2 { font-size:10px !important; }
#subnav,#options ul li,.friends .name { font-size:10px !important; }
#marketing,#search,.blogs h2 { color:e5e5e5 !important; }
#subnav a,#options ul li a,#options ul li a:link,#options ul li a:visited,#options ul li a:active,#marketing a:link,#marketing a:visited,#marketing a:active,.friends .name a,.friends .name a:visited { color:e5e5e5 !important; }
#subnav a:hover,#options ul li a:hover,#marketing a:hover,.blogs a:hover,.friends .name a:hover,.right_column_groups_content p a:hover,.left_column_header h1 a:hover,.left_column_header2 h1 a:hover { color:ff8a00 !important; }
#caption { font-size:10px; color:e5e5e5; }
.left_column_info p { font-size:10px; color:e5e5e5; }
.left_column_info a,.left_column_info a:visited { font-size:10px; color:e5e5e5 !important; font-weight:normal; font-style:normal; text-decoration:none; }
.left_column_info a:hover { font-size:D56116; color:D56116 !important; font-weight:normal; font-style:normal; text-decoration:none; }
.left_column_info .q { font-size:11px; color:ff9966; font-weight:bold; }
.buttondiv_new a:link,.buttondiv_new a,.buttondiv_new a:visited { font-size:10px; border-bottom: 0px; color:e5e5e5 !important; font-weight:normal; font-style:normal; text-decoration:none; }
.buttondiv_new a:hover { font-size:10px; border-bottom: 0px; color:D56116 !important; font-weight:normal; font-style:normal; text-decoration:none; }
.left_column_about p { font-size:10px; color:e5e5e5; }
.left_column_about .q { font-size:11px; color:e5e5e5; font-weight:bold; }
.left_column_testimonials_content a,.left_column_testimonials_add a { font-size:10px; color:D56116; font-weight:bold; font-style:normal; text-decoration:none; }
.left_column_testimonials_content a:hover,.left_column_testimonials_add a:hover { font-size:12px; color:D56116; font-weight:bold; font-style:normal; text-decoration:none; }
.testimonialbody,.left_column_testimonials_add { font-size:10px; line-height:normal; border:0px; color:e5e5e5; }
.left_column_hr,.left_column_testimonials_add { border-bottom-color:transparent; }
.boxcontent,#teaserBox ol li { font-size:9px; color:transparent; }
.boxcontent a,#teaserBox ol li a { font-size:9px; color:transparent; font-weight:normal; font-style:normal; text-decoration:none; }
.boxcontent a:hover,#teaserBox ol li a:hover { font-size:9px; color:transparent; font-weight:normal; font-style:normal; text-decoration:none; }
#footer { border-color:transparent; }
#footer a:hover { font-size:11px; color:7B849C; font-weight:normal; font-style:normal; text-decoration:none; }
.see_all_friends a,.see_all_friends a:visited,.seeall a,.seeall a:visited,.see_all a,.see_all a:visited { font-size:12px !important; border-bottom:0px; color:e5e5e5 !important; font-weight:bold !important; font-style:normal; text-decoration:none !important; } .see_all_friends { border-top:0px; }
.see_all_friends a:hover,.seeall a:hover,.see_all a:hover { font-size:12px !important; border-bottom:0px; color:ff8a00 !important; font-weight:bold !important; font-style:normal; text-decoration:none !important; }
.left_column_header { background-color:transparent; }
#marketing a:link,#marketing a:visited,#marketing a:active,#marketing a:hover { font-size:10px; }
#options ul li a:hover { background-color:transparent; }
body { cursor:crosshair; }
a,a:link,a:visited,a:active,a:hover { cursor:crosshair; }
For someone who can help me, I'd really appreciate it
Tue, 2005-09-27 05:46
#1
line shows up in EI, but not in Firefox
You'll need to provide more than just your CSS. Either a link to the page in question or the corresponding HTML will be required.
Tue, 2005-09-27 05:51
#2
line shows up in EI, but not in Firefox
http://www.friendster.com/user.php?uid=5019022
That is my friendster, as you can see all the lines still showing up in IE, but if you switch to Firefox, it will look good, no lines..
Tue, 2005-09-27 06:11
#3
line shows up in EI, but not in Firefox
I'm sorry, but I don't see any difference between Firefox & IE.
Tue, 2005-09-27 06:15
#4
line shows up in EI, but not in Firefox
hmm??...what did you see then? Did u see the borders around the boxes or there is no lines at all?
Tue, 2005-09-27 06:21
#5
line shows up in EI, but not in Firefox
cielo_man wrote:
hmm??...what did you see then?
See attachment.
Tue, 2005-09-27 06:45
#6
line shows up in EI, but not in Firefox
ahh I got it, I think that's because you are not a member
Tue, 2005-09-27 06:50
#7
line shows up in EI, but not in Firefox
If that's the case, there's probably only one member of this forum who can help you (because they opened a Friendster account).
Tue, 2005-09-27 06:53
#8
line shows up in EI, but not in Firefox
the one showing in firefox
and in IE
Tue, 2005-09-27 07:01
#9
line shows up in EI, but not in Firefox
You're going to have to play around with border and border-color. Try setting border: 0 or removing border-color: transparent from different elements and see what happens.
Tue, 2005-09-27 09:59
#10
line shows up in EI, but not in Firefox
Your falling foul of the same problems a another one of your friendster friends. You have to put a # before your color hex code i.e;
color: #e5e5e5;
The border-bottom-color:transparent may be a problem, you may want to try border-bottom:none;
Important: Please when posting lots of code could you use the code tags and format the lines with a little spacing.
Hugo.
Tue, 2005-09-27 15:36
#11
line shows up in EI, but not in Firefox
SO for example:
this is the original one : border-bottom:0px; color:ff8a00
So do I have to change it like border-bottom:NONE
Or border-bottom:None; color:ff8a00
Or border-bottom:none; color:none
or just border-bottom:
Jeez these things r so confusing...
Tue, 2005-09-27 22:30
#12
line shows up in EI, but not in Firefox
color:ff8a00 need to be color:#ff8a00. For the border, it should probably be border-bottom:none.