Webdesign in Siegen

Kleines Fenster

Fragen zum Thema HTML und CSS können hier gestellt werden

Moderatoren: Basti, Ingo

Kleines Fenster

Beitragvon =Max= am 22.09.2007, 11:33

Ich wusste nicht wie ich den Titel hätte nennen sollen. Und zwar möchte ich folgendes realisieren:

Wenn man auf meien Seite geht soll sowas ähnliches wie ein popup erscheinen aber in dem Fesnter mit drinen undgefähr so:

Bild

Das geht bestimmt mit Javascript aber da bin ich leider ien totaler Anfänger. Naja eigentlich kann ich das garnicht
=Max=
Mitglied
 
Beiträge: 437
Registriert: 14.01.2007, 18:59

Ein DIV - absolut positioniert mit Close-Link

Beitragvon Ingo am 22.09.2007, 14:47

Hi, =Max=.

Mein erster Gedanke ging so in folgende Richtung: Ein Div 'messageBox',
das abs. positioniert wird (top, left setzen) und sich per Button selbst schließt:

Code: Alles auswählen
   <div id="messagebox">

     Hier eine Nachricht an alle Besucher...<br><br>

     <a href="#">Wohinauchimmer</a><br><br><br><br><br>

      <button type="button"
              onClick="document.getElementById('messagebox').style.display='none';">
        Fenster schließen
      </button>

   </div>


Dazu noch der CSS-Teil

Code: Alles auswählen
  <style type="text/css">
   #messagebox  { position:absolute; top:100px; left:100px;  /* <== */
                  width:200px; padding:10px;
                  background:#ffff44;
                  border:1px solid black;
                }
   </style>

Das kann man mit CSS natürlich noch verschönern. Aber so als Konzept...
grüsse, macping
Benutzeravatar
Ingo
Moderator
 
Beiträge: 696
Registriert: 01.04.2007, 23:21
Wohnort: Neuss/NRW

Beitragvon =Max= am 22.09.2007, 15:38

Dankesehr, hat mir sehr geholfen :)
=Max=
Mitglied
 
Beiträge: 437
Registriert: 14.01.2007, 18:59

Beitragvon felix.tölle am 22.09.2007, 15:45

das gelbe Fenster sieht aus wie die Pos-It von ©HabboHotel *g*
Mit freundlichen Grüßen euer =Felix= ;-)
dW FoR eVeR !
Bild
Benutzeravatar
felix.tölle
Mitglied
 
Beiträge: 140
Registriert: 18.07.2007, 22:30
Wohnort: Oedelsheim

Beitragvon =Max= am 22.09.2007, 15:55

es ist auch für meine habbo hotel seite ;)
=Max=
Mitglied
 
Beiträge: 437
Registriert: 14.01.2007, 18:59

Beitragvon felix.tölle am 23.09.2007, 17:48

Ahhso cool kannst du mir wenn die Seite fertig ist ja mal einen Link schicken :wink:
Mit freundlichen Grüßen euer =Felix= ;-)
dW FoR eVeR !
Bild
Benutzeravatar
felix.tölle
Mitglied
 
Beiträge: 140
Registriert: 18.07.2007, 22:30
Wohnort: Oedelsheim


Zurück zu HTML/CSS

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste