Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [HTML] Pop-up öffnet sich nicht

[HTML] Pop-up öffnet sich nicht

*Emma
Hallo
Ich hab ein kleines Problem, und zwar öffnet sich folgendes pop-up nicht:

code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Uebersicht</title>
  <link rel="stylesheet" href="/Winter09/Style.css"
 type="text/css">
<h1>&Uuml;bersicht</h1>
Ihr k&ouml;nnt euch hier einen kleinen &Uuml;berblick
&uuml;ber das ganze Gest&uuml;t verschaffen.<br>
<br>
<br>
<p align="center">
<align ="center"><a href="#"
 onclick="MyWindow=window.open('http://gswaldenstein.bplaced.net/Winter09/Hofplan.html','My
Window','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollb
ars=no,resizable=no,width=550,height=400,left=100,top=50'); return false;"
 align="center"><img
 src="http://gswaldenstein.bplaced.net/Winter09/hofplanklein.png"
 border="0" height="218" width="300"></a></align></p>
<p align="center"><span style="font-style: italic;">Klicke
auf den Hofplan um auf die gr&ouml;&szlig;ere Ansicht zu
gelangen</span><align ="center">
</align></p>
</body>
</html


lg
Julia712
Hey,

bei "scrollbars" hast du zwischen dem b und dem a 'nen Zeilensprung drin. Da weigert sich Javascript^^


Lg Julia
Oli
Zitat:
Original von Jeanny
Genau. Ausserdem bitte noch den <head> Tag schließen und den <body> Tag öffnen. smile


Wo wir schon dabei wären den Code zu verbessern, soetwas gibt es nicht:
code: 
1:

<align ="center">

Es hat daher auch keine Wirkung. Du kannst also sowohl alle
code: 
1:

<align ="center">
als auch alle
code: 
1:

</align>
aus dem Code löschen....

LG
kext
Und bei </html> fehlt die schließende spitze Klammer. +mitmach+ großes Grinsen
Oli
Dazu kommt noch ein überflüssiges align="center" innerhalb des <a>. Da dieses ein inline-Objekt ist (innerhalb einer Zeile), stellt es keine Box dar und der Inhalt kann somit auch nicht zentriert werden.

Für vollständige Korrektheit ist außerdem noch ein alt-Attribut beim Bild vorgeschrieben (laut HTML-Standard).


(Bin ich jetzt in Führung? großes Grinsen )
Ceres
Ja und irgendwie macht das hier gar keinen Sinn:

onclick="MyWindow=window.open('http://gswaldenstein.bplaced.net/Winter09/Ho
fplan.html','My
Window','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollb

ars=no,resizable=no,width=550,height=400,left=100,top=50'); return false;"
<img src="http://gswaldenstein.bplaced.net/Winter09/hofplanklein.png"
border="0" height="218" width="300"></a></p>

Das ist fürchterliches html... aber ok... das kriegen wir schon hin.



code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Uebersicht</title>
  <link rel="stylesheet" href="/Winter09/Style.css" type="text/css">
</head>

<body>

<h1>&Uuml;bersicht</h1>

<p>Ihr k&ouml;nnt euch hier einen kleinen &Uuml;berblick
&uuml;ber das ganze Gest&uuml;t verschaffen.</p>

<p align="center">
<a href="#" onClick="MyWindow=window.open('http://gswaldenstein.bplaced.net/Winter09/Hofplan.html','My
Window','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollb
ars=no,resizable=no,width=550,height=400,left=100,top=50'); return false;">
<img border="0" src="http://gswaldenstein.bplaced.net/Winter09/hofplanklein.png" width="300" height="218"></a></p>

<p align="center" style="font-style: italic;">Klicke
auf den Hofplan um auf die gr&ouml;&szlig;ere Ansicht zu
gelangen</p>

</body>

</html>
Julia712
Und jetzt hast du auch den Zeilensprung im scrollbars drin...
kext
Wie wärs mit zentralen Definitionen? Außerdem sollte das Popup-Fenster jeweils 16px breiter und höher sein als das Bild, da 8px margin eingestellt sind.
code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:

<!DOCTYPE html>
<html>
<head>
<title>Uebersicht</title>
<link rel="stylesheet" href="http://gswaldenstein.bplaced.net/Winter09/Style.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
var popMeUp = function()
{
    window.open('http://gswaldenstein.bplaced.net/Winter09/Hofplan.html', 'MyWindow',
    'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, dependent=yes, width=566, height=416, left=100, top=50');
};
</script>
<style type="text/css">
img
{
    border: none;
}

p
{
    margin: 0 0 0.5em 0;
    text-align: center;
}
</style>
</head>
<body>

<h1>&Uuml;bersicht</h1>

<p style="text-align: left;">Ihr k&ouml;nnt euch hier einen kleinen &Uuml;berblick
&uuml;ber das ganze Gest&uuml;t verschaffen.</p>

<p><a href="javascript:popMeUp();" title="Gro&szlig;en Hofplan &ouml;ffnen">
<img src="http://gswaldenstein.bplaced.net/Winter09/hofplanklein.png" alt="Hofplan" /></a></p>

<p><i>Klicke auf den Hofplan um auf die gr&ouml;&szlig;ere Ansicht zu gelangen</i></p>

</body>
</html>
*Emma
vielen dank für eure antworten fröhlich
Den Code hab ich hier von GB kopiert großes Grinsen großes Grinsen

Aber jetzt funktioniert das ganze auch, dankeschön an alle smile Herz
Forensoftware: Burning Board, entwickelt von WoltLab GmbH