nicht angemeldet
1. Doctypes metzeln CSS-Formate 2.formatierte Doclinks?
Liebe selfhtmler,
Ich habe gleich zwei Probleme, die ich endlich lösen möchte um mein neues Layout realisieren zu können:
1. Mit
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
führt auch Netscape den Befehl <a href="#top"> aus, mit
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
ignoriert er ihn jedoch.
Mit
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
konnte ich aber ein anderes Problem beheben, das unter
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
beim Ausrichten von Grafiken auftrat.
Das Problem habe ich unter http://www.alexberlin.de/dummy/dummy2.html dargelegt.
2. Die CSS-Formatierung
#fenster a:link,#fenster a:visited,#fenster a:active { color:#000080;text-decoration:underline; }
wirkt sich leider in keinster Weise auf Links aus, die mit Grafiken realisiert sind und z.B. <a href="#top">
enthalten. Das sieht sehr unschön aus und es muss doch eine Möglichkeit geben, auch diese Links zu formatieren!
Das Problem habe ich auf http://www.alexberlin.de/dummy/dummy.html dargelegt.
Bitte schaut Euch die Seiten einmal an, ich habe das Problem auf den Seiten jeweils nochmal dargelegt.
Danke im Vorraus
*Alex*
-
Hi,
führt auch Netscape den Befehl <a href="#top"> aus
es gibt in HTML und CSS keine Befehle, und es kann auch nichts ausgeführt werden. Was also meinst Du?
- Die CSS-Formatierung
#fenster a:link,#fenster a:visited,#fenster a:active { color:#000080;text-decoration:underline; }
wirkt sich leider in keinster Weise auf Links aus, die mit Grafiken realisiert sind und z.B. <a href="#top">
enthalten.
Doch, tut es. Möglicherweise erwartest Du allerdings etwas anderes als das, was sich ergeben muss. Dir ist bewusst, dass Grafiken kein Text sind?
Das Problem habe ich auf http://www.alexberlin.de/dummy/dummy.html dargelegt.
Da Du dort den IE erwähnst: Der betrachtet beim visited-Status keine Fragment Identifier.
Du solltest übrigens einen DOCTYPE verwenden, bei dem übliche Browser den Quirks-Mode verlassen. Vermutlich wirst Du dann weitere Verhaltensänderungen feststellen.
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 Cheatah
es gibt in HTML und CSS keine Befehle, und es kann auch nichts ausgeführt werden. Was also meinst Du?
Ja, es ist nicht immer leicht zu sagen was man meint.
Ich meinte mit Netscape funktioniert ein Link wie <a href="#top"> unter <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> nicht mehr.- Die CSS-Formatierung
#fenster a:link,#fenster a:visited,#fenster a:active { color:#000080;text-decoration:underline; }
wirkt sich leider in keinster Weise auf Links aus, die mit Grafiken realisiert sind und z.B. <a href="#top">
enthalten.
Doch, tut es. Möglicherweise erwartest Du allerdings etwas anderes als das, was sich ergeben muss. Dir ist bewusst, dass Grafiken kein Text sind?
»»
Naja, ich bin davon ausgegangen, dass es sich in CSS genauso verhält wie in HTML, wo die Grafiken, wenn sie Links sind einen Rahmen in genau der Farbe bekommen, die im BODY TAG angegeben sind.Da Du dort den IE erwähnst: Der betrachtet beim visited-Status keine Fragment Identifier.
»»
Was ist ein Fragment Identifier und was bedeutet das für mich?Du solltest übrigens einen DOCTYPE verwenden, bei dem übliche Browser den Quirks-Mode verlassen. Vermutlich wirst Du dann weitere Verhaltensänderungen feststellen.
Jetzt habe ich wirklich nur noch das Gefühl Bahnhof zu verstehen:
Was ist Quirks-Mode und das alles? Muss man so tief in die Technik um ein paar einfache Formatierungen durchzusetzen?Wäre Dir über ein ausführlicheres Posting, meinem Anfängertum geschuldet dankbar...
Grüße
*Alex*
-
Moin!
Ich meinte mit Netscape funktioniert ein Link wie <a href="#top"> unter <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> nicht mehr.
??? -> define('Netscape')!
MFFG (Mit freundlich- friedfertigem Grinsen)
fastix®
--
Als Freiberufler bin ich immer auf der Suche nach Aufträgen: Schulungen, Seminare, Training, Development-
Hallo
Ich meinte mit Netscape funktioniert ein Link wie <a href="#top"> unter <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> nicht mehr.
??? -> define('Netscape')!
Netscape Navigator 7.1
leider habe ich nicht noch andere Browser zum Testen...in http://de.selfhtml.org/html/verweise/projektintern.htm#anker heißt es übrigens:
"Einige Browser, z.B. der Internet Explorer, kennen auch "intern reservierte" Ankernamen wie top."
Was irgendwie impliziert, das Netscape das nicht könnte. Kann er aber doch - mit dem alten Doctype...Rätsel über Rätsel
*Alex*
-
Moin!
in http://de.selfhtml.org/html/verweise/projektintern.htm#anker heißt es übrigens:
"Einige Browser, z.B. der Internet Explorer, kennen auch "intern reservierte" Ankernamen wie top."
Was irgendwie impliziert, das Netscape das nicht könnte. Kann er aber doch - mit dem alten Doctype...Na. Die Lösung für dieses 'Problem' ist ja wohl ganz einfach.
oder <div style="display:none" id="top">Womöglich ist die "interne Reservierung", die vielleicht noch in 3.2 vorgesehen war, in HTML 4 rausgeflogen.
MFFG (Mit freundlich- friedfertigem Grinsen)
fastix®
--
Als Freiberufler bin ich immer auf der Suche nach Aufträgen: Schulungen, Seminare, Training, Development-
Hallo
Na. Die Lösung für dieses 'Problem' ist ja wohl ganz einfach.
oder <div style="display:none" id="top">Ganz so einfach ist es nun doch nicht -> siehe mein Posting zu Cheatah:https://forum.selfhtml.org/?t=113749&m=722667.
freundliches zwinkern
*Alex*
-
-
-
-
Hi,
Ich meinte mit Netscape funktioniert ein Link wie <a href="#top"> unter <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> nicht mehr.
unter welchem Netscape? Hast Du ein korrelierendes <a name="top">, oder verwendest Du <irgendwas id="top">?
Naja, ich bin davon ausgegangen, dass es sich in CSS genauso verhält wie in HTML, wo die Grafiken, wenn sie Links sind einen Rahmen in genau der Farbe bekommen, die im BODY TAG angegeben sind.
Genau das passiert auch. Für den IE musst Du eventuell noch irgend welche Workarounds schreiben, wie z.B. die Rahmenfarbe des <img> setzen.
Da Du dort den IE erwähnst: Der betrachtet beim visited-Status keine Fragment Identifier.
Was ist ein Fragment Identifier und was bedeutet das für mich?Ein Fragment Identifier ist der Teil der URL, der durch "#" abgetrennt wird. Was es für Dich bedeutet, darfst Du Dir selbst überlegen; es ist etwas, das man zumindest wissen sollte.
Jetzt habe ich wirklich nur noch das Gefühl Bahnhof zu verstehen:
Was ist Quirks-Mode und das alles?Nimm's mir bitte nicht übel - aber wenn Du etwas nicht vestehst, sollte Dein erster Weg zu einer geeigneten Suchmaschine führen, beispielsweise Google oder (natürlich) auch die Archivsuche dieses Forums. Wenn jemand einen Begriff wie selbstverständlich verwendet, ist es vermutlich einer, den man finden kann.
Muss man so tief in die Technik um ein paar einfache Formatierungen durchzusetzen?
Webtechnologie ist ein komplexes Thema. Der Begriff "Grundwissen" ist in diesem Bereich schon lange nicht mehr identisch mit "ich weiß, wie man Zeichen tippt und mit der Maus auf etwas klickt". Mittlerweile ist das Thema so umfangreich, dass man sogar über die nationale und internationale Gesetzeslage informiert sein sollte - ich warte darauf, dass irgend eine Uni einen eigenständigen Studiengang anbietet. Es sind nicht "ein paar einfache Formatierungen".
Wäre Dir über ein ausführlicheres Posting, meinem Anfängertum geschuldet dankbar...
Ich bin so ausführlich wie Du möchtest. Wirklich, das bin ich. Allerdings erwarte ich dafür eine Gegenleistung von Dir: Du muss so viel "self" wie möglich zeigen. Wenn ich sehe, dass Du meine Antworten und Bemerkungen umsetzt, steht Dir mein gesamtes Wissen und meine komplette Erfahrung zur Verfügung. Je mehr von Dir kommt, umso mehr kommt von mir.
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 Cheatah
Danke, dass Du mir so ausführlich antwortest.
unter welchem Netscape?
Netscape Navigator 7.1
Hast Du ein korrelierendes <a name="top">, oder verwendest Du <irgendwas id="top">?
Nein, ich habe es damit versucht ein <a name="top"></a> direkt unter den BODY-TAG zu setzen, damit sich der Verweis darauf beziehen kann, leider springen beide Browser, die ich probiert habe dann nicht ganz nach oben, sondern genau an die Oberkante meiner Navigationslaschen, was ziemlich doof aussieht.
Beide Browser können aber mit dem alten Doctype beim Klick auf den Verweis bis ganz nach oben springen. Ich finde es merkwürdig, dass das in der NEUEREN Version nicht mehr passiert...Naja, ich bin davon ausgegangen, dass es sich in CSS genauso verhält wie in HTML, wo die Grafiken, wenn sie Links sind einen Rahmen in genau der Farbe bekommen, die im BODY TAG angegeben sind.
Genau das passiert auch. Für den IE musst Du eventuell noch irgend welche Workarounds schreiben, wie z.B. die Rahmenfarbe des <img> setzen.
Das wollte ich deshalb nicht machen, weil es sich ja auf alle images auswirkt, nicht nur auf die Links.
Da Du dort den IE erwähnst: Der betrachtet beim visited-Status keine Fragment Identifier.
Was ist ein Fragment Identifier und was bedeutet das für mich?Ein Fragment Identifier ist der Teil der URL, der durch "#" abgetrennt wird. Was es für Dich bedeutet, darfst Du Dir selbst überlegen; es ist etwas, das man zumindest wissen sollte.
Ah Danke - da musste ich jetzt nicht erstmal ewig suchen. Ist schon doof, wenn man jedes Fachwort erst nachschlagen muss, aber Du kannst natürlich auch nicht wissen, wovon ich noch nichts gehört habe..
Du meinst also die angezeigte Seite ist für den IE "visited" und die Formatierung #fenster a:visited{color:...} versteht er nicht, da es sich um einen Fragment-Identifier handelt. Gott, ist das kompliziert!
Sollte ich dann nicht einfach die Formatierung für die #fenster Anker durch "oldschool"-Angaben im Body Tag ersetzen?Muss man so tief in die Technik um ein paar einfache Formatierungen durchzusetzen?
Webtechnologie ist ein komplexes Thema. Der Begriff "Grundwissen" ist in diesem Bereich schon lange nicht mehr identisch mit "ich weiß, wie man Zeichen tippt und mit der Maus auf etwas klickt". Mittlerweile ist das Thema so umfangreich, dass man sogar über die nationale und internationale Gesetzeslage informiert sein sollte - ich warte darauf, dass irgend eine Uni einen eigenständigen Studiengang anbietet. Es sind nicht "ein paar einfache Formatierungen".
Darüber sollte man vielleicht mal ein philosophischen Disurs abhalten :))). Wäre dem durchaus nicht abgeneigt, allerdings versuche ich zunächst die konkreten Probleme zu lösen.
Ich bin so ausführlich wie Du möchtest. Wirklich, das bin ich. Allerdings erwarte ich dafür eine Gegenleistung von Dir: Du muss so viel "self" wie möglich zeigen. Wenn ich sehe, dass Du meine Antworten und Bemerkungen umsetzt, steht Dir mein gesamtes Wissen und meine komplette Erfahrung zur Verfügung. Je mehr von Dir kommt, umso mehr kommt von mir.
Danke
*Alex*
-
Hallo,
Für den IE musst Du eventuell noch irgend welche Workarounds schreiben, wie z.B. die Rahmenfarbe des <img> setzen.
Das wollte ich deshalb nicht machen, weil es sich ja auf alle images auswirkt, nicht nur auf die Links.
Beschäftige Dich unbedingt mit "Selektoren" (und bleibe nicht bei den einfachen Selektoren stehen). Sie gehören zum kleinen Einmaleins von CSS.
Bei Deiner Beschäftigung mit den Selektoren wirst Du auch auf den "Nachfahrenselektor" stoßen, mit dem Du die Bilder innerhalb Deiner Links anders formatieren kannst als andere Bilder.
Viele Grüße
Carsten -
Hallo,
Hast Du ein korrelierendes <a name="top">, oder verwendest Du <irgendwas id="top">?
Nein, ich habe es damit versucht ein <a name="top"></a> direkt unter den BODY-TAG zu setzen, damit sich der Verweis darauf beziehen kann, leider springen beide Browser, die ich probiert habe dann nicht ganz nach oben, sondern genau an die Oberkante meiner Navigationslaschen, was ziemlich doof aussieht.Dann sorge dafür, daß diese Elemente keinen Abstand mehr zur Oberkannte des Browserfensters haben (daran denken, daß "body" je nach Browser noch ein Default-margin/-padding hat).
Viele Grüße
Carsten
-
-
- Die CSS-Formatierung
- Die CSS-Formatierung
-
Moin!
#fenster a:link,#fenster a:visited,#fenster a:active { color:#000080;text-decoration:underline; }
wirkt sich leider in keinster Weise auf Links aus, die mit Grafiken realisiert sind und z.B. <a href="#top">Das ist doch sonnenklar. Grafiken werden damit nicht ungefärbt! color meint Textfarbe!
Und es sind _alle_Links betroffen, nicht nur die auf Anker oder IDs betroffen.enthalten. Das sieht sehr unschön aus und es muss doch eine Möglichkeit geben, auch diese Links zu formatieren!
Natürlich. Ersetze Deine Grafiken durch eine durchsichtige und die sichtbare Grafik in den Hintergrund. Im Stylesheet musst Du jetzt festlegen, dass die Hintergrundgrafik mit geändert wird. Alternativ kannst die Grafiken auch sozusagen als Maske in der Hintergrundfarbe anfertigen und den durchsichtigen Bereich via Hintergrundfarbe ändern. Das geht sogar schneller...
MFFG (Mit freundlich- friedfertigem Grinsen)
fastix®
--
Als Freiberufler bin ich immer auf der Suche nach Aufträgen: Schulungen, Seminare, Training, Development-
Hallo
#fenster a:link,#fenster a:visited,#fenster a:active { color:#000080;text-decoration:underline; }
wirkt sich leider in keinster Weise auf Links aus, die mit Grafiken realisiert sind und z.B. <a href="#top">
Das ist doch sonnenklar. Grafiken werden damit nicht ungefärbt! color meint Textfarbe!Ähm, mit Verlaub: sie bekommen eben doch einen farbigen Link-Rahmen, genauso, wie man das von HTML gewohnt ist, wenn im BODY-TAG eine Linkfarbe angegeben wurde.
Wenn man das in altem HTML so einfach definieren konnte, dann sollte das doch auch in CSS möglich sein ohne:Natürlich. Ersetze Deine Grafiken durch eine durchsichtige und die sichtbare Grafik in den Hintergrund. Im Stylesheet musst Du jetzt festlegen, dass die Hintergrundgrafik mit geändert wird. Alternativ kannst die Grafiken auch sozusagen als Maske in der Hintergrundfarbe anfertigen und den durchsichtigen Bereich via Hintergrundfarbe ändern. Das geht sogar schneller...
Wo doch CSS so mächtig ist.
Und es sind _alle_Links betroffen, nicht nur die auf Anker oder IDs betroffen.
Ich weiß natürlich nicht, was Du im Browser siehst, wenn Du die Beispiele betrachtest, aber mit meinem Internet Explorer6.0 sind die Grafik-Links auf ANDERE Domains anders gefärbt als die auf die eigene.
Trotzdem danke, hast Du eine Idee zu meinem anderen Problem mit den float: ausgerichteten Grafiken innerhalb einer div-Rahmenlinie?
Liebe Grüße
*Aex*-
Hi,
mit meinem Internet Explorer6.0
führe Deine Primärtests mit einem Gecko-basierten Browser wie Mozilla oder Firefox aus. Die Ergebnisse des IE sind erst in zweiter Linie relevant, in erster Linie aber störend.
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 -
Moin!
Das ist doch sonnenklar. Grafiken werden damit nicht ungefärbt! color meint Textfarbe!
Ähm, mit Verlaub: sie bekommen eben doch einen farbigen Link-Rahmen, genauso, wie man das von HTML gewohnt ist, wenn im BODY-TAG eine Linkfarbe angegeben wurde.Den meinst Du? Woher soll ich das wissen... Wenn Du den meinst, dann schreib es doch bitte gleich hin.
Natürlich. Ersetze Deine Grafiken durch eine durchsichtige und die sichtbare Grafik in den Hintergrund. Im Stylesheet musst Du jetzt festlegen, dass die Hintergrundgrafik mit geändert wird. Alternativ kannst die Grafiken auch sozusagen als Maske in der Hintergrundfarbe anfertigen und den durchsichtigen Bereich via Hintergrundfarbe ändern. Das geht sogar schneller...
Wo doch CSS so mächtig ist.Das Umfärben nichtdurchsichtiger Bereiche von Grafiken wäre wohl etwas übertrieben.
Ich weiß natürlich nicht, was Du im Browser siehst, wenn Du die Beispiele betrachtest, aber mit meinem Internet Explorer6.0 sind die Grafik-Links auf ANDERE Domains anders gefärbt als die auf die eigene.
Einfacher Grund: Ein Internet Explorere meint, ein Link sei "visited", wenn sich die Seite im Cache befindet. Dann und genau dann...
Schaltest Du den Cache ab, dann ist aus Sicht des IE nie irgendetwas besucht.
Darüber hinaus habe ich eine Farbschwäche. Farbliche Differenzen, die Dir vielleicht auffallen, kann ich nicht wirklich gut erkennen, besonders wenn die Bereiche schmal und dunkel sind.
[http://http://wellstyled.com/tools/colorscheme/index-en.html]
Unten ist ein Selector für verschiedene verbreitete Fehlsichtigkeiten im Farbbereich. Sicher auch für Dich hilfreich.MFFG (Mit freundlich- friedfertigem Grinsen)
fastix®
--
Als Freiberufler bin ich immer auf der Suche nach Aufträgen: Schulungen, Seminare, Training, Development-
Moin!
http://wellstyled.com/tools/colorscheme/index-en.html
Unten ist ein Selector für verschiedene verbreitete Fehlsichtigkeiten im Farbbereich. Sicher auch für Dich hilfreich.Man sollte die Vorschau nehmen...
MFFG (Mit freundlich- friedfertigem Grinsen)
fastix®
--
Als Freiberufler bin ich immer auf der Suche nach Aufträgen: Schulungen, Seminare, Training, Development
-
-
-
-
Mit dem alten DOCTYPE gehts besser
Tja, da habe ich beim Probieren so Einiges herausbekommen und auch eine Lösung für meine Probleme gefunden.
Allerdings eine, die den Cracks hier garantiert nicht schmeckt:
Ich ändere den DOCTYPE wieder von
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
in
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
Warum?
Weil mir Netscape dann gehorcht und <a href="#top"> versteht.Den Nachteil der verschobenen Rahmenlinie habe ich trotzdem nicht mehr -> die Lösung ist einfach für das #fenster width:100% anzugeben.
Das war zu einfach, als das man darauf hätte kommen können.Die ungehorsamen Linkrahmen um meine Grafiken habe ich durch "oldschool"-Angaben der Linkfarben im Body-Tag behoben, die dann als default-Einstellungen wirken, auch wenn die Linkfarbe mit #fenster a:link, visited, usw. anders definiert ist.
Was bleibt ist eine gewisse Enttäuschung, viel Arbeit in die Umstellung auf HTML 4.01 gesteckt zu haben, nur um festzustellen, dass dadurch so einfache und nützliche features wie <a href="#top"> wegfallen ohne dass irgendein Ersatz geboten wird.
Ich glaube auch, dass mein Grafik-Link Problem mit verschachtelten Style-Sheets lösbar wäre, aber wenn ich eh mit dem alten HTML arbeiten muss kann mir das ja vollkommen egal sein.Ich lasse die Beispiele noch ein wenig im Netz, wer eine HTML 4.01 konforme Lösung findet kann sie mir ja mitteilen und mich davon überzeugen, dass die Entwicklung von HTML doch einen Fortschritt bringt und ich nicht für immer den Code aus der Arche-Noah benutzen muss.
Viele Grüße an dieses wunderbare Forum!
*Alex*
-
Hi,
Mit dem alten DOCTYPE gehts besser
weil in diesem _sehr_ alten HTML-Standard CSS noch keine Alternative bot und es noch wenig Seiten gab, die sich wirklich an die W3C-Empfehlungen hielten und die damals im Einsatz befindlichen Browser IE und Netscape (nicht zu vergleichen mit den Versionen nach 4.x) diverse browserspezifische Lösungen anboten.
Weil mir Netscape dann gehorcht und <a href="#top"> versteht.
Wei Carsten Dir schon gesagt hatte, ist das keine universell brauchbare Lösung. Eine solche wurde Dir in diesem Thread jedoch auch schon aufgezeigt.
Die ungehorsamen Linkrahmen um meine Grafiken habe ich durch "oldschool"-Angaben der Linkfarben im Body-Tag behoben, die dann als default-Einstellungen wirken, auch wenn die Linkfarbe mit #fenster a:link, visited, usw. anders definiert ist.
auch hier frage ich mich bzw. Dich, warum Du die angebotene CSS-Lösung nicht umsetzt.
Was bleibt ist eine gewisse Enttäuschung, viel Arbeit in die Umstellung auf HTML 4.01 gesteckt zu haben, nur um festzustellen, dass dadurch so einfache und nützliche features wie <a href="#top"> wegfallen ohne dass irgendein Ersatz geboten wird.
Da fällt nichts weg außer fehlerhafte bzw. browserspezifische Eigenheiten, die bei der Browservielfalt heutzutage ohnehin nutzlos geworden sind.
Und was bedeutet überhaupt Umstellung auf HTML 4.01? Doch nur, daß Du _angefangen_ hast, standardkonformes HTML zu schreiben sowie für die Darstellungseigenschaften CSS zu verwenden. Wenn Du hier nun bei den ersten kleinen Problemen aufgibst, dann war die Arbeit natürlich umsonst - genau wie z.B. ein abgebrochenes Studium, nur weil Dir der Lernsoff doch etwas zu kompliziert erscheint, als ursprünglich angenommen.Ich lasse die Beispiele noch ein wenig im Netz, wer eine HTML 4.01 konforme Lösung findet kann sie mir ja mitteilen und mich davon überzeugen, dass die Entwicklung von HTML doch einen Fortschritt bringt und ich nicht für immer den Code aus der Arche-Noah benutzen muss.
Bitte setze erstmal die schon genannten Tips um, denn bis jetzt zeigt Deine Haltung nur, daß Du nicht bereit bist, zu lernen, sondern nur vorgefertigten Code suchst. Der wird Dir hier aber meist nicht auf dem Silbertablett geliefert, eben damit Du anfängst zu lernen und zu verstehen.
Und verwechsle bitte auch nicht HTML (bzw. den rendering mode) und CSS.freundliche Grüße
Ingo
-
-
Hallo Alex,
Zunächst eine kleine Korrektur:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
führt auch Netscape den Befehl <a href="#top"> aus, mit
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
ignoriert er ihn jedoch.Zu meinst nicht
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
sondern
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">Der erste Doctype löst in den Browsern genauso wie Dein HTML-3.2-Doctype den bereits erwähnten "Quirks Mode" aus, der zweite löst den "Standards Mode" aus.
Der "Standards Mode" ist der erstrebenswertere Darstellungsmodus, da die Browser dann halbwegs das tun, was man jahrelang von ihnen gefordert hat, nämlich den Code entsprechend den Standards zu interpretieren. Mozilla (also Dein Netscape 7) legt hier noch deutlich härtere Maßstäbe an als der IE. Wenn Mozilla im "Standards Mode" etwas nicht wie gewünscht anzeigt, dann läßt das nur eine einzige Schlußfolgerung zu:
Dein Code entspricht nicht Deinen Wünschen!
Womit wir bei Deinem Anker-Problem wären: Damit ein Link zu einem Ziel führt, _muß_ es ein entsprechendes Gegenstück geben. Damit also Dein <a href="#top"> zum Ziel führt, _muß_ es ein entsprechendes <a name="top"> oder <irgendwas id="top"> geben. Und im Standards Mode berücksichtigt Mozilla diese Regel. Daß einige Browser intern #top für den Sprung an den Seitenanfang reserviert, ist deren Eigenmächtigkeit, die aber unter keinen Umständen erwartet werden darf. Mir ist mindestens ein Browser bekannt (weitere habe ich noch nicht ausprobiert), der diese intern reservierte Sprungmarke überhaupt nicht kennt, also auch im "Quirks Mode" nicht. Auf gut Deutsch: Ob es Dir gefällt oder nicht, Du mußt so oder so ein Sprungziel definieren, damit der Link nach oben in allen Browsern funktioniert.
Viele Grüße
Carsten -
Hey
Also für alle anderen hilflosen Anfänger, die mal in diesem Forum nach einer Lösung für dieses Problem suchen:
<a href="#top"> wird in neueren HTML Versionen nicht mehr von allen Browsern unterstützt.Einen Anker direkt unter den BODY-TAG zu legen <a name="top"> führt zu dem Ergebnis, dass der Browser bis zu seinem default Rahmen scrollt und eben nicht bis ganz nach oben.
Meine Lösung:
<body style="padding:0px;margin:0px;">
<a name="top"></a>
<div style="padding:10px;oder sonstige eigene Wünsche">Seiteninhalt
</div>
</body>Es ist eine triviale und pragmatische Lösung und wiederspricht bestimmt ganz grundsätzlichen, wichtigen Philosophien oder ärgert Leute, die in diesem Forum keine Trivialitäten dulden wollen.
Hier gibts halt auch Nicht-Profis und wenn MIR jemand obige Lösung geflüstert hätte, bevor ich mich durch DOCTYPE Dschungel Ratschläge gekämpft hätte, hätte ich ihn abgeknutscht.Ich finde Antworten wie:"Ich weiß, woran es liegt, aber ich sags Dir nicht, weil Du selbst drauf kommen musst" sind wenig hilfreich in einem Forum, dass dazu da ist Hilfe zu bekommen, wenn man fragt:"Bei mir tritt ein Prolem auf, weiß jemand woran das liegt?"
Nur mal so in die Runde
*Alex*
-
Hi,
Meine Lösung:
<body style="padding:0px;margin:0px;">
<a name="top"></a>
<div style="padding:10px;oder sonstige eigene Wünsche">Seiteninhalt
</div>
</body>Es ist eine triviale und pragmatische Lösung und wiederspricht bestimmt ganz grundsätzlichen, wichtigen Philosophien oder ärgert Leute, die in diesem Forum keine Trivialitäten dulden wollen.
Genauso ist es. Wenn tatsächlich stört, daß der Abstand von Body beim Hochscrollen berücksichtigt wird und dieser jedoch beibehalten werden soll, geht das auch ohne ein unnützes DIV:
<a name="top" style="position:absolute; top:0;left:0;"></a>
reicht völlig. Wenn es das Layout zuläßt, kann man auch auf a name verzichten und das oberste Element obenbündig positionieren, seinen Abstand über padding angeben über dieses dann über seine ID anspringen.freundliche Grüße
Ingo-
Hallo Ingo
Genauso ist es. Wenn tatsächlich stört, daß der Abstand von Body beim Hochscrollen berücksichtigt wird und dieser jedoch beibehalten werden soll, geht das auch ohne ein unnützes DIV:
<a name="top" style="position:absolute; top:0;left:0;"></a>Hab ich gerade ausprobiert.
<a name="top"></a>
wird von meinem IE 6.0 korrekt verarbeitet,
bei
<a name="top" style="position:absolute; top:0;left:0;"></a>
passiert leider garnichts.Aber danke für den Tip, sicher geht es auch so irgendwie, wenn man noch ein wenig friemelt.
Schönen Sonntag
*Alex*
-
Hi,
Aber danke für den Tip, sicher geht es auch so irgendwie, wenn man noch ein wenig friemelt.
stimmt - der IE stört sich an den nicht vorhandenen Dimensionen. Mit
<a name="top" style="position:absolute; top:0;left:0; width:1px;"></a>
springt aber auch der IE den Anker an.freundliche Grüße
Ingo-
Hey Ingo
stimmt - der IE stört sich an den nicht vorhandenen Dimensionen.
Mit <a name="top" style="position:absolute; top:0;left:0; width:1px;"></a> springt aber auch der IE den Anker an.Tatsache es fuktioniert!
Das war ja mal endlich ein hilfreicher Tipp!
Also schließe ich mich Deiner Empfehlung an, die Lösung ist besser als meine, insbesondere, weil man den BODY dann auch mit anderen Werten für margin:... und padding:... belegen kann, wenn man möchte.ciao
*Alex*
-
-
-
-
-
Hallo
Hey
Also für alle anderen hilflosen Anfänger, die mal in diesem Forum nach einer Lösung für dieses Problem suchen:
Wenn in einem div-Bereich Grafiken mit float:... ausgerichtet werden kann das bei älteren HTML Versionen dazu führen, dass Rahmenlinien verschoben werden oder andere Box-Modell-Bugs auftreten.
Ich benutze daher zwei Boxen ineinander:
<div style="border:... usw">
<div name="Bugblocker"><img src="" style="float:right"> text text text
<img src="" style="float:left"> text text text
<img src="" style="float:right"> text text text</div>
</div>Es ist eine triviale und pragmatische Lösung und wiederspricht bestimmt ganz grundsätzlichen, wichtigen Philosophien oder ärgert Leute, die in diesem Forum keine Trivialitäten dulden wollen.
Hier gibts halt auch Nicht-Profis und wenn MIR jemand obige Lösung geflüstert hätte, bevor ich mich durch DOCTYPE Dschungel Ratschläge gekämpft hätte, hätte ich ihn abgeknutscht.Ich finde Antworten wie:"Ich weiß, woran es liegt, aber ich sags Dir nicht, weil Du selbst drauf kommen musst" sind wenig hilfreich in einem Forum, dass dazu da ist Hilfe zu bekommen, wenn man fragt:"Bei mir tritt ein Prolem auf, weiß jemand woran das liegt?"
Nur mal so in die Runde
*Alex*
-
Hi!
Ich finde Antworten wie:"Ich weiß, woran es liegt, aber ich sags Dir nicht, weil Du selbst drauf kommen musst" sind wenig hilfreich in einem Forum, dass dazu da ist Hilfe zu bekommen, wenn man fragt:"Bei mir tritt ein Prolem auf, weiß jemand woran das liegt?"
Dir steht es frei, dir ein anderes Forum zu suchen.
Gruß aus Iserlohn
Martin
-
-
Hallo
Also für alle anderen hilflosen Anfänger, die mal in diesem Forum nach einer Lösung für dieses Problem suchen:
Ich hatte meine Links mit CSS derart formatiert:
a {color:#00f}
Und wunderte mich dann, dass Grafische Links, der Art:
<a href=""><img src=""></a>
mit einer ganz anderen Rahmenfarbe versehen wurden.
Besonders verwirrend: Die Rahmenfarbe war scheinbar unterschiedlich bei Links auf Anker auf der selben Seite und Links auf andere Seiten (Das lag daran, dass der IE Links auf Anker derselben Seite als "visited" interpretierte).CSS ist eben ganz toll und man kann mit verschachtelten Selektoren:
a img {border-style:solid;border-width:2px;border-color:#f00;... usw}
diese Sorte Links ganz separat formatieren.
Ich weiß, das steht, anhand anderer, teilweise für Anfänger nicht leicht zu übertragenden Beispielen, auch in selfhtml. Und man soll ja hier im Forum nix sagen, was man auch sonstwo nachlesen könnte, weil dann die Leute zu faul werden HTML zu lernen.
Ich glaube, dass letzteres ein psychologischer Trugschluss ist, den gerne diejenigen Leute begehen, denen ihr Mehr-Wissen einen Zugewinn an Selbstwertgefühl vermittelt.
In diesem Forum sollte Hilfe geboten werden und einfache Dinge könnten durchaus weniger kryptisch beschrieben werden. Ich glaube, ich spreche da im Namen so einiger Nicht-Profis.
Danke an alle!
*Alex*