Sascha: Href und Divs kombinieren

Beitrag lesen

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>