13 replies [Last post]
Sweet_Babyface_Angel
Offline
newbie
Last seen: 14 years 28 weeks ago
Joined: 2005-09-27
Posts: 6
Points: 0

I'm a newbie when it comes to html and css programming and I'm having problems clearing my backgrounds. I had placed a background on my friendster account but one would not be able to see the background once you scroll down to the tables because the background is white. I have no idea how to clear the tables and how to change the font color in other sections. Can someone please help me out with this?

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

Need help with layout

To change font colour, look for color: #FFFFFF (it won't always be #FFFFFF) in your CSS. To change the colour, you'll need to enter another six-digit hexadecimal code equivalent to the colour you want.
If you want the background of your table to be transparent, you need to search for table, tr or td in your CSS and then set background: transparent.

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

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

still not working

I followed your instructions and I did see some changes but its still not coming out clear. I posted the codes I used so maybe you could please take a look at it and tell me what I'm doing wrong?

Here's the code:

<style type="text/css">
/*Created using MyGen 2.5 - www.mygen.co.uk*/

/*Background Properties*/
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-color:#FFFFFF;
background-image:url('http://img6.imageshack.us/img6/4194/inuyasha88004ne.jpg');
background-attachment: fixed;
background-position:center center;
background-repeat:no-repeat;

/*Scrollbar Properties*/
scrollbar-face-color:transparent;
scrollbar-highlight-color:222288;
scrollbar-3dlight-color:000000;
scrollbar-shadow-color:000000;
scrollbar-darkshadow-color:333333;
scrollbar-arrow-color:2222EE;
scrollbar-track-color:000000;
}

/*Text Properties*/
table, tr, td, li, p, div { font-family:harrington; color:222288; font-size:12px; }
.btext { color:CCCCCC; }
.blacktext10 { color:222266; }
.lightbluetext8 { color:222288; }
.orangetext15 { color:222288; }
.redtext { color:2222EE; }
.text { color:000000; }
a:active, a:visited, a:link { color:222288; }
a:hover { color:222266; }
a.redlink:active, a.redlink:visited, a.redlink:link { color:222288; }
.nametext { color:2222AA; }

/* Miscellaneous Properties*/
img { filter:Alpha(Opacity=50);}
a:link img { filter:Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0);}
body { cursor:crosshair;}
table td div div font {visibility:hidden;}
</style>

<div style="width: 88px; height: 31px; position: absolute; top:0px;left:0px; background-color: transparent; border-width:1px;border-style:solid;border-color: transparent; font-family: Harrington;">
<a href="http://www.mygen.co.uk" style="color: 9CB3C3; font-size: 18px; position: absolute; left: 10px; top: -5px">MyGen</a>
<a href="http://www.mygen.co.uk" style="color: 9CB3C3; font-size: 8px; position: absolute; left: 1px; top: 18px">Profile Generator</a>
</div>
<marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:144px; top:190px; width:16px; height:360;">*</marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:145px; top:180px; width:16px; height:320;">*</marquee>
<marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:205px; top:170px; width:16px; height:500;">*</marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:251px; top:220px; width:16px; height:470;">*</marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:310px; top:170px; width:16px; height:490;">*</marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:333px; top:210px; width:16px; height:220;">*</marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:376px; top:230px; width:16px; height:390;">*</marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:383px; top:160px; width:16px; height:310;">*</marquee>
<marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:437px; top:280px; width:16px; height:250;">*</marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:472px; top:210px; width:16px; height:340;">*</marquee>
<marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute; left:538px; top:190px; width:16px; height:230;">*</marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:537px; top:250px; width:16px; height:210;">*</marquee>
<marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:572px; top:250px; width:16px; height:440;">*</marquee>
<marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:620px; top:240px; width:16px; height:350;">*</marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:651px; top:160px; width:16px; height:390;">*</marquee>
<marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute; left:659px; top:300px; width:16px; height:390;">*</marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:724px; top:230px; width:16px; height:490;">*</marquee>
<marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:727px; top:190px; width:16px; height:460;">*</marquee>
<marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:784px; top:300px; width:16px; height:340;">*</marquee>
<marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:761px; top:300px; width:16px; height:250;">*</marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:433px; top:250px; width:16px; height:230;">*</marquee>
<marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:668px; top:210px; width:16px; height:310;">*</marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:599px; top:250px; width:16px; height:230;">*</marquee>
<marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:782px; top:300px; width:16px; height:330;">*</marquee>

thanks so much

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 23 hours 31 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9754
Points: 3836

Need help with layout

Look at the color rules.

 
able, tr, td, li, p, div { font-family:harrington; color:222288; font-size:12px; } 
.btext { color:CCCCCC; } 
.blacktext10 { color:222266; } 
.lightbluetext8 { color:222288; } 
.orangetext15 { color:222288; } 
.redtext { color:2222EE; } 
.text { color:000000; } 
a:active, a:visited, a:link { color:222288; } 
a:hover { color:222266; } 
a.redlink:active, a.redlink:visited, a.redlink:link { color:222288; } 
.nametext { color:2222AA; }

Each hex number group should have a # prefix, like this;
 
table, tr, td, li, p, div {  
    font-family:harrington;  
    color: #222288;  
    font-size:12px;  
    } 
 
.btext {  
    color: #cccccc;  /* It is a good idea to get into the habit of 
                        using all lower case.  Not required on this, 
                        but xhtml and xml are case sensitive and  
                        lowercase. */ 
    } 
 
.blacktext10 {  
    color: #226;  /* notice the shorthand when hex pairs match. */ 
    }

If you put your source between [code] and [/code] tags, it will maintain your formatting, allowing for easier reading.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

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

still not working...

Hello. Thanks so much for the tips but I don't know why it's still not working. I tried using another code but it still has the same results. I used the same codes on myspace and it worked out fine so I guess its either I need to change the codes for friendster or I'm still doing something wrong. Please help me. This is driving me crazy.

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

Need help with layout

How do we help you ?

The guys have explained what is wrong with the code you have posted, but can't possibly tell you what may be wrong from that point on without a lot of precise detail from yourself as to the steps you are having to take to get this code working with friendster.

Myspace (what on earth is myspace or for that matter mygen) and friendster are to some extent using proprietary methods or at least methods that will not be familiar to us.

We can offer coding help as that is what most of the people are skilled in on this forum, but we cannot tell what may be happening otherwise without technical detail from yourself.

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

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

layout dilemma

I made the changes they told me to make for ma transparent background but its still coming out white. Once you scroll down, the boxes cover the background. I'm not sure if this code really works on friendster because it works perfectly fine on myspace (another web community like friendster).

Here's the code I used:
<style type="text/css">
/*Created using MyGen 2.5 - www.mygen.co.uk*/

/*Background Properties*/
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-color:#222244;
background-image:url('http://img368.imageshack.us/img368/5606/1240800x6000cs.jpg');
background-attachment: fixed;
background-position:center center;
background-repeat:no-repeat;

/*Scrollbar Properties*/
scrollbar-face-color:001133;
scrollbar-highlight-color:000000;
scrollbar-3dlight-color:000000;
scrollbar-shadow-color:111111;
scrollbar-darkshadow-color:111111;
scrollbar-arrow-color:7799BB;
scrollbar-track-color:000000;
}

/*Table Properties*/
table table { border: 0px }
table table table table{border:0px}
table table table {
border-style:inset;
border-width:1px;
border-color:transparent;
}

/*Text Properties*/
table, tr, td, li, p, div { font-family:harrington; color:#222288; font-size:12px; }
.btext { color:#000000; font-weight:bold; }
.blacktext10 { color:#000000; font-weight:bold; }
.blacktext12 { color:#000000; }
.lightbluetext8 { color:#2266FF; text-decoration:none; }
.orangetext15 { color:#2222CC; }
.redtext { color:#FF2222; }
.redbtext { color:#FF2222; }
.whitetext12 { color:#222288; }
a:active, a:visited, a:link { color:#222288; text-decoration:none; }
a:hover { color:#2222FF; }
a.redlink:active, a.redlink:visited, a.redlink:link { color:#2222AA; text-decoration:none; }
a.redlink:hover { color:#22AAFF; }
.nametext { color:#557777; }

/* Miscellaneous Properties*/
img { filter:Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0);}
a:hover img { filter:Invert;}
body { cursor:crosshair;}
a:hover { cursor:default;}
</style>

<div style="width: 88px; height: 31px; position: absolute; top:0px;left:0px; background-color: transparent; border-width:1px;border-style:transparent;border-color: transparent; font-family: Harrington;">
<a href="http://www.mygen.co.uk" style="color: 9CB3C3; font-size: 18px; position: absolute; left: 10px; top: -5px">MyGen</a>
<a href="http://www.mygen.co.uk" style="color: #9CB3C3; font-size: 8px; position: absolute; left: 1px; top: 18px">Profile Generator</a>
</div>

Can you please help me out? If you want to see my profile on friendster, just do a search for my profile, my e-mail address is . Thanks.

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

Need help with layout

Viewing your profile apparently is pointless as these changes are only seen by logged in members, although I can't see why that should be the case.

We can not see the style sheet in question in order to understand why it isn't working although I would ask why you expect the code generated from mygen to work on friendster, maybe there is a reason, but again were stumbling in the dark here, I presume that all those selectors match to the friendster html markup ?

When logged in to your profile does the page load just the one stylesheet or two; one being your personal preferences, in which case we may be encountering rules being overridden by others.

We need to know precisely how things are arranged as there could be any number of problems.

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

theMind
Offline
newbie
Last seen: 14 years 28 weeks ago
Joined: 2005-09-23
Posts: 3
Points: 0

A little help

Newbie,

I will try to help you, as many kind (and completely honest) people have helped me.

First, in your initial post, always include the relevant URL and code, it is the worldwide forum ediquette standard. This way people who are taking their own time to help you, can help you!

Second, Hugo was right, make sure to test your code in a normal browser that doesn't have its own quirks/methods. If you can, just try writing into Notepad/Wordpad and testing it on FireFox, IE, or Netscape.

What I see in your CSS:

I think your problem may be that your "lower" CSS is in disagreement with/contradicting some of your "higher" CSS. I ran into this very problem. What I mean:

You have this at the very top:

/*Background Properties*/
table, tr, td { background-color:transparent; border:none; border-width:0;}

Then this below:

/*Text Properties*/
table, tr, td, li, p, div { font-family:harrington; color:#222288; font-size:12px; }

Even though your comment says text properties, all the browser sees are new definitions for the TABLE, TR, and TD tags. Sometimes by putting new definitions below your originals (even though they are not contrasting) the browser may reset the 'undefined' properties back to their default.

So as you had

table, tr, td { background-color:transparent;...}

it may be reset by to default by

table, tr, td, li, p, div { font-family:harrington; color:#222288; font-size:12px; }

A suggestion. Instead of using all the tag element definitions in your CSS, maybe try:

Instead of/get rid of:

table, tr, td, li, p, div { font-family:harrington; color:#222288; font-size:12px; }

which may be clearing/overriding your previous table, tr, and td definitions,

Use:

.text {
font-family:harrington; color:#222288; font-size:12px;}

And then when you need your text to adhere to these properties simply do this in your HTML:

<whatever element class="text">TEXT YOU NEED DEFINED HERE</whatever element>

Functional example:

<p class="text">All the text in between these paragraph tags will have the class 'text' properties</p>

Hope this helps and good luck, theMind-

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

Need help with layout

Ok, a question to be answered please:

Is 'Myspace' the same as 'friendster' in it's coding and controls?

Do you know that code generated by 'Mygen' is meant to work with 'friendster' ?

Having had a look the Mygen site it looks as though it generates code specifically for myspace profiles, so you need to ascertain that these are also compatible with friendster.com

Mygen has a forum of it's own for help with it's generated code and installation it also has a series of tutorials to help on inserting code and modifying profiles this is where you need to be asking these questions not here, we can help with CSS coding but not with proprietary methods for specific sites..

It is now up to you to find out whether these are actually compatible with friendster or not that we cannot do for you.

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

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

friendster and mygen

I was told that mygen would work on friendster. I know this guy who used it and it worked fine on his friendster aaccount. I just don't know why it wouldn't work the same on my page. Anyway, I changed the codes on a friendster generator and it finally came out right. Thanks so much everyone for helping out the newbie.

I attached the code so in case anyone who was watching this post for a soluntion to the same problem may be able to use it, too. Here's the codes:

/* michael's friendster css editor v2.4 | advanced mode */
/* please don't delete the tag above - it's there for re-loading purposes */
body { background-color:transparent; background-image:url('http://66.111.49.71/wallpapers/chobits/chobits_7_800.jpg'); background-attachment:fixed; background-repeat:no-repeat; }
body,td,tr,div,p { font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif !important; color:33ffcc; font-weight: bold; font-style: italic; }
a,a:link,a:visited,a:active { color:33ffff; font-weight: bold; text-decoration: underline; border-bottom:0px !important; font-style: italic; }
a:hover { color:33ffff; font-weight: bold; text-decoration: underline !important; border-bottom:0px !important; font-style: italic; }
.left_column_header h2 { font-size:18px !important; border-bottom-color:ccffff; } .left_column_header h2,.left_column_header h2 .online { color:33ffff; font-weight:bold; font-style:italic; text-decoration:underline; }
.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:33ffff; font-weight:bold; font-style:italic; text-decoration:underline; }
.commonbox h2,#teaserBox h2 { font-size:12px !important; background-color:transparent !important; color:33ffff; font-weight:bold; font-style:italic; text-decoration:underline; }
.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:33ffff !important; font-weight:bold; }
.left_column_header h1 a:hover,.left_column_header2 h1 a:hover { color:33ffff !important; }
#caption { font-size:11px; color:00ffff; font-weight:normal; font-style:normal; }
.left_column_info p { font-size:12px; color:00ffcc; font-weight:normal; font-style:normal; }
.left_column_info a,.left_column_info a:visited { font-size:12px; color:00ffff !important; font-weight:normal; font-style:normal; text-decoration:none; }
.left_column_info a:hover { font-size:12px; color:00ffff !important; font-weight:normal; font-style:normal; text-decoration:none; }
.left_column_info .q { font-size:12px; color:00ffff; font-weight:bold; font-style:normal; }
.buttondiv_new a:link,.buttondiv_new a,.buttondiv_new a:visited { font-size:11px; border-bottom: 0px; color:00ffff !important; font-weight:normal; font-style:normal; text-decoration:underline; }
.buttondiv_new a:hover { font-size:11px; border-bottom: 0px; color:00ffff !important; font-weight:normal; font-style:normal; text-decoration:underline; }
.left_column_about p { font-size:12px; color:00ffff; font-weight:normal; font-style:normal; }
.left_column_about a { font-size:12px; color:00ffff; font-weight:normal; font-style:normal; text-decoration:none; }
.left_column_about a:hover { font-size:12px; color:00ffff; font-weight:normal; font-style:normal; text-decoration:none; }
.left_column_about .q { font-size:11px; color:00ffff; font-weight:bold; font-style:normal; }
.photolinks { font-size:12px; }
.blogs p,.right_column_groups_content p { font-size:12px; color:00ffcc; font-weight:normal; font-style:normal; }
.blogs a,.blogs a:visited,.right_column_groups_content a { font-size:12px; border-bottom:0px; color:00ffff; font-weight:bold; font-style:normal; text-decoration:underline; }
.blogs a:hover,.right_column_groups_content a:hover { font-size:12px; border-bottom:0px; color:00ffff; font-weight:bold; font-style:normal; text-decoration:underline; }
.blogs h2 { font-size:13px !important; border-bottom-color:00ffff; color:00ffff; font-weight:bold; font-style:normal; }
.right_column_groups { border-bottom-color:00ffff; }
.left_column_testimonials_content a,.left_column_testimonials_content a:active,.left_column_testimonials_content a:visited,.left_column_testimonials_add a { font-size:12px; color:00ffff; font-weight:bold; font-style:normal; text-decoration:underline; }
.left_column_testimonials_content a:hover,.left_column_testimonials_add a:hover { font-size:12px; color:00ffff; font-weight:bold; font-style:normal; text-decoration:underline; }
.testimonialbody,.left_column_testimonials_add { font-size:12px; line-height:normal; border:0px; color:00ffff; font-weight:normal; font-style:normal; }
.left_column_hr,.left_column_testimonials_add { border-bottom-color:33ffff; }
.friends .name,.friends .name a,.friends .name a:visited { font-size:11px; color:00ffff; font-weight:bold; font-style:normal; text-decoration:underline; }
.friends .name a:hover { font-size:11px; color:00ffff; font-weight:bold; font-style:normal; text-decoration:underline; }
.boxcontent,#teaserBox ol li { font-size:12px; color:00ffff; font-weight:normal; font-style:normal; }
.boxcontent a,#teaserBox ol li a { font-size:12px; color:00ffcc; font-weight:normal; font-style:normal; text-decoration:underline; }
.boxcontent a:hover,#teaserBox ol li a:hover { font-size:12px; color:00ffff; font-weight:normal; font-style:normal; text-decoration:underline; }
#marketing { font-size:12px; color:00ffff; font-weight:normal; font-style:normal; }
#options ul li a,#options ul li a:link,#options ul li a:visited,#options ul li a:active { font-size:12px; color:00ffff; font-weight:bold !important; font-style:normal; text-decoration:none !important; }
#options ul li a:hover { font-size:12px; background-color:transparent; color:00ffff; font-weight:bold !important; font-style:normal; text-decoration:none !important; }
#subnav a,#subnav a:visited,#marketing a:link,#marketing a:visited,#marketing a:active { font-size:12px; color:00ffff; font-weight:bold; font-style:normal; text-decoration:none; }
#subnav a:hover,#marketing a:hover { font-size:12px; color:00ffff; font-weight:bold; font-style:normal; text-decoration:underline; }
#footer { border-color:transparent; }
#footer div { font-size:11px; color:00ffcc; font-weight:normal; font-style:normal; }
#footer a { font-size:11px; color:00ffff; font-weight:normal; font-style:normal; text-decoration:underline; }
#footer a:hover { font-size:11px; color:00ffff; font-weight:normal; font-style:normal; text-decoration:underline; }
.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:00ffff !important; font-weight:bold !important; font-style:normal; text-decoration:underline !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:00ffff !important; font-weight:bold !important; font-style:normal; text-decoration:underline !important; }
.left_column_header { background-color:transparent; }
#marketing a:link,#marketing a:visited,#marketing a:active,#marketing a:hover { font-size:12px; }
#options ul li a:hover { background-color:transparent; }

Again, thanks everyone.

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

Need help with layout

I think a lot of toing and froing would be saved here if you could post the HTML of the page in question (all of it). Go to View/Source in your browser and copy that into a post (remembering to use the 'Code' button to encose it).

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

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

code source

I did what you told me to do and nothing popped out. Its my personal friendster page though.

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

Need help with layout

Sorry, can't help you then. Can't make it any clearer than I already have (explanation provided via PM for any other members who think maybe I could've been clearer).

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