Hej!
Jag har ett par länkar som är placerade i en tabell, men nu har jag fått lite problem. Jag vill ha dem i en speciell färg och utan understrykningar mm.
När jag lägger till denna kod i CSS-mallen för indexsidan
a:link { color: #3a7171;
text-decoration: none;
font-weight: bold;}
a:visited { color: #3a7171;
font-weight: bold;
text-decoration: none}
a:active { color: #3a7171;
font-weight: bold;
text-decoration: none}
så ser länkarna ut som de ska i tabellen, MEN då försvinner länkarna i min dropdownmeny.
Jag har även testat att lägga följande kod i CSS-mallen
td.layout1 a:link {
color: #3a7171;
text-decoration: none }
td.layout1 a:visited {
color: #3a7171;
text-decoration: none }
td.layout1 a:hover {
color: #3a7171;
text-decoration: underline }
td.layout1 a:active {
color: #3a7171;
text-decoration: none }
Då funkar det i IE, men inte i Mozilla
Mallen för dropdownmenyn ser ut så här:
.ddmx {
font: 11px tahoma;
}
.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
padding: 3px 10px 3px 10px;
background: #3a7171;
font: 12px arial;
color: #ffffff;
font-weight: bold;
text-decoration: none;
display: block;
white-space: nowrap;
position: relative;
}
.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
padding: 3px 8px 4px 8px;
font: 11px tahoma;
color: #3a7171;
font-weight: bold;
text-decoration: none;
display: block;
white-space: nowrap;
position: relative;
z-index: 500;
}
.ddmx .item2 {
background: #ffffff;
}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
background: #ffffff;
}
.ddmx .arrow,
.ddmx .arrow:hover {
padding: 3px 16px 4px 8px;
}
.ddmx .item2 img,
.ddmx .item2-active img{
position: absolute;
top: 4px;
right: 1px;
border: 0;
}
.ddmx .section {
border: 1px solid #3a7171;
position: absolute;
visibility: hidden;
z-index: -1;
}
* html .ddmx td { position: relative; } /* ie 5.0 fix */
Någon som har något tips om hur jag kan rätta till detta?