Melanie: Benötige Hilfe bei der optischen Gestaltung

Beitrag lesen

Brauche Anregungen

Hi,

Ich möchte ein Bild als Vorschaubild auf meiner Homepage darstellen, klickt man auf dieses Bild öffnet sich eine neue Seite und das Bild wird größer gezeigt. Einfach nur eine Tabelle und da das Bild rein gefallt mir nicht. Deshalb habe ich ein wenig mit css experimentiert. Nun komme ich aber nicht weiter. Hier mal mein Code:

<html>
<head>

<style type="text/css">

.vorschaubild {
  background-color: #F7F7F7;
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
  }

.grossbild {
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
  }

.aussenrahmne {
  background-color: #F7F7F7;
  padding: 5px;
  border-width: 1px;
  border-style: dotted;
  border-color: #000000;
  }

</style>

</head>
<body>

Vorschaubild:
<p></p>
<table class="vorschaubild" border="0" cellspacing="0" cellpadding="0"><tr><td><img border="0" src="bildklein.jpg" width="100" height="75"></td></tr></table>

<p></p>

Bild Groß:
<p></p>
<table class="aussenrahmne" border="0" cellspacing="0" cellpadding="0"><tr><td>

<table class="grossbild" border="0" cellspacing="0" cellpadding="0"><tr><td><img border="0" src="bildgross.jpg" width="316" height="237"></td></tr></table>

</td></tr></table>

</body>
</html>

Irgendwie fehlt hier noch was? Da ich Anfänger bin und ich noch nicht so die Ahnung habe wie man super Effekte hinbekommt bitte ich um Vorschläge wie man so etwas optisch super hervorbringt bzw. welche Effektmöglichkeiten es gibt.