12 replies [Last post]
cielo_man
Offline
newbie
Last seen: 14 years 35 weeks ago
Joined: 2005-09-27
Posts: 6
Points: 0

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

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 33 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

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.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

cielo_man
Offline
newbie
Last seen: 14 years 35 weeks ago
Joined: 2005-09-27
Posts: 6
Points: 0

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..

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 33 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

line shows up in EI, but not in Firefox

I'm sorry, but I don't see any difference between Firefox & IE.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

cielo_man
Offline
newbie
Last seen: 14 years 35 weeks ago
Joined: 2005-09-27
Posts: 6
Points: 0

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?

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 33 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

line shows up in EI, but not in Firefox

cielo_man wrote:
hmm??...what did you see then?

See attachment.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

cielo_man
Offline
newbie
Last seen: 14 years 35 weeks ago
Joined: 2005-09-27
Posts: 6
Points: 0

line shows up in EI, but not in Firefox

ahh I got it, I think that's because you are not a member

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 33 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

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).

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

cielo_man
Offline
newbie
Last seen: 14 years 35 weeks ago
Joined: 2005-09-27
Posts: 6
Points: 0

line shows up in EI, but not in Firefox

the one showing in firefox

and in IE

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 33 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

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.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 20 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

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.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

cielo_man
Offline
newbie
Last seen: 14 years 35 weeks ago
Joined: 2005-09-27
Posts: 6
Points: 0

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...

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 33 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

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.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference