Firefox-Bug oder mein Fehler?

[Miikku]

Wenn ich den folgenden Quelltext auf meinem PC lokal vom Browser parsen lasse, ist alles normal. Wenn ich ihn aber auf meiner Internetdomain a.9li.de laufen lasse, kommt nur Mist dabei heraus. Hier der Quelltext: <a class="carda" href="...........?a=4"><div class="card" onclick="location.href='...........?a=4';"><div><img class="ccthumb" /></div></div></a> <a class="carda" href="...........?a=5"><div class="card" onclick="location.href='...........?a=5';"><div><img class="ccthumb" /></div></div></a> <a class="carda" href="...........?a=7"><div class="card" onclick="location.href='...........?a=7';"><div><img class="ccthumb" /></div></div></a> <a class="carda" href="...........?a=8"><div class="card" onclick="location.href='...........?a=8';"><div><img class="ccthumb" /></div></div></a> <a class="carda" href="...........?a=6"><div class="card" onclick="location.href='...........?a=6';"><div><img class="ccthumb" /></div></div></a> <a class="carda" href="...........?a=3"><div class="card" onclick="location.href='...........?a=3';"><div><img class="ccthumb" /></div></div></a> Und hier ein Link zu der Seite, wo das bei mir Fehler ergibt: http://a.9li.de/produkte2.php

Der Fehler ist eigentlich nur, dass mein Browser (nur bei Firefox, aber egal unter welchem OS) einen der "a"-Tags falsch interpretiert. Er macht einfach aus heiterem Himmel nicht den ganzen "div"-Tag als Link, sondern nur die einzelnen Teile innerhalb dessen, was zur Folge hat, dass die Maus nur über den einzelnen Teilen, nicht aber über dem ganzen, zum "pointer" wird. Das alleine wäre ja noch zu verkraften, aber er macht es nur bei dem 2. und dem letzten, obwohl diese keinerlei Hervorhebung genießen!

Ich bin total am Ende mit meinem Latein (kein Wunder, ich fange auch gerade erst an Latein zu lernen ;) ) und weiß nicht, ob ich den "Bug" bei Mozilla einschicken soll, oder nicht.

PS: Wenn jemand gute Latein-Bücher empfehlen kann wäre ich auch dankbar :)

MfG,
Miikku

[Gunnar Bittersmann]

@@Miikku:

nuqneH

Ich bin total am Ende mit meinem Latein (kein Wunder, ich fange auch gerade erst an Latein zu lernen ;) ) und weiß nicht, ob ich den "Bug" bei Mozilla einschicken soll, oder nicht.

Der Fehler steckt bei deir, in deinem Markup. Frag den Validator.

'a' darf in HTML 4/XHTML 1 keine Blockelemente enthalten, also kein 'div'.

PS: Wenn jemand gute Latein-Bücher empfehlen kann wäre ich auch dankbar :)

http://www.edition-w3c.de/TR/1999/REC-html401-19991224/

Qapla'

[Miikku]

Der Fehler steckt bei deir, in deinem Markup. Frag den Validator.

'a' darf in HTML 4/XHTML 1 keine Blockelemente enthalten, also kein 'div'.

Okay, danke! Das ist allerdings nicht wirklich praktisch für mich... Wie macht man denn dann flächendeckende Links? Geht das nur mit Javascript?

PS: Wenn jemand gute Latein-Bücher empfehlen kann wäre ich auch dankbar :)

http://www.edition-w3c.de/TR/1999/REC-html401-19991224/

Oh danke, das ist auch nett, aber ich meinte eigentlich das echte altrömische Latein :)

MfG,
Miikku

[Der Martin]

Hallo,

'a' darf in HTML 4/XHTML 1 keine Blockelemente enthalten, also kein 'div'.
Okay, danke! Das ist allerdings nicht wirklich praktisch für mich... Wie macht man denn dann flächendeckende Links? Geht das nur mit Javascript?

nein, das geht allein mit HTML und CSS, indem man das a-Element zum Blockelement umstylt und ihm die gewünschte Breite und Höhe zuweist. Natürlich darf dieser Link dann immer noch keine HTML-Blockelemente enthalten, aber das ist auch meistens gar nicht nötig.

http://www.edition-w3c.de/TR/1999/REC-html401-19991224/
Oh danke, das ist auch nett, aber ich meinte eigentlich das echte altrömische Latein :)

Oh, das hätte ich in dem Kontext auch falsch verstanden.
Du bist also auf dem Weg zum kleinen oder großen Latrinum?

Ciao,
 Martin

[Miikku]

Du bist also auf dem Weg zum kleinen oder großen Latrinum?

Weder noch, ich brauche es lediglich als 2. Fremdsprache für das Abi, auf das ich mich selbständig (also ohne Schule) vorbereite. Kann also leider kein Latinum erwarten :/ (außer ich brauche das explizit für das Studium, dann könnte ich wohl eine extra Prüfung ablegen).

[Miikku]

Sorry wegen der "Doppelantwort", hatte das bei der vorigen Antwort vergessen.

Okay, danke! Das ist allerdings nicht wirklich praktisch für mich... Wie macht man denn dann flächendeckende Links? Geht das nur mit Javascript?

nein, das geht allein mit HTML und CSS, indem man das a-Element zum Blockelement umstylt und ihm die gewünschte Breite und Höhe zuweist. Natürlich darf dieser Link dann immer noch keine HTML-Blockelemente enthalten, aber das ist auch meistens gar nicht nötig.

Das ist zwar sozusagen ein leichter Trost, aber hilft mir noch nicht ganz aus der Misere. Innerhalb des "a"-Tags kommt bei mir nämlich z.B. ein Bereich vor, der einfarbig ist und eine in Pixeln definierte Fläche umfasst.

MfG,
Miikku

[ChrisB]

Hi,

nein, das geht allein mit HTML und CSS, indem man das a-Element zum Blockelement umstylt und ihm die gewünschte Breite und Höhe zuweist. Natürlich darf dieser Link dann immer noch keine HTML-Blockelemente enthalten, aber das ist auch meistens gar nicht nötig.

Das ist zwar sozusagen ein leichter Trost, aber hilft mir noch nicht ganz aus der Misere. Innerhalb des "a"-Tags kommt bei mir nämlich z.B. ein Bereich vor, der einfarbig ist und eine in Pixeln definierte Fläche umfasst.

Ja, und?
Dieser „Bereich“, was auch immer er darstellen soll, wird kein Block-Element sein müssen.

MfG ChrisB

[fastix®]

Moin!

Ja, und?
Dieser „Bereich“, was auch immer er darstellen soll, wird kein Block-Element sein müssen.

ChrisB meint damit Inline-Blöcke wie img oder span sind erlaubt. Und wie die dann aussehen kann über CSS bestimmt werden. Z.B. kann  man man Inline-Blöcke wie img, a, span durch ein "display:block" im Stylesheet zu einem Block machen, aber Block-Elemente wie div, p, h1 durch ein "display:inline-block" auch zu einem solchen...

MFFG (Mit freundlich- friedfertigem Grinsen)

fastix

[Marc]

Hallo fastix,

Ja, und?
Dieser „Bereich“, was auch immer er darstellen soll, wird kein Block-Element sein müssen.

ChrisB meint damit Inline-Blöcke wie img oder span sind erlaubt.

Das glaube ich nicht. Er meint sicher, dass inline-Elemente wie span oder inline-block-Elemente wie img erlaubt sind. :-)

MFFG (Mit freundlich- friedfertigem Grinsen)

Zu viel Dope? :-}

Viele Grüße,
Marc.

[MudGuard]

Hi,

ChrisB meint damit Inline-Blöcke wie img oder span sind erlaubt.

Das glaube ich nicht. Er meint sicher, dass inline-Elemente wie span oder inline-block-Elemente wie img erlaubt sind. :-)

Das glaube ich nicht. Er meint eher, daß inline-Elemente erlaubt sind - HTML *) kennt kein inline-block.
Ob diese HTML-inline-Elemente aus CSS-Sicht (per default) non-replaced inline elements wie span oder replaced inline elements wie img sind, oder ob diese per CSS zu inline-block, block oder sonstwas gemacht werden, ist der HTML-Spec ziemlich egal.

*) ich meine normales (X)HTML, nicht das unausgegorene HTML5-Zeug

cu,
Andreas

[Miikku]

Das ist zwar sozusagen ein leichter Trost, aber hilft mir noch nicht ganz aus der Misere. Innerhalb des "a"-Tags kommt bei mir nämlich z.B. ein Bereich vor, der einfarbig ist und eine in Pixeln definierte Fläche umfasst.

Ja, und?
Dieser „Bereich“, was auch immer er darstellen soll, wird kein Block-Element sein müssen.

Oh, du hast recht. Ich dachte irgendwie, dass nur Blockelemente eine absolute Breite und Höhe haben dürften, aber da hab ich mich wohl geirrt. Danke, dann ist jetzt ausnahmslos alles in Butter! :D

MfG,
Miikku

[Vinzenz Mai]

Hallo,

PS: Wenn jemand gute Latein-Bücher empfehlen kann wäre ich auch dankbar :)

http://www.edition-w3c.de/TR/1999/REC-html401-19991224/
Oh danke, das ist auch nett, aber ich meinte eigentlich das echte altrömische Latein :)

ich hab' mit Ludus Latinus begonnen.

Soweit ich mich erinnere, begann es mit "Flamma flagrat.".

Freundliche Grüße

Vinzenz

[Miikku]

ich hab' mit Ludus Latinus begonnen.

Soweit ich mich erinnere, begann es mit "Flamma flagrat.".

Danke *bestell*
Hab mich mal umgesehen, dein Link ist eindeutig günstiger als Ebay und Amazon! BookLooker.de scheint ganz allgemein gut zu sein, danke auch dafür :)
Hoffe nur, die Gebrauchs-Spuren halten sich in Grenzen.

[Marc]

Hallo Gunnar,

PS: Wenn jemand gute Latein-Bücher empfehlen kann wäre ich auch dankbar :)

http://www.edition-w3c.de/TR/1999/REC-html401-19991224/

Die Seite hat einen schlechten Ruf: Bei Web of Trust wird sie als nicht vertrauenswürdig eingestuft. >:-)

Übrigens warte ich schon seit Jahren auf die Übersetzung ins Lateinische. :->

Viele Grüße,
Marc.

[Gunnar Bittersmann]

@@Marc:

nuqneH

http://www.edition-w3c.de/TR/1999/REC-html401-19991224/

Die Seite hat einen schlechten Ruf: Bei Web of Trust wird sie als nicht vertrauenswürdig eingestuft. >:-)

Übrigens warte ich schon seit Jahren auf die Übersetzung ins Lateinische. :->

Du solltest sie im klingonischen Original lesen.

Qapla'

[suit]

Übrigens warte ich schon seit Jahren auf die Übersetzung ins Lateinische. :->

Du solltest sie im klingonischen Original lesen.

Jetzt kommt er wieder mit den Star-Trek-Zitaten daher :D

[Gunnar Bittersmann]

@@suit:

nuqneH

Jetzt kommt er wieder mit den Star-Trek-Zitaten daher :D

Ja, bei den HTML5-Zitaten wird mir immer so anders ;-]

Qapla'

[Shadowcrow]

'ǝɯɐu$ ıɥ

Übrigens warte ich schon seit Jahren auf die Übersetzung ins Lateinische. :->

Du solltest sie im klingonischen Original lesen.

Top 10 phrases spoken by a Klingon Programmer

1. A TRUE Klingon Warrior does not comment his code!
   2. By filing this bug report you have challenged the honor of my family.  Prepare to die!
   3. You question the worthiness of my code?  I should kill you where you stand!
   4. Our competitors are without honor!
   5. Specifications are for the weak and timid!
   6. This machine is GAGH!  I need dual Pentium processors if I am to do battle with this code!
   7. Perhaps it IS a good day to die!  I say we ship it!
   8. Our users will know fear and cower before our software!  Ship it!  Ship it and let them flee like the dogs they are!
   9. My program has just dumped Stova Core!
  10. Behold, the keyboard of Kalis!  The greatest Klingon code warrior that ever lived!

SCNR

ssnɹƃ
ʍopɐɥs

[fastix®]

Moin!

Wenn ich den folgenden Quelltext auf meinem PC lokal vom Browser parsen lasse, ist alles normal. Wenn ich ihn aber auf meiner Internetdomain a.9li.de laufen lasse, kommt nur Mist dabei heraus.

Wieso machst Du für Fahrräder und Zubehör eigentlich überhaupt Grafiken?

Du brauchst etwas wie:

<div class="menue">  
<a href="produkte.php?k=1">Fahrräder</a>  
<a href="produkte.php?k=2">Zubehör</a>  
</div>

im CSS

.menue a,
.menue a:link,
.menue a:visited,
.menue a:hover,
.menue a:focus
{
   display:block;
   width:100%;
   height:100%;
   color:8080FF;
}

.menue a:hover,
.menue a:focus
{
   color:ff8080;
}

Eventuell käme auch eine Formatierung als Liste in Frage. Ich vermute ja nicht, dass Du einen Shop komplett mit handgemachten HTML-Seiten ausstatten willst. Da könnte an anderer Stelle und aus anderen Gründen die Liste Vorteile in sich haben.

MFFG (Mit freundlich- friedfertigem Grinsen)

fastix

[Miikku]

Wenn ich den folgenden Quelltext auf meinem PC lokal vom Browser parsen lasse, ist alles normal. Wenn ich ihn aber auf meiner Internetdomain a.9li.de laufen lasse, kommt nur Mist dabei heraus.

Wieso machst Du für Fahrräder und Zubehör eigentlich überhaupt Grafiken?

Mach ich nicht! Wie kommst Du denn darauf? In der Liste Links sind nur Texte mit Schatten. Oder meinst du etwas anderes?

Du brauchst etwas wie:

<div class="menue">

<a href="produkte.php?k=1">Fahrräder</a>
<a href="produkte.php?k=2">Zubehör</a>
</div>

>   
> im CSS  
>   
> .menue a,  
> .menue a:link,  
> .menue a:visited,  
> .menue a:hover,  
> .menue a:focus  
> {  
>    display:block;  
>    width:100%;  
>    height:100%;  
>    color:8080FF;  
> }  
>   
> .menue a:hover,  
> .menue a:focus  
> {  
>    color:ff8080;  
> }  

(Fast) genau so hab ich es doch! Ich weiß wirklich nicht, was der große Unterschied ist.  
  

> Eventuell käme auch eine Formatierung als Liste in Frage. Ich vermute ja nicht, dass Du einen Shop komplett mit handgemachten HTML-Seiten ausstatten willst. Da könnte an anderer Stelle und aus anderen Gründen die Liste Vorteile in sich haben.  
  
Hm... naja, wie man's nimmt. Der Shop basiert auf PHP, wie du ja an den Dateiendungen erkennen kannst. Mit anderen Worten: Von den "sichtbaren" Dateien (also denen, die eine Ausgabe erzeugen) habe ich nur 3-4 in HTML gemacht, das Design allerdings nur einmal, der Rest ist PHP. Aber eine Liste (also "ul"- und "li"-Tags) anstelle der momentan ziemlich unformatierten hierarchischen Navigation, habe ich mir auch schon überlegt.  
  
Der Fehler, den ich in meinem ersten Posting meinte, befindet sich aber auch gar nicht im Shop, sondern auf der weiter unten erwähnten "produkte2.php"-Datei. Aber wenn Du sehen willst, wo ich das im Shop verwende, dann musst Du in der linken Navigation auf "Fahrräder" klicken, dann sind rechts so Fahrrad-"Kärtchen". Die Kärtchen lassen sich als Ganzes anklicken und das ist der "a"-Tag, von dem ich gesprochen habe. Das Problem allerdings ist jetzt schon behoben, also wirst Du sehen, dass es bei allen "Kärtchen" funktioniert.  
  
Danke trotzdem. :)  
  
MfG,  
Miikku

[fastix®]

Moin!

(Fast) genau so hab ich es doch! Ich weiß wirklich nicht, was der große Unterschied ist.

Wieso? Du hast ihn doch selbst eingekreist?

MFFG (Mit freundlich- friedfertigem Grinsen)

fastix