Gegen Bilderklau - Das Original | Druckvorschau: Pop-up öffnet sich nicht

Geschrieben von *Emma am 20.10.2010 um 19:26:

Pop-up öffnet sich nicht

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

Geschrieben von Julia712 am 20.10.2010 um 19:47:

Hey,

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

Lg Julia

Geschrieben von Oli am 20.10.2010 um 21:23:

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

Geschrieben von kext am 20.10.2010 um 21:25:

Und bei </html> fehlt die schließende spitze Klammer. +mitmach+ großes Grinsen

Geschrieben von Oli am 20.10.2010 um 21:39:

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

)

Geschrieben von Ceres am 20.10.2010 um 21:45:

RE: Pop-up öffnet sich nicht

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>

Geschrieben von Julia712 am 21.10.2010 um 10:29:

Und jetzt hast du auch den Zeilensprung im scrollbars drin...

Geschrieben von kext am 21.10.2010 um 12:57:

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>