Standaard IE6/IE7 blauwe link kleur bij foto's gaat niet weg - Joomla! Forum - community, help and support

hallo,

ik heb een probleem:

firefox goed:


internet explorer doet het niet:



het liefste heb ik dat de borders om de foto's weg gaan.
maar als ze in internet explorer ook gewoon oranje worden dan het ook goed.

krijg dit echter alleen niet voor elkaar. mij lijkt het zo te zijn dat die link om die foto's niet goed wordt gedefinieerd in de css style (door internet explorer) en dat ie er daarom maar een standaard blauwe link van maakt.

verder krijg ik ook de zwarte strepen rechts bij de modules niet doorgetrokken tot het eind in ie. misschien dat jullie daar ook een oplossing voor hebben?

wie kan mij helpen?

css style:

code: select all

/* ###################### overall settings ###################### */
body {
background-image: url(../images/back2.jpg);
}

td, tr, p, div {
  font-family      : verdana, arial, helvetica, sans-serif;
  font-size        : 10px;
  color            : #ccc;
}

h4 { color: #ff9900; font-family: trebuchet ms, verdana, arial, helvetica, sans-serif; font-size: 16px; font-weight: bold; }
h5 { color: #ff9900; font-family: trebuchet ms, verdana, arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; }
h6 { color: #ff9900; font-family: trebuchet ms, verdana, arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; }

li {
  list-style       : inside url(../images/arrow.png) 3px;
  list-style-image : url(../images/arrow.png);
}

hr {
  color            : #444444;
  height           : 1px;
  width            : 100%;
}

.pathwaytext {
  color            : #808080;
}

/* ######################## button bar ######################## ok */
ul#mainlevel-nav {
  padding-left     : 0;
  margin-left      : 0;
  color            : white;
  float            : left;
  width            : 100%;
  font-family      : arial, helvetica, sans-serif;
}

ul#mainlevel-nav li {
  display          : inline;
}

ul#mainlevel-nav li {
  padding          : 0.2em 1em;
  color            : #999;
  text-decoration  : none;
  float            : left;
  background       : url(../images/menu_bar_div.gif) no-repeat right;
}

ul#mainlevel-nav li a:hover {
  text-decoration  : none;
  color            : #ff6602;
}
/* ###################### links ###################### */
a:link, a:visited {
  font-size        : 10px;
  font-family      : verdana, arial, helvetica, sans-serif;
  color            : #ff6602;
  font-weight      : bold;
  text-decoration  : none;
}

a:hover {
  color            : #ffffff;
  text-decoration  : none;
}

a.mainlevel:link, a.mainlevel:visited {
  color            : #808080;
  font-weight      : normal;
}

a.mainlevel:hover {
  color            : #ff6602;
  text-decoration  : underline;
}

a.category:link, a.category:visited {
  color            : #999999;
  font-weight      : bold;
}

a.category:hover {
  color            : #ff6602;
}

/* ###################### module settings ###################### */
table.moduletable {
  width            : 100%;
  margin-bottom    : 5px;
  border-bottom    : 1px solid #000;
}

table.moduletable th {
  font             : bold 11px verdana, arial, helvetica, sans-serif;
  color            : #ff6602;
  text-align       : left;
  letter-spacing   : 1px;
}

table.moduletable td {
  padding          : 2px 2px 5px 2px;
}


/* ###################### formular settings ###################### */
.button {
  font             : bold 10px verdana, arial, helvetica, sans-serif;
  color            : #ff6602;
  background-color : #2e3440;
  border           : 1px solid #000000;
}

.inputbox {
  font             : 10px verdana, arial, helvetica, sans-serif;
  color            : #cccccc;
  background-color : #333333;
  border           : 1px solid #000000;
}

/* ###################### content page settings ###################### */
.contentpane {
  border           : none;
}

.contentpaneopen {
  border           : none;
}

.contentheading, .componentheading {
  font             : bold 11px verdana, arial, helvetica, sans-serif;
  font-variant     : small-caps;
  color            : #ff6602;
  text-align       : left;
  width            : 100%;
  height           : 20px;
  border-bottom    : 1px solid #000000;
}

.contentdescription {
  font-family      : trebuchet ms, verdana, arial, helvetica, sans-serif;
  font-size        : 11px;
  color            : #cccccc;
  text-align       : left;
}

.category {
  color            : #999999;
  font-family      : trebuchet ms, verdana, arial, helvetica, sans-serif;
  font-size        : 11px;
  font-weight      : bold;
  text-decoration  : none;
}

/* ###################### section listing settings ###################### */
.sectiontableentry1 {
  background-color : #475063;
}

.sectiontableentry2 {
  background-color : #363d4c;
}

.sectiontableheader {
  background-color : #000000;
  background       : url(../images/top_bar_back.gif);
  height           : 20;
  color            : #ffffff;
  font-weight      : bold;
}

/* ###################### small font settings ###################### */
.small {
  font             : 9px verdana, arial, helvetica, sans-serif;
  color            : #71809d;
  text-decoration  : none;
}

.smalldark {
  font             : 9px verdana, arial, helvetica, sans-serif;
  color            : #ff6602;
}

.createdate {
  font-family      : verdana, arial, helvetica, sans-serif;
  font-size        : 9px;
  color            : #666666;
  text-decoration  : none;
  font-weight      : normal;
}

/* ######################### voting settings ######################### */
.content_rating {
  font-family      : verdana, arial, helvetica, sans-serif;
  font-weight      : normal;
  color            : #ff6602;
  font-size        : 9px;
}

.content_vote {
  background       : #000000;
  font-family      : verdana, arial, helvetica, sans-serif;
  font-weight      : normal;
  color            : #cc9999;
  font-size        : 9px;
}

.content_vote.button {
  font-family      : verdana, arial, helvetica, sans-serif;
  font-style       : normal;
  width            : 60px;
  font-weight      : bold;
  font-size        : 10px;
  color            : #cccccc;
  background       : #363d4c;
  border           : 1px solid #000000;
}


heb min of meer het zelfde als volgt opgelost:
maak een class voor die images en ken daar de volgende css aan toe:

code: select all

border:none;