custom contact table, its off position Options

[JCLore]

http://i215.photobucket.com/albums/cc176/j...the26102007.jpg

its position is all funny
can ya help me??

[digitalfragrance]

What do you want? Do you want the links all on the side of the page, or do you want the links all in the comment box. If it is the latter, keep in mind that custom contact tables are ONE IMAGE - including the contact background and link words.

[JCLore]

the comment background is supposed to look lik this

http://i215.photobucket.com/albums/cc176/j...lore/GooTif.jpg

but its either too big or to far left
im not sure how to fix the custom contact box background position

these are the codes i used

CODE

<style type="text/css">
.contactTable {
width:300px !important; height:150px !important; padding:0px !important;
background-image:url("http://i215.photobucket.com/albums/cc176/johncouzenslore/GooTif.jpg");
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
</style>

[JCLore]

my contact box is a bit scew wiff

this is what it looks like

http://i215.photobucket.com/albums/cc176/j...the26102007.jpg

and this is the background for the contact box

http://i215.photobucket.com/albums/cc176/j...lore/GooTif.jpg

these are the codes i used

CODE

<style type="text/css">
.contactTable {
width:300px !important; height:150px !important; padding:0px !important;
background-image:url("http://i215.photobucket.com/albums/cc176/johncouzenslore/GooTif.jpg");
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
</style>

[digitalfragrance]

Please don't post another topic about the same problem - just Bump the old one next time.

Topics Merged

[JCLore]

ok
sorry

[Insurmountable]

Since it looks like your making a div in your code..you need to add top and left to postiion the contact table so it aligns in the right place:

<style type="text/css">
.contactTable {
width:300px !important; height:150px !important; padding:0px !important; top:##px; left: ##px;position:absolute;
background-image:url("http://i215.photobucket.com/albums/cc176/johncouzenslore/GooTif.jpg");
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
</style>

[JCLore]

well that fixed the problem of the background being a little far left but created another

now the background is tiny and fixed in the center of the contact area
hard to explain

heres my myspace

http://www.myspace.com/johncouzenslore

[JCLore]

actually
is there just a way of putting a background in the contact box
and removing the words

or is that what all of that was

<style type="text/css">
.contactTable {
width:300px !important; height:150px !important; padding:0px !important; top:##px; left: ##px;position:absolute;
background-image:url("http://i215.photobucket.com/albums/cc176/johncouzenslore/GooTif.jpg");
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
</style>