Link auf Bild setzen?!

U

unrealzero_php

Erfahrenes Mitglied
Hallo Zusammen

Habe eine Image-Index erstellt und hinter jedes Bild einen Link gelegt. Soweit funktioniert alles einwandfrei. Nun möchte ich die Ecken dieser Bilder abrunden, aber nicht mit Photoshop oder sonst einem Bildbearbeitungsprogramm sondern über html bzw. css. Es bis jetzt habe ich die 4-Ecken mit kleinen, transparenten Gifs ermöglicht nur leider kann ich so keine Link mehr Hinterlegen.
Wie kann ich einen Image-Index erstellen, wo die Bilder runde Ecken haben und ich hinter jedes Bild einen Link legen kann?!
 
Du könntest Nifty Corners Cube einsetzen, etwa:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>Nifty Corners: Javascript and CSS rounded corners</title>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
	<link rel="stylesheet" type="text/css" href="http://www.html.it/articoli/niftycube/niftyCorners.css">
	<style type="text/css">
		a.nifty {
			float: left;
		}
		a.nifty * {
			display: block;
		}
	</style>
	<script type="text/javascript" src="http://www.html.it/articoli/niftycube/niftycube.js"></script>
	<script type="text/javascript">
		window.onload = function() {
			Nifty("a.nifty", "transparent");
		}
	</script>
</head>

<body>
	<p><a href="http://example.net/" class="nifty"><img src="http://www.worth1000.com/web/media/81287/flower%20rims%20source.jpg"></a></p>
</body>
</html>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück