Werbefenster mit CSS und JavaScript

von: Werner Zenk

Mit diesem Beispiel sind Werbefenster auch mit CSS möglich.

<style type="text/css">
#werbung {
 position: absolute;
 left: 70px;
 top: 120px;
 width: 300px;
 height: 300px;
 z-index: 10;
}

#titel {
 font-family: Comic Sans MS;
 font-size: 32px;
 text-align: center;
 color: #000000;
 background-color: #89cb67;
}

#schliessen {
 text-align: right;
 background-color: #bbbbbb;
 display: block;
}
</style>

<script type="text/javascript">
function schliessen() {
 document.getElementById("werbung").style.visibility = 'hidden';
}
</script>

<div id="werbung">
 <span id="schliessen"> - Werbung - &emsp; &emsp; &emsp; 
  <a href="#" onclick="schliessen();"><small>[Schließen]</small></a> &nbsp;
 </span>
 <div id=titel>Ist Ihr PC ok?</div>
 <p align="center">
  <a href="#">
   <img src="werbung.png" width="146" height="189"
 border="0" galleryimg="no">
  </a>
 </p>
</div>

- Werbung - [Schließen]

Ist Ihr PC ok?

Und Ihre Meinung? Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?

Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!

Das könnte Sie interessieren:

CSS Hyperlink #6

Angaben für Bereiche

CSS Befehlsübersicht

Mehrfarbige Linien

CSS Hyperlink #33

CSS Hyperlink #9

Grafikrahmen um ein Bild legen

Flexible Bildgröße - Darstellung von Bildern an die jeweilige Fenstergröße automatisch anpassen.

Textumfluss bei Bildern erstellen - Sie können für Bilder oder ein Element bestimmen, dass nachfolgende Elemente dieses Element umfließen. …mehr