mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 00:47 Benutzername: Passwort: Auto-Login

Thema: div Layer zum Klicken vom 11.03.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> div Layer zum Klicken
Seite: 1, 2  Weiter
Autor Nachricht
siliconesoul
Threadersteller

Dabei seit: 11.03.2008
Ort: Mönchengladbach
Alter: 39
Geschlecht: -
Verfasst Di 11.03.2008 15:22
Titel

div Layer zum Klicken

Antworten mit Zitat Zum Seitenanfang

Hi, ich versuchte grade folgendes.
Ein Bild, über dem ein Klickbarer layer liegt.
Ist sowas möglich? Meine bisherigen Versuche sehen so aus:

Code:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
        <title></title>
        <style type="text/css">
            <!--


            * html div#content /* for IE */
            {
                height: 500px;
            }

            div#deactivate
            {
                margin-left: 40px;
                border: 1px solid red;
                position: absolute;
                top: 207px;
                left: 290px;
                z-index: 10;
                width: 177px;
                height: 407px;

               
                opacity: 0.8;
                filter: alpha(opacity=80);
            }
            -->
        </style>
    </head>

    <body bgcolor=000000>
   <div align=center>
        <div id="content">

            <img src="http://www.tsdn.eu/other/image001.jpg">
           
        </div> </div>
      <a href="Http://www.Xibe.de"><div id="deactivate"></div></a>
      
    </body>
</html>


Danke im Vorraus schon mal, für die Hilfe
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
printdragon

Dabei seit: 11.03.2008
Ort: Coswig
Alter: 36
Geschlecht: Männlich
Verfasst Di 11.03.2008 16:13
Titel

Antworten mit Zitat Zum Seitenanfang

Hmmm, das könnte schon fast funktionieren.
Ich würde mal versuchen den Div Container von dem Link um den gesamten Link zu legen, also statt:
Code:
<a href="Http://www.Xibe.de"><div id="deactivate"></div></a>


würde ich es mal so versuchen:
Code:
<div id="deactivate"><a href="Http://www.Xibe.de"></a> </div>


Ich hab zwar bis jetzt den z-index immer direkt in den Div Container reingeschrieben aber an für sich sollte es auch in Css gehen.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
printdragon

Dabei seit: 11.03.2008
Ort: Coswig
Alter: 36
Geschlecht: Männlich
Verfasst Di 11.03.2008 16:22
Titel

Antworten mit Zitat Zum Seitenanfang

Warte mal, ich seh gerad noch was was mich iritiert. Was hat es mit der Raute (siehe unten) auf sich:
Code:
div#deactivate
  View user's profile Private Nachricht senden
siliconesoul
Threadersteller

Dabei seit: 11.03.2008
Ort: Mönchengladbach
Alter: 39
Geschlecht: -
Verfasst Di 11.03.2008 16:41
Titel

Antworten mit Zitat Zum Seitenanfang

das is die eingebettete CSS * Ööhm... ja? *
oder versteh ich die Frage grade nich?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
siliconesoul
Threadersteller

Dabei seit: 11.03.2008
Ort: Mönchengladbach
Alter: 39
Geschlecht: -
Verfasst Di 11.03.2008 16:52
Titel

Antworten mit Zitat Zum Seitenanfang

Ein scherz, nu hab ichs rausbekommen:

Code:

    <body bgcolor=000000>
   <div align=center>
        <div id="content">

            <img src="http://www.tsdn.eu/other/image001.jpg">
           
        </div> </div>
      <a href="Http://www.Xibe.de"><div id="deactivate"></div></a>
      
    </body>


Jetzt ist der Hintergrund aber nicht mehr schwarz,
Ruft man die Page allerdings im Möchtegernbrowser (IE) auf,
so ist der hintergrund schwarz, der layer aber nicht klickbar -.-
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pRiMUS

Dabei seit: 09.09.2003
Ort: Vienna
Alter: 48
Geschlecht: Männlich
Verfasst Di 11.03.2008 17:10
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
<a><div></div></a>


und das ist ernsthaft w3c valide?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 11.03.2008 17:15
Titel

Antworten mit Zitat Zum Seitenanfang

Nein.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
rob

Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht: Männlich
Verfasst Di 11.03.2008 22:19
Titel

Antworten mit Zitat Zum Seitenanfang

Ist genauso wenig valide wie Image-Tags ohne alt-Attribut.
Der Code sieht ohnehin recht übel aus, obwohl es nur wenig Code ist.

Warum die Strict-DTD gewählt wurde, frage ich mich auch...
Dann darf man nämlich keine Attribute wie bgcolor im body-Tag oder align im div-Tag einsetzen.

Da ist so gut wie gar nichts valide...


Zuletzt bearbeitet von rob am Di 11.03.2008 22:21, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen innerer layer soll äußeren layer automatisch größer machen
[Dreamweaver] Layer in einem anderen Layer unten ausrichten?
Photoshop Layer exportieren auf einzelne Layer Größe
div-layer im Eltern-div-layer zentrieren. Wie geht das?
[Flash 5] Ferngesteuertes klicken
border um Div beim Klicken? :(
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.