HTML Komplette Zeile einer Tabelle als Link

Hallo Community,

mal wieder habe ich ein Problem und zwar sagt die Überschrift schon alles.

Ich habe das Menü meiner Website in Tabellenform angelegt. Nun steht quasi in jeder Tabellenzeile ein Link. Das Problem ist, man muss auf den Text klicken, welcher als Link markiert ist.

Nun möchte ich aber, dass es genügt wenn man nur in die jeweilige Zeile klickt der Link geöffnet wird. Da die Tabellenzeile via CSS wie ein Button aussieht, jedoch nur der Text im "Button" angeklickt werden kann.

Ich hoffe ich konnte ungefähr beschreiben was ich möchte.

Danke schon einmal im Voraus

Mfg Eyevi

3 Antworten

Minding

10.10.2014, 13:14

Hallo,

Wie wärs mit Googlen? --> http://lmgtfy.com/?q=HTML+Button&l=1

Wenn nicht dann:

-table border=1px-
    -tr-
        -th--button type="button" onclick="window.location.href =           '<a href="http://www.google.de">http://www.google.de</a>';"-GOOGLE-/button--th-
    -/tr-
-/table-

oder

-table-
    -tr-
        -th--input type="" onclick="window.location.href =                  '<a href="http://www.google.de">http://www.google.de</a>';" value="GOOGLE"--/input-
    -/tr-  >
-/table-

Die tag Zeichen konnte ich nicht setzen da sie in der Vorschau als < und > im Codefenster angezeigt werden.

Sieht leider nicht so gut aus, aber ich denk das geht auch mit einer css Datei, ich hoffe, dass dir das geholfen hat.

Euer Minding

maximilianus7

10.10.2014, 14:48

du kannst einfach < und > eingeben. Kümmere dich nicht um

&lt; &gt;

im Vorschaufenster. Am Ende wird es richtig dargestellt.

Gruß, Max

PWolff

10.10.2014, 13:25

Die Zeichen < und > kannst du hier als < und > eingeben. Ist umständlich, aber funktioniert.

PWolff

10.10.2014, 13:01

Wenn du den HTML-Quelltext von Hand schreibst, kannst du in jede Tabellenzelle ein <a> einfügen, das seinerseits ein <div> enthält, das die komplette Fläche der Zelle abdeckt.

Wenn du ein (Editor-)Programm zum Erstellen des HTML-Quelltextes verwendest, schau in die Anleitung dazu, oder sag uns wenigstens, welches du verwendest.

Woher ich das weiß:Berufserfahrung – Software-Entwickler

Elroy7000

Nutzer, der sehr aktiv auf gutefrage ist

im Thema Internet

11.10.2014, 08:13

Mach dein Menü richtig als Liste. Tabellen dazu zu missbrauchen ist schon seit Jahren nicht mehr üblich.

Die Links machst du dann im CSS mit display.block anklickbar.

Hier kannst du alles nachlesen: http://www.css-spielereien.de/menu_erstellen.php

Ähnliche Beiträge

JQuery Tabellenzeile löschen?

Hallo miteinander,

Ich bin noch ein ziemlicher Anfänger, was JQuery angeht. Ich musste bisher in meinem Praktikum eine Tabelle mit html und css designen. Dies habe Ich auch ohne Probleme hinbekommen. Jetzt jedoch muss Ich die "Zeile hinzufügen / löschen"-Buttons auch zum Laufen bringen.

Bisher habe Ich es so geregelt, dass Ich in der Ur-Zeile keinen Löschen-Button habe und der sich mit einem Klick auf den "Hinzufügen"-Button allesamt mit einer neuen Zeile hinzufügt.

Ich habe es so programmiert, das er es in die Konsole schreibt, wenn man den Button klickt. Dies ist jedoch nicht der Fall. Habe Ich irgendeinen Fehler?

if ("") {
    $("tbody").append(Neue_Zeile);
} else {
    alert = "Du musst jedes Feld ausfüllen"
}


});

$("#button_delete").on("click",function(){

    console.log("Löschen-Button wurde geklickt");

if (""){
    $("tbody").remove(Neue_Zeile);
} else {
    alert = "Du musst erst eine Zeile hinzufügen, um sie löschen zu können"
};

})

Ganz oben wollte Ich angeben, dass er erst eine Zeile hinzufügt, wenn alle Felder ausgefüllt sind. Was soll Ich da dann nach dem "if" in die Klammer schreiben?

Genauso wie bei dem Löschen-Button. Wie kann Ich da nur die Zeile löschen, auf die der angeklickte Button liegt?

Ich danke für eure Antworten! Bitte schreibt die Antwort nicht all zu kompliziert :P

Mit freundlichen Grüßen, Robert Kessler

...zum Beitrag

HTML und CSS: Text im Button zentrieren?

Auf dem Bild ist ein Bild der Buttons, HTML und meiner CSS Datei.

Ich möchte jetzt den Text in den Buttons, also "Youtube" und "Spotify", zentriert und etwas größer ist.

...zum Beitrag

HTML/CSS Linkfarbe in Button ändern?

Hey,

Ich habe nun als Aufgabe bekommen, eine Support Seite zu programmieren, wo alle verschiedenen Möglichkeiten zum Support angezeigt werden

(TeamSpeak, Ticket-System und E-Mail).

Dort ist auch ein Button mit z.b. dem Text "Ticket-System öffnen".

Dieser leitet dann auf eine andere Seite weiter, nur wenn man dort drauf klickt, und dann zur Support Seite zurück kehrt, wird im Button der Text "Ticket-System öffnen"

in Blau angezeigt, weil man diesen Link auf den man weitergeleitet wird, schonmal war.

Wie kann man das deaktivieren, für alle Besucher?

Danke im Vorraus :)

...zum Beitrag

JavaScript: Text nach Button-Klick in Textfeld?

Ich habe so eine Seite :

<li class="items">
    <p>some text 1</p>
    <div><button class="link" value="1">Wählen</a></div>
</li>
<li class="items">
    <p>some text 2</p>
    <div><button class="link" value="2">Wählen</a></div>
</li>
<li class="items">
    <p>some text 3</p>
    <div><button class="link" value="3">Wählen</a></div>
</li>



<form action="send" method="POST">
    <input type="text" name="text" id="text" required>
    <input type="number" name="zahl" id="zahl">
    <button type="submit" name="submit">Senden</button>
</form>

oben sind mehrere Texte mit je einem Button zum Auswählen (derzeit ohne funktion). Unten ist dann ein Formular und man kann selbst die Zahl des Textes dort eintragen.

Jetzt will ich das aber für leute vereinfachen und ermöglichen, dass man einfach auf den jeweiligen Button klickt und dann die Zahl (das value des Buttons) in das textfeld "number" eingetragen wird. Wie kann ich das mit javascript machen ? außerdem sollte der cursor direkt in das textfeld "text" gehen.

...zum Beitrag

Excel-Zeilen nach Inhalt über Button und VBA ausblenden?

Hallo zusammen,

ich möchte in Excel mithilfe eines Buttons und VBA bestimmte Zeilen ausblenden.

Das ganze soll wie folgt wirken:

Klickt man auf den Button sucht Excel nach Zeilen die in Spalte C den Inhalt "ohne Angaben" enthalten und blendet alle Zeilen aus welche diesen Text in Zelle C enthalten.

Wie kann man das realisieren?

Dirk

...zum Beitrag

HTML einer zeile text einen platz geben?

hallo ich schaffe es nicht bei meinem sidebarmenu ein dropdown menu einzubauen ohne das der text der dahinterkommt in den dropdown button hineinglitcht.

kann mir irgendwer sagen wie man dem button einen festen platz gibt

...zum Beitrag

Wie programmiere ich Buttons, dass wenn ich diese drücke der Infotext dazu erscheint?

Hallo... Ich muss für die Schule eine Internetseite programmieren mit CSS. Auf der Internetseite gibt es 4 Buttons, wie kann ich das programmieren, dass wenn ich den einen Button drücke der dazugehörige Text erscheint und wenn ich einen anderen drücke, dann dieser Text erscheint.

Danke im Voraus :)

...zum Beitrag

Chrome extension, die den Browser automatisiert steuern kann?

Kann mir jemand eine gute Seite empfehlen, wo man lernen kann, wie man eine Chrome Erweiterung erstellt, die auf websiten Buttons klickt, Inputs ausfüllt, scrollt etc. ..? Die Extension sollte mit Html, CSS, Javascript geschrieben sein. Außerdem sollte die Aktion erst ausgeführt werden wenn man in der Extension einen Button drückt. Kann mir da jemand eine gute Videoreihe oder Website empfehlen?

...zum Beitrag

Wie kann ich die Elemente im Footer zentrieren in CSS?

Ich habe mehrere Links im Footer, welche in CSS mit einem Flex also (Display: flex, flex-Wrap: Warp) hintereinander in einer Zeile stehen.

jedoch sind diese linksbündig & wollen nicht in die Mitte gehen.

ich habe es schon über den Footer mit Text-align probiert und auch schon über die <p>‘s in denen die Links stehen... klappt leider alles nicht.

...zum Beitrag

Button mit Wartezeit Html, CSS, PHP?

Hey,

ich möchte einen Button erstellen, der wenn man auf ihn draufklickt erstmal ausgibt: "Warten Sie einen Moment" und nach paar Sekunden dann weiterleitet.

Der Text sollte über dem Button erscheinen, aber kein Pop-Up Fenster!

Habt ihr Ideen, wie das möglich ist

...zum Beitrag

HTML / CSS: E-Mail-Button geht nicht?

Moin,

ich habe in HTML und CSS folgenden Button:

<a href=Link class button>YouTube</a>

(Anführungszeichen sind im Code da)

Den gleichen Button habe ich viermal mit anderer div und habe die Buttons in CSS gestylt.

Ein Button von den Vieren geht und bringt mich zum Link. Obwohl alle identisch bis auf Namen und Link sind, funktioniert nur ein Button.

Danke und entschuldigt, falls meine Fragen nerven. 😕

...zum Beitrag

Anklicken von einem Link ändert CSS Eigenschaften?

Kann man ohne JS bei anklicken von einem Link (a), eine CSS werte Veränderung machen? Beispiel: Man klickt Link XY an und backgroundcolor vom DIV12 ändert sich von blau zu grün.

...zum Beitrag

CSS Eigenschaften mit Button verändern?

Hallo,

ist es irgendwie möglich durch einen Button (also wenn man drauf klickt) in HTML CSS Eigenschaften von anderen Objekten zu verändern?

...zum Beitrag

Css button bei klick speichern?

ich will mit einem klick mein Button durchstreichen, das funktioniert auch mit

button:focus{
    text-decoration: line-through;
}

doch wenn ich dann einen anderen Button drücke welcher die gleiche CSS klasse hat wird es bei dem einem Button entfernt und beim anderen hinzugefügt. Dass heißt ich kann es nur auf einem button gleichzeitig anwenden. Wie kann ich es auf allen gleichzeitig haben?

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen