Code for removing the PM border and moving the text by pixels please

What exactly do you mean by "PM Border" ?

[img]http://wimg.co.uk/ZnxEoH.bmp[/img]

Top one is what its at atm
Bottom is what i want it to be like


Edit: Do image tags not work?

Posted By Alex Bailey on 11th Aug 08 at 8:47pm

 

[img]http://wimg.co.uk/ZnxEoH.bmp[/img]

Top one is what its at atm
Bottom is what i want it to be like


Edit: Do image tags not work?

Image tags don't work for BMP files. Which btw should never be use for the web. It makes file size extremely large.

Do i know what i am talking about?

I can only assume the the image tags not working is because of the file extension.

And yes Blanka, you're right; BMP's use horrible compression algorithms. System, the image you posted is over 300kb in size; saved as a JPG or PNG it would be around 15-20kb at most.

Anyway, I'll get to this after dinner.

*Wanders to dining room*

it was because i did it in paint

Posted By Alex Bailey on 11th Aug 08 at 11:07pm

 

it was because i did it in paint

Paint has a dropdown for selecting different filetypes.

Anyway, give this a try:

Code:

Select All

 

<script type="text/javascript">
<!--
// Remove UT border & reposition
 
var ut = document.getElementById("user_table");
 
ut.cellSpacing = 0;
ut.style.position = 'relative';
ut.style.top = '-5px';
//-->
</script>

{BR}<script type="text/javascript"> {BR}<!-- {BR}// Remove UT border & reposition {BR} {BR}var ut = document.getElementById("user_table"); {BR} {BR}ut.cellSpacing = 0; {BR}ut.style.position = 'relative'; {BR}ut.style.top = '-5px'; {BR}//--> {BR}</script>

 

It gets rid of the border, but doesn't move the text at all

Posted By Alex Bailey on 11th Aug 08 at 11:50pm

 

It gets rid of the border, but doesn't move the text at all

Try changing the value in this line:

ut.style.top = '-5px';

I did try that , didn't work

Could you please link me to the board where you tried the code?

www.pinkness.vforums.co.uk

The code seems to be working fine for me; as you can see I moved the user bar up so that it is touching the welcome table. By removing the negative sign it pushes it down toward the ad.

If it still is not working, may I ask which browser you're using?

IE and you get what i shown ya now?

Yeah, I understand now, sorry for the mix-up.

Right, well, after messing around with CSS properties for a good hour with IE still being stupid, I decided to just set the background colour to be the same as the rest of the user bar. So I took a screenshot, opened in in Photoshop, used the eyedropper tool to get the hex code, and entered that.

Like everything else I tried, Firefox handled it perfectly.

Also like everything else I tried, IE failed miserably at it. I mean, not supporting most coding standards is expected from Microsoft, but not even being able to properly read hex codes makes IE even worse than I thought.

In other words, IE has made me tired of coding for the moment; I'll get back to this in a little while.

okay

Bump

A 5day bump? Simple code anyone fix this?

I'm not 100% sure if this is what you're after as there's no way of telling the dimensions from that image. But try:

Code:

Select All

 

<style type="text/css">
<!--
#user_table {
background-color: #000000;
background-image: url('http://wimg.co.uk/gSTx2h.png');
background-repeat: repeat-x;
background-position: bottom left;
}
#user_table, #user_table .menu, #user_table font {
color: #a4a4a4!important;
}
#user_table a {
color: #c590c0!important;
text-decoration: none;
}
#user_table td {
background-color: transparent;
background-image: none;
}
-->
</style>

<style type="text/css"> {BR}<!-- {BR}#user_table { {BR}background-color: #000000; {BR}background-image: url('http://wimg.co.uk/gSTx2h.png'); {BR}background-repeat: repeat-x; {BR}background-position: bottom left; {BR}} {BR}#user_table, #user_table .menu, #user_table font { {BR}color: #a4a4a4!important; {BR}} {BR}#user_table a { {BR}color: #c590c0!important; {BR}text-decoration: none; {BR}} {BR}#user_table td { {BR}background-color: transparent; {BR}background-image: none; {BR}} {BR}--> {BR}</style>

 

www.pinkness.vforums.co.uk

Atm its a diff colour , if i change it to the background colour, it will work?

Posted By Alex Bailey on 18th Aug 08 at 11:57am

 

www.pinkness.vforums.co.uk

Atm its a diff colour , if i change it to the background colour, it will work?

It's CSS, so you can change the hex value to whatever you like and it still should work

Sorry. My test forum has a black border color so I didn't notice it on there. I've added a background color attribute in the above code. The bit which looks like this:

background-color: #000000;

For some reason the code only works when logged in