nicht angemeldet
Dokumenttyp / 3px ungewollter Freiraum im IE
0 0 0 0 0 
Marc
0
0
Dokumenttyp / 3px ungewollter Freiraum im IE
Der MartinSo, zu allererst einmal der gesamte Quelltext meines Dokuments (da es noch nicht online ist). Ich habe die CSS-Datei normalerweise ausgelagert, hier allerdings zur besseren Ansicht integriert:
===========================================================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="Author" content="Author">
<meta name="description" content="Description">
<meta name="keywords" content="keywords, key, words">
<title>Titel</title>
<style type="text/css">
<!--
body
{
text-align: center; /* Zentrierung im Internet Explorer */
font-family: Arial, Verdana, sans-serif;
font-size: 80%;
color: #000;
background-color: #fff;
margin: 0;
padding: 0;
}
#banner
{
text-align: center;
background-color: #fff;
margin: 10px auto 0;
padding: 0;
}
#content
{
text-align: left; /* Seiteninhalt wieder links ausrichten */
margin: 0 auto; /* standardkonforme horizontale Zentrierung */
padding: 0;
width: 800px;
min-height: 500px;
background-color: #dfd;
background-image: url(bilder/glow_top.PNG);
background-position: top;
background-repeat: repeat-x;
border: 1px solid #0a0;
}
ul#nav
{
font-weight: bold;
float: left;
width: 12em;
margin: 0;
padding: 0;
border-right: 1px solid #0a0;
}
ul#nav li
{
list-style: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #0a0;
}
ul#nav li.current
{
color: #fff;
background-color: #4c4;
text-decoration: underline;
margin: 0;
padding: .3em;
}
ul#nav a
{
display: block;
color: #006;
height: 1.25em;
margin: 0;
padding: .3em;
}
ul#nav a:link, ul#nav a:visited
{
background-color: #afa;
text-decoration: none;
}
ul#nav a:hover, ul#nav a:active
{
background-color: #dfd;
text-decoration: underline;
}
div#main
{
min-width: 25em;
color: #000;
margin: 0;
margin-left: 12em;
padding: 32px 1.5em 2em;
}
* html div#main
{
height: 1em; /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
margin-bottom: 0;
}
div#main h1
{
font-size: 1.6em;
font-weight: bold;
text-align: center;
margin: 0 0 1em;
padding: 0;
}
div#main h2
{
font-size: 1.2em;
font-weight: bold;
margin: 0 0 .3em;
padding: 0;
}
div#main h3
{
font-size: 1em;
font-weight: bold;
margin: 1.5em 0 .3em;
padding: 0;
}
div#main h4
{
font-size: 1em;
font-weight: bold;
margin: 0 0 .3em;
padding: 0;
}
div#main a
{
color: #006;
}
div#main a:link, div#main a:visited
{
text-decoration: underline;
}
div#main a:hover
{
text-decoration: none;
}
div#main p
{
margin: 0 0 1.5em;
}
p#fuss
{
clear: both;
font-size: .9em;
text-align: center;
color: #000;
width: 800px;
background-color: #afa;
border-left: 1px solid #0a0;
border-right: 1px solid #0a0;
border-bottom: 1px solid #0a0;
margin: 0 auto;
padding: .3em 0;
}
div#main div#thumb {float:right;border:1px solid #006;margin:1em;margin-right:15px;padding:0;}
div#main div#thumb img {width:320px;height:240px;margin:0;padding:0;}
-->
</style>
</head>
<body>
<div id="banner">
<img src="bilder/banner.PNG" border="0" height="60px" width="802px" alt="Banner">
</div>
<div id="content">
<ul id="nav">
<li class="current">Startseite</li>
<li><a href="angebot.htm" target="_parent" title="Unser Angebot">Angebot</a></li>
<li><a href="kursplan.htm" target="_parent" title="Aktueller Kursplan">Kursplan</a></li>
<li><a href="preise.htm" target="_parent" title="Unsere Preise">Preise</a></li>
<li><a href="anfahrt.htm" target="_parent" title="So finden Sie uns">Anfahrt</a></li>
<li><a href="impressum.htm" target="_parent" title="Zum Impressum">Impressum</a></li>
</ul>
<div id="main">
<h1>Welcome to URI.de</h1>
<div id="thumb">
<img src="bilder/logo.PNG" alt="Logo" title="Logo">
</div>
<p>Text 01: Einleitender, willkommen-heißender Begrüßungstext.<br>
Dieser Text sollte möglichst interessant und mit vielen Adjektiven gespickt sein. Das vermittelt dem Besucher der Webseite direkt einen attraktiven und angenehmen Eindruck.</p>
<h2>Überschrift</h2>
<p>Text 02: Optionale erweiterte Angaben zu welchen Themen auch immer.<br>
Dieser Text könnte z.B. etwas detailliertere Beschreibungen des Unternehmens, bzw. des Angebots oder der Zielgruppe liefern. Diese Informationen sind zwar für eine Startseite relevant, jedoch nicht als allererstes zu nennen. Nur bei wem durch den ersten Absatz Interesse geweckt wurde wird daraufhin hier weiterlesen und sich näher informieren wollen. Wir wollen also die potenziellen Kunden noch weiter von dem Angebot begeistern und sie dazu bringen sich tatsächlich anzumelden.</p>
<p>Dies ist ein Beispiel für einen <a href="" target="_parent" title="Verweis">Link</a> im Inhaltsbereich der Seite</p>
<p>Platz für noch mehr Text</p>
<p>Platz für noch mehr Text</p>
<p>Platz für noch mehr Text</p>
<p>Platz für noch mehr Text</p>
<p>Platz für noch mehr Text</p>
<p>Platz für noch mehr Text</p>
</div>
</div>
<p id="fuss">Anschrift01, Straße Hausnummer, PLZ Ort</p>
</body>
</html>
===========================================================
Also, zu Anfang: Ich bin kein Profi in Sachen HTML.
Meine erste Frage ist wieso mir der W3C Markup Validator sagt "This page is not Valid XHTML 1.0 Transitional!" Oder habe ich den falschen Dokumenttyp gewählt? Welcher wäre korrekt (ich weiß es ist nicht die normale und richtige Vorgehensweise den Dokumenttyp zuletzt zu deklarieren, aber so ist das, wenn man lernt: man erfährt manche Dinge eben erst etwas zu spät ;-) )?
Meine zweite Frage: Wieso zeigt der Internet Explorer unter den beiden Bildern (banner.PNG und logo.PNG) jeweils einen 3px hohen Freiraum? Im Mozilla Firefox wird dieser Freiraum (so wie es auch eigentlich sein soll) nicht angezeigt.
Bitte kommentiert auch andere Mängel, die euch im Dokument auffallen!
Vielen Dank und freundliche Grüße,
blubb76
-
Hallo
> <div id="banner"> > <img src="bilder/banner.PNG" border="0" height="60px" width="802px" alt="Banner"> > </div>Meine erste Frage ist wieso mir der W3C Markup Validator sagt "This page is not Valid XHTML 1.0 Transitional!"
der Validator sagt doch auch, was er zu bemängeln hat.
Mir fällta) ein nicht geschlossenes img-Element auf
das sich zudem in einem div-Element befindet, das neben dem img-Element auch noch Text (diversen Whitespace enthält), was ...
Meine zweite Frage: Wieso zeigt der Internet Explorer unter den beiden Bildern (banner.PNG und logo.PNG) jeweils einen 3px hohen Freiraum? Im Mozilla Firefox wird dieser Freiraum (so wie es auch eigentlich sein soll) nicht angezeigt.
beantworten sollte. Entferne sämtlichen Whitespace (also auch die Zeilenumbrüche) zwischen <div>, <img ... /> und </div>, sprich: Schreib' alles in eine Zeile, ohne Leerzeichen dazwischen :-)
Freundliche Grüße
Vinzenz
-
Hallo,
...oder habe ich schlichtweg im Nachhinein den falschen Dokumenttyp gewählt? Eigentlich ist das doch gar kein XHTML-Dokument, oder? Oder sollte es eines sein?-
Hallo
...oder habe ich schlichtweg im Nachhinein den falschen Dokumenttyp gewählt? Eigentlich ist das doch gar kein XHTML-Dokument, oder? Oder sollte es eines sein?
Nur Du kannst wissen, was Du schreiben willst :-)
Siehe SELFHTML, Abschnitt Unterschiede zwischen XHTML und HTML.Freundliche Grüße
Vinzenz
-
Ich habe mich noch etwas über die verschiedenen Dokumenttypen informiert. Ich glaube mit
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
befände ich mich auf der richtigen Seite, oder?
Also die W3C Markup Validation sagt damit auch das Dokument wäre durchweg valide. Ich glaub also ich habe schlichtweg den falschen Dokumenttyp angegeben.
Das Problem mit dem 3px-Leerraum unterhalb der Bilder (dennoch innerhalb des DIVs) besteht aber leider weiterhin...-
Hallo
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
befände ich mich auf der richtigen Seite, oder?es schadet nichts, sein (X)HTML nach einer strengeren Vorschrift zu schreiben:-)
Also die W3C Markup Validation sagt damit auch das Dokument wäre durchweg valide. Ich glaub also ich habe schlichtweg den falschen Dokumenttyp angegeben.
Das Problem mit dem 3px-Leerraum unterhalb der Bilder (dennoch innerhalb des DIVs) besteht aber leider weiterhin...äh ja, das hat ja auch nichts mit dem DOCTYPE zu tun. Wie ich Dir bereits schrieb, sind die Leerzeichen und Zeilenumbrüche in
<div id="banner"> <img src="bilder/banner.PNG" border="0" height="60px" width="802px" alt="Banner"> </div>statt
<div id="banner"><img src="bilder/banner.PNG" border="0" height="60px" width="802px" alt="Banner"></div>daran schuld, siehe auch die Verweise zu folgender FAQ: http://forum.de.selfhtml.org/hilfe/faq.htm#bilder-luecken
Freundliche Grüße
Vinzenz
-
Vielen Dank! Das war genau der Fehler.
Hab mich etwas über die Unterschiede HTML/XHTML informiert. Ist mir aber erstmal eine zu große Umstellung. Ich halte mich zunächst an HTML.
Und ja, ich werde mich bemühen demnächst mehr regelkonform zu arbeiten ;).
Danke nochmal und gute Nacht!
blubb76-
Hi!
Und ja, ich werde mich bemühen demnächst mehr regelkonform zu arbeiten ;).
Hat sich stets bemueht... ;)
-
Hi,
Und ja, ich werde mich bemühen demnächst mehr regelkonform zu arbeiten ;).
Hat sich stets bemueht... ;)"... bemühte sich stets um Pünktlichkeit." - Das Todesurteil der Arbeitszeugnisse.
Cheatah ;-)
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Hi Cheatah,
Hat sich stets bemueht... ;)
"... bemühte sich stets um Pünktlichkeit." - Das Todesurteil der Arbeitszeugnisse.kennst du noch mehr dieser Todesurteile in Arbeitszeugnissen? Ich hab schon des öfteren von
einer Art geheimen Sprache unter Arbeitgebern gehört, was gibt es da so?Bin zwar kein Arbeitgeber, was aber nicht ist kann ja noch werden. :-)
Grüße aus H im R,
Engin-
G'day!
kennst du noch mehr dieser Todesurteile in Arbeitszeugnissen? Ich hab schon des öfteren von
einer Art geheimen Sprache unter Arbeitgebern gehört, was gibt es da so?Da gibt's ganze Bücher darüber. Ich habe mal eines überflogen, hier ein paar Floskeln aus dem Gedächtnis:
- Er bemühte sich stets um X. (heißt: Hat es aber nicht geschafft.)
- sehr kontaktfreudig (heißt: Mitarbeiterinnen angebaggert)
- Wir waren mit seiner Leistung vollstens zufrieden. (Hier fehlt "stets", wir waren also nur manchmal zufrieden.)
"Stets" ist generell eines der wichtigsten Schlüsselwörter. Wenn dieses fehlt, steht "manchmal" zwischen den Zeilen. Dasselbe gilt für "vollstens", "vollkommen" o.ä. - ein Fehlen heißt "einigermaßen".
Das ganze Theater kommt von der hochdebilen Vorschrift, daß Arbeitgeber in Zeugnissen keine negativen Wörter verwenden dürfen. Deswegen kaufen sie Bücher und codieren ihre Meinung in so einem dämlichen Kauderwelsch, und der Arbeitnehmer und der nächste Arbeitgeber müssen das dann, wieder vermöge eines Buches, zurückübersetzen. Oder der nächste Arbeitgeber ruft den vorigen einfach an: Am Telefon darf der nämlich sagen, was er will, und jede beliebige Warnung uncodiert in normalem Deutsch aussprechen.
Viele Grüße vom Længlich
-
Hi Længlich,
- Er bemühte sich stets um X. (heißt: Hat es aber nicht geschafft.)
- sehr kontaktfreudig (heißt: Mitarbeiterinnen angebaggert)
- Wir waren mit seiner Leistung vollstens zufrieden. (Hier fehlt "stets", wir waren also nur manchmal zufrieden.)
"Stets" ist generell eines der wichtigsten Schlüsselwörter. Wenn dieses fehlt, steht "manchmal" zwischen den Zeilen. Dasselbe gilt für "vollstens", "vollkommen" o.ä. - ein Fehlen heißt "einigermaßen".
Das klingt Logisch. :-) hatte noch nie mit Arbeitszeugnissen zutun, daher weiss ich nicht,
was da Generell drin steht.Danke für die Antwort.
Grüße aus H im R,
Engin
-
Hi,
"... bemühte sich stets um Pünktlichkeit." - Das Todesurteil der Arbeitszeugnisse.
kennst du noch mehr dieser Todesurteile in Arbeitszeugnissen?nee, und ich habe auch noch nie davon gehört, dass Obiges jemals verwendet worden wäre :-)
Ich hab schon des öfteren von
einer Art geheimen Sprache unter Arbeitgebern gehört, was gibt es da so?Vor allem gibt es da massive Überbewertung dieser Geheimsprache. Was Laenglich schrieb, ist eine richtige Quintessenz; wenn Du eine Handvoll Arbeitszeugnisse gelesen hast, dann weißt Du, dass diese den Arbeitnehmer grundsätzlich in höchsten Tönen loben und somit ein (absolut betrachtet) "gut" relativ gesehen "reichlich übel" bedeutet. Fehlen also Superduperlative ("vollst" im Sinne von "extremst", lies: "äußerstst"), hat der Arbeitgeber Grund zur Unzufriedenheit gesehen. Darüber hinaus halte ich (auch nach Rücksprache mit einem ehemaligen Personalchef, einigen Arbeitsamt-Angestellten und anderen) die Unterstellung geheimer Botschaften für weitgehend aus der Luft gegriffen.
Wobei ich mir dann doch noch vorstellen kann, dass ein "geselliger Typ" auf etwas überdurchschnittlichen Alkoholkonsum schließen lässt :-)
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Hallo,
Wobei ich mir dann doch noch vorstellen kann, dass ein "geselliger Typ" auf etwas überdurchschnittlichen Alkoholkonsum schließen lässt :-)
auf die Idee wäre ich beim Lesen einer solchen Phrase nicht gekommen - eher schon darauf, dass derjenige gerne mal durch ausgedehnte Plaudereien die anderen von der Arbeit abhält.
Ciao,
Martin
-
-
-
-
-
-
-
-
-
-
Hi,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
bleib bei XHTML. Die Änderungen am Dokument sind gering.
<html>
xmlns-Attribut hinzufügen,
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
Elemente schließen.
<style type="text/css">
Auslagern ;-)
text-align: center; /* Zentrierung im Internet Explorer */
Nur im Quirks-Mode, den bei Deinem DOCTYPE nur IE 5.x verwendet.
margin: 1.5em 0 .3em;
Ich empfehle stark, auf diese Kurzschreibweise von Beträgen zwischen 0 und 1 konsequent zu verzichten.
<img src="bilder/banner.PNG" border="0" height="60px" width="802px" alt="Banner">
Der Validator prüft nur gegen die DTD, in der folgendes nicht untergebracht sein kann: Die Attribute width und height enthalten entweder einen Prozentwert, oder die nummerische Angabe der Pixelgröße. Ich glaube kaum, dass diese Grafik 802px Pixel breit ist. Das border-Attribut hat zudem in HTML nichts verloren; es betrifft die Darstellung und wird folglich per CSS vermittelt.
<li><a href="angebot.htm" target="_parent" title="Unser Angebot">Angebot</a></li>
Du solltest auf das target-Attribut verzichten - und insbesondere auf jeden Grund, der zu einem target="_parent" führen könnte.
<img src="bilder/logo.PNG" alt="Logo" title="Logo">
Sowohl der Alternativtext als auch die Betitelung erscheinen mir reichlich suboptimal.
<p id="fuss">Anschrift01, Straße Hausnummer, PLZ Ort</p>
Der Footer ist ein wesentlicher Seitenbereich, ein <div> ist also gerechtfertigt. Ein Textabsatz ist er hingegen nicht, was gegen ein <p> spricht.
Also, zu Anfang: Ich bin kein Profi in Sachen HTML.
Es ist für uns eher uninteressant, ob Du die Techniken beruflich einsetzt oder nicht. Viel wichtiger ist, über welchen Kenntnisstand Du verfügst.
Meine erste Frage ist wieso mir der W3C Markup Validator sagt "This page is not Valid XHTML 1.0 Transitional!" Oder habe ich den falschen Dokumenttyp gewählt?
"Falsch" im Sinne von "besser wäre etwas anderes": Verwende XHTML/1.0 Strict.
Meine zweite Frage: Wieso zeigt der Internet Explorer unter den beiden Bildern (banner.PNG und logo.PNG) jeweils einen 3px hohen Freiraum? Im Mozilla Firefox wird dieser Freiraum (so wie es auch eigentlich sein soll) nicht angezeigt.
Entweder einer der Three-Pixel-Bugs, oder aber Ober- oder Unterlängen für den Text, der in dem Bereich erwartet werden kann.
Bitte kommentiert auch andere Mängel, die euch im Dokument auffallen!
Hey! Ich lasse mir nichts erlauben, was mir keiner verbieten kann! ;-)
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Tag,
bleib bei XHTML. Die Änderungen am Dokument sind gering.
- Danke, vorerst bleibe ich bei HTML. Werd mich aber demnächst umstellen ;).
<style type="text/css">
Auslagern ;-)
- Hab ich auch normalerweise, nur eben fürs Forum integriert.
text-align: center; /* Zentrierung im Internet Explorer */
Nur im Quirks-Mode, den bei Deinem DOCTYPE nur IE 5.x verwendet.
- Also drinlassen, oder rausnehmen?
margin: 1.5em 0 .3em;
Ich empfehle stark, auf diese Kurzschreibweise von Beträgen zwischen 0 und 1 konsequent zu verzichten.
- Okay, ist geändert.
<img src="bilder/banner.PNG" border="0" height="60px" width="802px" alt="Banner">
Der Validator prüft nur gegen die DTD, in der folgendes nicht untergebracht sein kann: Die Attribute width und height enthalten entweder einen Prozentwert, oder die nummerische Angabe der Pixelgröße. Ich glaube kaum, dass diese Grafik 802px Pixel breit ist. Das border-Attribut hat zudem in HTML nichts verloren; es betrifft die Darstellung und wird folglich per CSS vermittelt.
- das border-Attribut ist nun stattdessen in der ausgelagerten CSS-Datei deklariert. Aber die Grafik ist tatsächlich 802px breit (da das DIV "content" darunter 800px + 2mal 1px-border breit ist).
<li><a href="angebot.htm" target="_parent" title="Unser Angebot">Angebot</a></li>
Du solltest auf das target-Attribut verzichten - und insbesondere auf jeden Grund, der zu einem target="_parent" führen könnte.
- Okay, ist entfernt.
<img src="bilder/logo.PNG" alt="Logo" title="Logo">
Sowohl der Alternativtext als auch die Betitelung erscheinen mir reichlich suboptimal.
- Ist auch nur so gewählt, weil es mir hier eher um das Layout ging, als um die Inhalte. Im eigentlichen Dokument sind die Attribute sinnvoller gewählt ;-).
<p id="fuss">Anschrift01, Straße Hausnummer, PLZ Ort</p>
Der Footer ist ein wesentlicher Seitenbereich, ein <div> ist also gerechtfertigt. Ein Textabsatz ist er hingegen nicht, was gegen ein <p> spricht.
- Kann ich gerne ändern. Hatte ich so aus dem [ref:http://de.selfhtml.org/css/layouts/mehrspaltige.htm#kopf_fuss@title=SELFHTML-Beispiel] übernommen.
Also, zu Anfang: Ich bin kein Profi in Sachen HTML.
Es ist für uns eher uninteressant, ob Du die Techniken beruflich einsetzt oder nicht. Viel wichtiger ist, über welchen Kenntnisstand Du verfügst.
- War umgangssprachlich ausgedrückt. Sollte eigentlich meinen Kenntnisstand darstellen.
Meine zweite Frage: Wieso zeigt der Internet Explorer unter den beiden Bildern (banner.PNG und logo.PNG) jeweils einen 3px hohen Freiraum? Im Mozilla Firefox wird dieser Freiraum (so wie es auch eigentlich sein soll) nicht angezeigt.
Entweder einer der Three-Pixel-Bugs, oder aber Ober- oder Unterlängen für den Text, der in dem Bereich erwartet werden kann.
- Letzteres offensichtlich. Fehler ist behoben.
Vielen, vielen dank soweit!
Eine Frage hätte ich da aber noch...
Wie öffne ich am besten ein Pop-up-Fenster?
Variante 1:
<a href="popup.htm" onclick="window.open(this.href,'Titel des Pop-ups','width=820,height=500,left=100,top=100'); return false;" title="Öffnet ein neues Fenster mit dem Kursplan in tabellarischer Form">Tabellen-Ansicht</a>Variante 2:
<a rel="pop820x500" href="popup.htm" title="Öffnet ein neues Fenster mit dem Kursplan in tabellarischer Form">Tabellen-Ansicht</a>Freundliche Grüße,
blubb76-
Mahlzeit,
Variante 2:
<a rel="pop820x500" href="popup.htm" title="Öffnet ein neues Fenster mit dem Kursplan in tabellarischer Form">Tabellen-Ansicht</a>Habe ich irgendwas nicht mitbekommen? Wie soll dieser Link ein Popup-Fenster öffnen? Die Benutzung des "rel"-Attributs lässt mich auf sowas ähnliches wie lightbox schließen ...
MfG,
EKKi--
sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|-
Variante 2:
<a rel="pop820x500" href="popup.htm" title="Öffnet ein neues Fenster mit dem Kursplan in tabellarischer Form">Tabellen-Ansicht</a>Habe ich irgendwas nicht mitbekommen? Wie soll dieser Link ein Popup-Fenster öffnen? Die Benutzung des "rel"-Attributs lässt mich auf sowas ähnliches wie lightbox schließen ...
Habe ich auf einer anderen Webseite gefunden und da es dort so schön funktioniert hat dachte ich ich frag mal nach... Ich benutze also Variante 1...
MfG, blubb76
-
Mahlzeit,
Variante 2:
<a rel="pop820x500" href="popup.htm" title="Öffnet ein neues Fenster mit dem Kursplan in tabellarischer Form">Tabellen-Ansicht</a>Habe ich irgendwas nicht mitbekommen? Wie soll dieser Link ein Popup-Fenster öffnen? Die Benutzung des "rel"-Attributs lässt mich auf sowas ähnliches wie lightbox schließen ...
Habe ich auf einer anderen Webseite gefunden und da es dort so schön funktioniert hat dachte ich ich frag mal nach...Du hast es also (noch) nicht bei Dir ausprobiert? Sonst hättest Du wohl bemerkt, dass es so (ohne Weiteres) nicht klappen KANN ...
MfG,
EKKi--
sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|-
Mahlzeit,
Du hast es also (noch) nicht bei Dir ausprobiert? Sonst hättest Du wohl bemerkt, dass es so (ohne Weiteres) nicht klappen KANN ...
Hmm... dachte das hätte ich... habs jetzt nochmal ausprobiert, natürlich funktioniert das nicht... war gestern abend zu spät ;-)
Also hat sich auch diese Frage erledigt =)
blubb76
-
-
-
-
Hallo blubb76,
Wie öffne ich am besten ein Pop-up-Fenster?
Kommt drauf an. Was ist für Dich ein "Pop-up-Fenster"?
Variante 1:
<a href="popup.htm" onclick="window.open(this.href,'Titel des Pop-ups','width=820,height=500,left=100,top=100'); return false;" title="Öffnet ein neues Fenster mit dem Kursplan in tabellarischer Form">Tabellen-Ansicht</a>JavaScript ist für alles gut, was unnötig ist - oder wo Du eine Fallback-Möglichkeit berücksichtigt. Dein Beispiel öffnet, wenn JavaScript nicht zur Verfügung steht, das Dokument popup.htm im gleichen Fenster. Darum sollte dieses über eine komplette Navigation verfügen. Denk bitte da dran!
Viele Grüße,
Marc. -
Hi,
text-align: center; /* Zentrierung im Internet Explorer */
Nur im Quirks-Mode, den bei Deinem DOCTYPE nur IE 5.x verwendet.- Also drinlassen, oder rausnehmen?
den Kommentar anpassen. Oder rausnehmen, wenn Du auf die Befindlichkeiten des IE 5.x pfeifst.
Aber die Grafik ist tatsächlich 802px breit
Sie ist 802 Pixel breit, nicht 802px Pixel.
- Kann ich gerne ändern. Hatte ich so aus dem [ref:http://de.selfhtml.org/css/layouts/mehrspaltige.htm#kopf_fuss@title=SELFHTML-Beispiel] übernommen.
Merke: Man sagt, nichts sei vollkommen. Viele Vorlagen sind es aber doch: Vollkommen am individuellen Anwendungsfall vorbei. In diesem Fall würde ich aber sagen, dass die Vorlage an jedem Anwendungfall vorbei ist.
Also, zu Anfang: Ich bin kein Profi in Sachen HTML.
[...]
- War umgangssprachlich ausgedrückt. Sollte eigentlich meinen Kenntnisstand darstellen.
Ich weiß. Auf den Begriff "Profi" reagiere ich aber pawlowsch, nicht zuletzt wegen Formulierungen wie "Das kann bestimmt nur ein echter Profi lösen" (was ist denn dann ein unechter Profi? Einer, der es beruflich macht, aber kein Geld dafür nimmt? Komischerweise suchen die Leute, die nach "echten" Profis rufen, immer den (nach dieser Definition) unechten).
Wie öffne ich am besten ein Pop-up-Fenster?
Am besten gar nicht. Nur wenn es unumgänglich ist, nach der Variante 1, der Du ein target="_blank" hinzufügst. Bitte grundsätzlich zu vermeiden versuchen.
Variante 2:
<a rel="pop820x500" href="popup.htm" title="Öffnet ein neues Fenster mit dem Kursplan in tabellarischer Form">Tabellen-Ansicht</a>Hier sehe ich nichts, was auf ein Popup schließen lässt. Woher hast Du den Code? Welche JavaScript-Bibliotheken werden dazu mitgeliefert?
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes
-
-
Hi,
mal ganz abgesehen von Deinem Problem eine Nachfrage:
<div id="banner">
<img src="bilder/banner.PNG" border="0" height="60px" width="802px" alt="Banner">handelt es sich hier wirklich um einen Werbebanner?
Wenn ja, warst du sehr freundlich zu den Nutzern von Werbeblockern. Wenn nicht, solltest Du Dich über diesen Begriff informieren und vielleicht doch besser einen zutreffenderen wählen.freundliche Grüße
Ingo
