Zum Inhalt springen

Empfohlene Beiträge

Geschrieben

Hallo!

Ich fang gerade mit html und css an, und hab da jetzt ne Frage:

Ich habe 2 Rahmen mit div erzeugt, in dem ersten Rahmen ist ein Link. Ich möchte, dass wenn man auf den Link klickt, die destination (url oder datei) in dem 2 Rahmen geöffnet wird.

Wie soll das gehen??

Mein bisheriger Code:

-der html datei

<!doctype html public "-//W3C//DTD HTML 4.0 //EN">

<html>

<head>

<title>www.blabla.de</title>

<meta name="author" content="blalbl">

<meta name="keywords" content="blabla">

<meta name="generator" content="Ulli Meybohms HTML EDITOR">

<link rel="stylesheet" type="text/css" href="index.css" >

</head>

<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">

<div id="banner" name="banner">

<p class="ueberschrift">Das ist der Banner</p>

<a href="http://blabla.de">und das ist der link</a>

</div>

<div id="links" name="links">

hier soll der Link geöffnet werden

</div>

</body>

</html>

-die css

.ueberschrift {font-style:italic;font-size:larger;}

#banner { border-width:1px; border-color:#8C8E8C;

border-style:hiden;position:fixed; top:10%; left:100%;background-color:#FF00FF; }

#links { border-width:1px; border-color:#FFFF00; border-style:hidenposition:absolute; top:20px; left:50px; width:90px; height:90px; z-index:-1; background-color:#FFFF00;}

________________________________________________________

So ich hoffe jemand kann mir helfen.

Thx

Geschrieben

So ohne weiteres kann man keine Links in div-Bereiche hineinladen! Das geht nur mit Frames oder im Netscape Navigator mit Layern.

Aber du könntest statt eines Links JavaScript verwenden. Dabei schreibst du den Inhalt der Datei, die du eigentlich öffnen willst, in den zweiten div-Bereich und setzt diesen erstmal auf "hidden". Mit JavaScript kannst du das Ding dann ja problemlos wieder auf "visible" setzen...

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...