I need minor .css help!

[Bumpa STIKKA]

Hi all...

I have spent a couple of hours trying to find a fix for the template issue for the TUBE site but after scanning the main.css and trying a lot of variations I still can't get it right.

It seems to be a slight design omission or flaw...

I have enclosed an image to show you what I mean...

The right hand side of the page works just fine and the background is transparent but on the left the background is white and I can't seem to change it no matter what I try.

This error is also on another template where the background is transparent on the right but black on the left.

Can anyone please point me in the right direction so I can fix this...

Thanks for you time,

Bumpa

main.css code

CODE[/quote]

}

#leftcol {
float: left;
color: #000;
width: 704px;
margin: 0px 6px 0px 0px;
padding: 0;

}

#rightcol {
float: left;
color: #fff;
width: 200px;
margin: 0px 6px 0px 0px;
padding: 0;
}

#vid_pg_leftcol {
float: left;
margin: 0px 6px 0px 0px;
padding: 3px 3px 3px 3px;
width: 685px;
}[/quote]

SHEMALE.CENTER
World's Greatest Tgirl Cam Site.

[manarak]

Hi Bumpa, I can do it, but I need a live URL

But maybe you will figure it out quicker by yourself if you use the wonderful tool "firebug" (free opensource website development help)
http://getfirebug.com/

[manarak]

Never mind, the site is live already, LOL.

The problem seems to be here:

CODE[/quote]

.video_box_head {
background:url("images/box_head.png") no-repeat scroll 0 0 #FFFFFF;
clear:both;
color:#000000;
height:30px;
margin:0;
padding:0;
width:auto;
}
[/quote]

Try to remove the #FFFFFF from the background to see what this does.
(around line 157 in main.css)

[Bumpa STIKKA]

http://www.codingforums.com/showthread.php?t=202024

Above is a link to the main.css code and .html code for the .php pages.

Will try that and see what happens!

Cheers...

[Bumpa STIKKA]

The tip you suggest removes the background from the actual video box but not the borders...

... but actually I quite like it that way so may return to it soon!

[manarak]

Are you sure you modified
.video_box_head
and
not .video_box ??

I don't see how the background in .video_box would become transparent if you modified only .video_box_head, since .video_box has a value for background?

wierd stuff there.


maybe the question is stupid, but did you check if the graphic images/box_head.png really has a transparent corner?

[manarak]

of try to remove the white background in body, maybe that gets somehow inherited

CODE[/quote]

body {
background-attachment:fixed;
background-color:#FFFFFF;
background-image:url("http://www.theladyboyforums.com/banners/bg1.jpg");
color:#000000;
font-family:Tahoma,Geneva,sans-serif;
font-size:13px;
}
[/quote]

[Bumpa STIKKA]

I have changed the video box background color and also the video box border color so now the white background is even more annoying!  

What is frustrating is that it doesn't happen on the left of the screen... only the right!

LINK

[Bumpa STIKKA]

Well, we are coming along with the design, but just this last remaining annoyance...

[Bumpa STIKKA]

FIXED!

Hey, Manarak... you had it nailed almost but I didn't give you enough of the code to get to the problem...

I deleted the comments #fff from the following part of the code...

I changed the main.css code from this...

(Line 160)

CODE[/quote]

.video_box_head {
   color: #000;  
   clear:both;
   padding: 0;
   margin: 0;  
   width: auto;
   background: #fff url('images/box_head.png') no-repeat;
   height:30px;
 
}

.video_box_bot {
   clear:both;
   padding: 0;
   margin: 0;  
   width: auto;
   background: #fff url('images/box_bot.png') no-repeat;
   height:40px;[/quote]

...to this...

CODE[/quote]

.video_box_head {
   color: #000;  
   clear:both;
   padding: 0;
   margin: 0;  
   width: auto;
   background:  url('images/box_head.png') no-repeat;
   height:30px;
 
}

.video_box_bot {
   clear:both;
   padding: 0;
   margin: 0;  
   width: auto;
   background:  url('images/box_bot.png') no-repeat;
   height:40px;[/quote]

Anyway - I knew if I was stubborn enough I would eventually find out the fix!

Check out the site HERE!

   

SHEMALE.CENTER
World's Greatest Tgirl Cam Site.

---

Comment

Post Cancel

[manarak]

I deleted the comments #fff from the following part of the code...

you code too much CGI/perl...
#fff is not a comment, but notes a color code in short, same as #ffffff