• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Anklickbare Buchstaben in html

S

Sn0w1

Neues Mitglied
Hallo ihr,


ich hab da mal ne Frage.

Ich will in eine Homepage eine Liste aller Buchstaben einpflegen die man anklicken kann und dann zu der enstprechenden Seite führen. Nun wollte ich das ganze per <form action></form> machen das das ganze am Ende so aussieht:


<body bgcolor="#000000" text="#FF0000">
<form action="a.html"><font size="+2">A</font></form>

Funktioniert aber nicht. Wenn ich das ganze per Button mache sieht es dann so aus:

<form action="a.html"><input name=btnI type=submit style="margin-left:10px"value="A" onclick="this.checked=1"></form>

Funktioniert zwar, ist aber nur einfach n Button ohne Schriftgröße/farbe und das passt halt nicht zur Hintergrundfarbe der Page :S

Hoffe mir kann da einer weiterhelfen was ich oben für nen Fehler gemacht habe/wie man das anders lösen kann, das man den Großen, Roten Buchstaben anklicken kann ohne das da n Button zu sehen ist.

Greetz
Sn0w1
 
Zuletzt bearbeitet:
Werbung:
Hallo,

bevor es zur Lösung geht, mal die Frage wo du her hast, dass man Vorder- und Hintergrundfarben im Bodytag festlegt. Wer bringt einem sowas bei, wo findet man solche Anleitungen?
Das ist Stand der Technik Anno Knips.

Der Lösungsansatz:
Du nimmst eine Liste und verlinkst dann entsprechend.

Beispiel:
HTML: 
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Hier kommt der Seitentitel rein.</title>
        <meta name="description" content="Text austauschen durch deine Beschreibung der Inhalte auf der Seite.">
        
        <style type="text/css">
        body {
              color:#FF0000;
              background-color:#000000;
        }
        </style>
    </head>
    <body>
        <ul>
         <li><a href="http://www.example.org/seite_A.html">A<a></li>
         <li><a href="http://www.example.org/seite_B.html">B<a></li>
         <li><a href="http://www.example.org/seite_C.html">C<a></li>
         <li>...usw. bis Z</li>
        </ul>
    </body>
</html>

Wenn du die Liste im Aussehen verändern willst, musst du das mit CSS erledigen. Ich empfehle dir dringend dich in das Thema einzulesen, da dein Ansatz zeigt, dass du über unzureichendes Wissen hierüber verfügst.
 
Es muss noch nicht mal zwingend eine Liste sein, obwohl das aus sicht der Semantik am naheliegendsten ist.
Es kann durchaus auch eine aneinanderreihung von Links im Fließtext sein.
HTML: 
<p>
     <a href="http://www.example.org/seite_A.html">A<a>, <a href="http://www.example.org/seite_B.html">B<a>, <a href="http://www.example.org/seite_C.html">C<a>, usw. bis Z
</p>
 
Werbung:
So etwas späte Antwort, aber ich habs jetzt gemacht wie von Wustersoss beschrieben hat funktioniert :) Danke dafür :) Das nächste Problem mit einer anderen Website steht allerdings schon bereit .. :S
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben