Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum

Hi. Could somebody please tell me why IE fills the table with white.

I don't have any problems in Firefox, Opera, Chrome. There the background i Transparent and shows the background image nicely.

You can see it here: hadbergs.dk/medlemsomrade.php
You can login with these cred.

email = twg@hadbergs.dk
password: help

body.twg {
background-color: transparent;
color: #000000;
}
a:link { color: #000000; }
a:hover { color: #444444; }
a:visited { color: #000000; }
table.twg {
color: #000000;
background-color: transparent;
}

/* If you use an background image this hover settings could create ugly borders! Delete them if you don\'t like them */

td.navicon a img{ }
td.html_side_default a img{ }
td.html_side_left a img{ }
td.html_side_right a img{ }


td.sideframe {
background-color: transparent;
}

td.twg_info {
border: 0px solid #555555;
}

.twg_title {
color: #000000;
font-size:24px;
}

.twg_folderdescription {
color: #000000;
}

.twg_Caption {
color: #000000;
}

.twg_user_help_td {
color: #000000;
}

.twg_topx_selected {
color: #000000;
}

.twg_topx_sel {
color: #000000;
}
.twg_topx_sel a:link { color: #000000; }
.twg_topx_sel a:hover { color: #444444; }
.twg_topx_sel a:visited { color: #000000; }

/* the settings for the details image (border ...) */
.twg_imageview {
vertical-align: middle;
text-align: center;
margin: 0px 0px 0px 0px;
}

td.topnavleft {
background-color: transparent;
color: #000000;
}
td.topnavleft a:link { color: #000000; }
td.topnavleft a:hover { color: #444444; }
td.topnavleft a:visited { color: #000000; }

td.topnav {
background-color: transparent;
}

td.topnavright {
background-color: transparent;
color: #000000;
}
td.topnavright a:link { color: #000000; }
td.topnavright a:hover { color: #444444; }
td.topnavright a:visited { color: #000000; }

td.bottomtablesideleft {
background-color: transparent;
color: #000000;
}
td.bottomtablesideleft a:link { color: #000000; }
td.bottomtablesideleft a:hover { color: #444444; }
td.bottomtablesideleft a:visited { color: #000000; }

td.bottomtable {
background-color: transparent;
}

td.twg_bottom {
background-color: transparent;
}

td.twg_counterpixel {
background-color: transparent;
}

td.bottomtableside {
background-color: transparent;
color: #000000;
}
td.bottomtableside a:link { color: #000000; }
td.bottomtableside a:hover { color: #444444; }
td.bottomtableside a:visited { color: #000000; }

/* does the drop shadow - if you want a different one: adapt this settings - image-view does still a nice boarder */
div.twg_img-shadow table {
display: block;
position: relative;
background-color: transparent;
border: none;
margin: 0px 0px 0px 0px;
}

div.twg_img-shadow {
background: none !important;
margin: 0px 0px 0px 0px;
}

table.content_table { background-color: transparent; }

have you tried the transparent skin?

There this should work fine.

Or the css I use here: http://www.tinywebgallery.com/demo/inde ... fset=0,4,0

There you can download the example.

- Michael

Have tried too empty my_style.css and set the transparent skin. It still makes a white background in IE. No problem with FF, Opera, Chrome....

?????

and i used the transparent skin to make my_style.css and then maked some change with the text and border ect.

By the way - i can't remove the border around the images? I have looked in every CSS and don't see where the border i called... Any hints )

check my winter skin - there I have included a background image.

about the image - which image? on the main page this can be set in the config.

- Michael

Hi )

OK, solved the problem.

I had the background image declared in a DIV around the iFrame.

That was more than IE could handle...;o)
IE can apperently not handle transparency in table backgrounds.

Moved the background image into my_style.css

body.twg {
background-image:url(skins/ornament_lilla.jpg);
background-position:center;
color: #000000;
}


Regarding the image border.

All my images has a thin border around them.....
Where is the image border declared?
I have set all borders to border: none;

In your eksample the border first apears as a hover effect. Where do you declare the hover effect?

Allan :O)

which image? on which page?

You can see the Gallary here:

www.hadbergs.dk/medlemsomrade.php

Login: twg@hadbergs.dk
Password: help

All the folder images has the thin border around them.

Allan ;o)

$hide_overview_image_border = true;

Searches in the config.php are quite helpful most of the time .

- Michael