klickbare Quadrate in einer Matrix
Thomas Frosch
- html
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
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
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
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
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
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
Hi there,
Versuch es mit der Mischung aus beiden.
Mischen impossible...
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.