Ich möchte gerne einem a - tag bestimmte Eigenschaften zuordnen, wenn es einen img - tag enthält. Also es sol wirklich nur der a - tag beeinflusst werden, der um den img - tag ist. Sind weitere a - tags außenherum sollen sie nicht betroffen sein. Kann mir jemand helfen?

Hi,

eine Kaskade in umgekehrter Reihenfolge, also in Abhängigkeit von einem Nachfahren- bzw. Kindelement ist nicht möglich.

Zitat von Carrear

Sind weitere a - tags außenherum sollen sie nicht betroffen sein.

Rein syntaktisch ist es gar nicht erlaubt, a-Elemente ineinander zu verschachteln.

Was hast du denn damit vor?

Vermutlich spricht Carrear von benachbarten Links - also:

Code :

1 2 3 4 5

<a href="...">...</a>   <a href="..."><img src="..."></a>   <a href="...">...</a>

Aufbau sieht dann so aus:

HTML-Code:

<ul>
<li> <a>Eintrag Eins</a>
  <ul>
  <li><a>Eintrag Eins/Eins</a></li>
  </ul>
</li>
</ul>

Vorgefertigt und sehr undurchschaubare CSS Formatierung. Ich weiß nur, dass beide Links (also in beiden Menüebenen) die gleiche Formatierung haben. Alternativ kann ich es natürlich auch mit Klassen regeln, aber dann muss ich sehr viele Menüs nachrüsten Also wäre eine solche Alternative natürlich toll gewesen. Schade, dass es nicht geht. Aber man kann wohl nur schwer erwarten, dass die Erdenker von CSS sowas einbauen, wenn die Browserhersteller nicht mal in der Lage sind das vorhandene CSS richtig zu interpretieren.

Noch 2 Dinge: Ist euch mal aufgefallen, dass in dem neuen Firefox die IE Browserweiche über die Kommentarfunktion ebenfalls interpretiert wird?

Und zu guter letzt: Mir ist aufgefallen, dass der IE das Pseudoelement :focus nicht interpretier. Kennt ihr dazu alternativen?

Gruß
Carrear

Nachtrag ! Habe natürlich innerhalb des zweiten Links einen <IMG> - Tag vergessen

Mir ist noch nicht aufgefallen, dass FF 2.0.0.7 neuerdings den "Conditional Comment" (<!--[if IE]> ... <![endif]-->) interpretiert. Hast du mal ein Beispiel zur Hand, in dem dieses Verhalten auftritt?

Was die mangelnde Unterstützung der :focus-Pseudoklasse betrifft, könnte dir evtl. http://www.xs4all.nl/~peterned/csshover.html weiterhelfen.

Naja, es ist ja bekannt, dass IE oft dazu neigt zu große Abstände anzuzeigen. Das hatte ich bei den <li> Elementen dieses Listenmenüs. Also habe ich in den CSS Code für diesen <li> - Tag ein

<!--[if IE]>
margin: -3px;
<![endif]-->

eingebaut und schwupps war mein FF Layout auch dahin Den Link schaue ich mir jetzt mal an. Ich hoffe er hilft mir. Wo wir schonmal dabei sind. Kennst du vielleicht auch einen Tipp für mein nächstes Problem - Ich habe in Formularfeldern schon Werte eingetragen (bei Input über value="" und bei einer Textarea zwischen dem <textarea> und dem </textarea> - Tag). Wie kann man einrichten, dass die verschwinden, wenn man die Felder anklickt? Ich nehme an, dass ist einzig und allein über JS mit onClick möglich, oder?

Gruß
Carrear

Ähem, jetzt wo ich den Link so betrachte muss ich feststellen, dass ich ein leichtes Englischproblem habe

Zitat von Carrear

Also habe ich in den CSS Code für diesen <li> - Tag ein

<!--[if IE]>
margin: -3px;
<![endif]-->

eingebaut und schwupps war mein FF Layout auch dahin

Hast du den "Conditional Comment" etwa innerhalb eines Regelblocks notiert, beispielsweise in dieser Form?

Code :

1 2 3 4 5 6 7 8

<style type="text/css"> li { ... <!--[if IE]> margin: -3px; <![endif]--> } </style>

Dann hast du hier einen Fehler begangen, denn der "CC" wird nach dem Stylesheet notiert, um ein IE-spezifisches Stylesheet in das Dokument zu laden:

Code :

1 2 3 4 5 6 7 8

<style type="text/css"> li { ... } </style> [b]<!--[if IE]> <style type="text/css"> li { margin: -3px; } </style> <![endif]-->[/b]

Zitat von Carrear

Ich habe in Formularfeldern schon Werte eingetragen (bei Input über value="" und bei einer Textarea zwischen dem <textarea> und dem </textarea> - Tag). Wie kann man einrichten, dass die verschwinden, wenn man die Felder anklickt?

Code :

1 2 3

<input type="text" value="Name" onfocus="if(this.value=='Name') this.value=''">   <textarea value="Kommentar" onfocus="if(this.value=='Kommentar') this.value=''">Kommentar</textarea>

Ah klasse, damit hast du mir einige Schritte weiter geholfen Danke