Thomas Frosch: klickbare Quadrate in einer Matrix

Ich möchte mehrere klickbare Flächen in einer "Matrix" anordnen also z.B. 4x4. Dies habe ich nun mit Ankern und CSS versucht. Habe dem Anker display:block zugewiesen, was mir es ermöglicht, die Klickfläche Quadratisch und definiert groß zu machen. Jedoch werden dadurch die klickbaren Ankerflächen untereinander angeordnet.

Ein Ausschnitt aus meiner .css Datei:

  
  
a {font-size: 30px;border:1px solid black;text-align:center; display:block; width:200px; height:200px;}  
  
a:link {color: #000000; text-decoration: none; text-underline: none;}  
a:active {color: #000000; text-decoration: none; text-underline: none;}  
a:visited {color: #000000; text-decoration: none; text-underline: none;}  
a:hover {color: #000000; text-decoration: none; text-underline: none;}  
  
a.n {background-color:#44ff00;}  
a.f {background-color:#ff0082;}  
a.m {background-color:#33aacc;}  

Wie bekomme ich mittels Anker quadratische klickbare Flächen in einer Matrix angeordnet hin? Gibt es etwas anderes als display:block? bei display:inline ist die größe der klickfläche wieder undefiniert!

Vielen Dank schonmal

  1. Om nah hoo pez nyeetz, Thomas Frosch!

    Wie bekomme ich mittels Anker quadratische klickbare Flächen in einer Matrix angeordnet hin? Gibt es etwas anderes als display:block? bei display:inline ist die größe der klickfläche wieder undefiniert!

    Versuch es mit der Mischung aus beiden.

    Matthias

    --
    1/z ist kein Blatt Papier.

    1. Hi,

      Om nah hoo pez nyeetz, Thomas Frosch!

      Wie bekomme ich mittels Anker quadratische klickbare Flächen in einer Matrix angeordnet hin? Gibt es etwas anderes als display:block? bei display:inline ist die größe der klickfläche wieder undefiniert!

      Versuch es mit der Mischung aus beiden.

      display: ibnlloicnke; funktioniert aber nicht ... ;-)

      cu,
      Andreas

      --
      Warum nennt sich Andreas hier MudGuard?
      O o ostern ...
      Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.
      1. Om nah hoo pez nyeetz, MudGuard!

        Versuch es mit der Mischung aus beiden.

        display: ibnlloicnke; funktioniert aber nicht ... ;-)

        du hast ja auch den Bindestrich vergessen: display: ibnllo-icnke;

        Matthias

        --
        1/z ist kein Blatt Papier.

        1. Hi,

          Versuch es mit der Mischung aus beiden.

          display: ibnlloicnke; funktioniert aber nicht ... ;-)

          du hast ja auch den Bindestrich vergessen: display: ibnllo-icnke;

          Wo soll der herkommen beim Mischen? Keine der zu mischenden Komponenten enthält einen Bindestrich ;-)

          cu,
          Andreas

          --
          Warum nennt sich Andreas hier MudGuard?
          O o ostern ...
          Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.
          1. Hallo,

            Versuch es mit der Mischung aus beiden.
            display: ibnlloicnke; funktioniert aber nicht ... ;-)
            du hast ja auch den Bindestrich vergessen: display: ibnllo-icnke;
            Wo soll der herkommen beim Mischen? Keine der zu mischenden Komponenten enthält einen Bindestrich ;-)

            der entsteht dann beim Gären!

            Ciao,
             Martin

            --
            Wer schläft, sündigt nicht.
            Wer vorher sündigt, schläft besser.
            Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
    2. Hi there,

      Versuch es mit der Mischung aus beiden.

      Mischen impossible...

  2. Lieber Thomas Frosch,

    Gibt es etwas anderes als display:block? bei display:inline [...]

    was hat Dich daran gehindert in ein entsprechendes Syntax-Verzeichnis oder eine entsprechende Doku zu schauen, um alle gültigen Werte für die display-Eigenschaft (samt ihrer Wirkungsweisen) zu recherchieren?

    Liebe Grüße,

    Felix Riesterer.

    --
    ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)