Hi Folks,
<div class="AngebotProduktBild">
<a href='#test1'>
<img src='produktbild.jpg' width='140' height='140'/>
</a>
</div><!-- dann noch das transparente Sonder.gif drüber -->
<div class="AngebotHighlighter"></div>
>
> Im css habe ich das so gemacht:
> ~~~css
> .AngebotProduktBild
> {
> width:140px;
> height:140px;
> z-index:0;
> }
> .AngebotHighlighter
> {
> border: 1px dotted #C0C0C0;
> background: url(images/AngebotHighlighter.gif);
> position: relative;
> top: -140px;
> left: 1px;
> width: 140px;
> height: 140px;
> z-index: 1;
> background-repeat: no-repeat;
> }
>
Probier das doch mal so:
.AngebotProduktBild {
width:140px;
height:140px;
z-index:0;
}
.AngebotHighlighter {
border: 1px dotted #C0C0C0;
position: relative;
left: -140px;
width: 140px;
height: 140px;
z-index: 1;
}
</style>
~~~~~~html
</head>
<body>
<div>
<a href='#test1'>
<img class="AngebotProduktBild" src='produktbild.jpg' width='140' height='140'/>
<img class="AngebotHighlighter" src='AngebotHighlighter.gif' width='140' height='140'
</a>
</div>
Zwar ungetestet, aber so sollte es egtl gehen.
Gruß Sascha
--
-----------------------
<a href="http://www.bohrmedia.de" target="_blank">BohrMedia.de</a>
-----------------------
<a href="http://www.bohrmedia.de" target="_blank">BohrMedia.de</a>