mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 03:03 Benutzername: Passwort: Auto-Login

Thema: HTML: Ganze table als Link? vom 11.06.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> HTML: Ganze table als Link?
Seite: 1, 2  Weiter
Autor Nachricht
uvh
Threadersteller

Dabei seit: 02.06.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 11.06.2008 12:01
Titel

HTML: Ganze table als Link?

Antworten mit Zitat Zum Seitenanfang

Hi,
kann ich in HTML eine ganze table zum Link machen oder geht das nur innerhalb einer td?
Also:
<a href=...>
<table width="602" height="5" cellspacing="0" cellpadding="0">
<tr>
<td>
</td>
</tr>
</table>
</a>
  View user's profile Private Nachricht senden
Psilo

Dabei seit: 20.02.2007
Ort: -
Alter: 35
Geschlecht: Männlich
Verfasst Mi 11.06.2008 12:11
Titel

Antworten mit Zitat Zum Seitenanfang

geht das überhaupt mit einer td?
probiers doch einfach mal aus.. wenns mit ner td geht warum nich auch mit der tabelle
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Zeithase

Dabei seit: 09.05.2005
Ort: Erfurt
Alter: 39
Geschlecht: Männlich
Verfasst Mi 11.06.2008 12:13
Titel

Antworten mit Zitat Zum Seitenanfang

Das ist in keinem Fall valid. Stichwort: onclick-Handler.
  View user's profile Private Nachricht senden
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Mi 11.06.2008 12:47
Titel

Antworten mit Zitat Zum Seitenanfang

Ich würde dem Link display: block; geben, dann verhält er sich exakt wie ein div (aber darf natürlich keine Blockelemente enthalten).
  View user's profile Private Nachricht senden
uvh
Threadersteller

Dabei seit: 02.06.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 12.06.2008 08:45
Titel

Antworten mit Zitat Zum Seitenanfang

Ich würde dem Link display: block; geben, dann verhält er sich exakt wie ein div
(aber darf natürlich keine Blockelemente enthalten).

Sorry, habe ich nicht verstanden, bin kein HTML Könner. Kann nur die Standars und einfachen Sachen *Schnief*
Kannst Du mir das bitte etwas genauer erklären?
Vielen Dank !!!
  View user's profile Private Nachricht senden
Fuzy

Dabei seit: 14.01.2003
Ort: PW
Alter: -
Geschlecht: Männlich
Verfasst Do 12.06.2008 08:49
Titel

Antworten mit Zitat Zum Seitenanfang

uvh hat geschrieben:
Ich würde dem Link display: block; geben, dann verhält er sich exakt wie ein div
(aber darf natürlich keine Blockelemente enthalten).

Sorry, habe ich nicht verstanden, bin kein HTML Könner. Kann nur die Standars und einfachen Sachen :(
Kannst Du mir das bitte etwas genauer erklären?
Vielen Dank !!!


würde mal sagen das sind die „Standards“!
  View user's profile Private Nachricht senden
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Do 12.06.2008 10:03
Titel

Antworten mit Zitat Zum Seitenanfang

Ja, das sind CSS-Grundlagen *zwinker* Mit display: block; kann der Link, was er als Inline-Element nicht kann: z.B. width, height und vertikale margins bekommen, und andere Elemente können in ihm wie in einem div pos. werden etc. Es dürfen nur halt keine Blockelemente in ihm stehen, aber natürlich Grafiken, Text, strong, em, span, br etc...

Zuletzt bearbeitet von heiko_rs am Do 12.06.2008 10:03, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
uvh
Threadersteller

Dabei seit: 02.06.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 17.06.2008 10:37
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo zusammen,
ich habe mich jetzt mal ein bisschen in CSS eingelesen und Eure Tipps ausprobiert: die HTML-Datei habe ich ganz auf CSS umgestellt. Schon mal herzlichen Dank ! Lächel
Jetzt hänge ich allerdings am gleichen Problem: Innerhalb dieser Zeilen habe ich nun mal eine Tabellenstruktur. Die habe ich mit div´s und display:table umgesetzt. Allerdings schaffe ich es nicht, diese "Tabelle" zum Link zu machen. Und auch ein p-Tag mit der ID "Wischer" ist kein Link mehr, obwohl das eben noch geklappt hat.
Es wäre toll, wenn Ihr eine Lösung für mich hättet! Schon mal ein dickes Dankeschön

[u]Hier noch das Scripting[/u]:
[code]<html>
<head>
<title> </title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
p,li,div,
{
color:#000000;
font-family:arial;
text-decoration: none;
}
div#table
{
display: table ;
table-layout: fixed ;
vertical-align: top ;
text-align: right ;
float:left ;
}
div#tr
{
display:table-row;
width:100%;
float:left;
}
div#td1
{
display:table-cell;
width: 60;
vertical-align:top;
padding-right: 1;
empty-cells: show ;
border-collapse:collapse;
border: 1px solid #4B9C87 ;
float:left;
}
div#td2
{
display:table-cell;
width: 60;
font-weight: bold;
vertical-align:top;
padding-right: 1;
empty-cells: show ;
border-collapse:collapse;
border: 1px solid #4B9C87 ;
float:left;
}
div#td3
{
display:table-cell;
width: 70;
vertical-align:top;
padding-right: 1;
empty-cells: show ;
border-collapse:collapse;
border: 1px solid #4B9C87 ;
float:left;
}
div#td4
{
display:table-cell;
width: 95;
vertical-align:top;
padding-right: 1;
empty-cells: show ;
border-collapse:collapse;
border: 1px solid #4B9C87 ;
float:left;
}
.hellgruen
{
background-color:#DCEADF;
vertical-align: middle;
}
#wischer
{
background-color: #4B9C87;
width: 200 ;
text-align: center;
text-decoration: none;
font-size: 20px;
font-weight: bold;
color: #000000;
}
</style>
</head>
<body>
<table width="602" cellspacing="0" cellpadding="0" style="border: 10px ridge #4B9C87;">
<tr>
<td style="border: 1px solid #4B9C87 collapse; padding:1;" width="50%" valign="top" class="hellgruen">
<a href="" target="_blank" style="display: block; width: 100%; text-decoration:none;">
<br>
<p align="center">
<font id="wischer" style="padding:5px;">&nbsp;TEXT&nbsp;</font>
</p>
<font size="2">
<UL><b>
<LI> TEXT
<LI> TEXT
<LI> TEXT
</b>
</UL>
<p>
<div style="clear:left; " id="table">
<div id="tr">
<div id="td1">TEXT</div>
<div id="td2">TEXT</div>
<div id="td3">TEXT
<br>
<font size="0">
TEXT</font>
</div>
<div id="td4">TEXT
<br>
<font size="1">
TEXT</font>
</div>
</div>
</div>
</p>
</a>
</td>
<td style="border: 1px solid #4B9C87 collapse; padding:1; " width="50%" valign="top" class="hellgruen">
<a href="" target="_blank" style="display: block; width: 100%; text-decoration:none;">
<br>
<p align="center">
<font id="wischer" style="padding:5px;">&nbsp;TEXT&nbsp;</font>
</p>
<font size="2">
<UL><b>
<LI> TEXT
<LI> TEXT
<LI> TEXT
</b>
</UL>
<p>
<div style="clear:left; " id="table">
<div id="tr">
<div id="td1">TEXT</div>
<div id="td2">TEXT</div>
<div id="td3">TEXT
<br>
<font size="0">
TEXT</font>
</div>
<div id="td4">TEXT
<br>
<font size="1">
TEXT</font>
</div>
</div>
</div>
</p>
</a>
</td>
</tr>
</table>
</body>
</html>[/code]
  View user's profile Private Nachricht senden
 
Ähnliche Themen HTML Problem - Table springt
HTML Table "umkehren"
[html/css] 2 classes auf einen link ?
Hintergrundfarbe durch Link (HTML)
toggle display in HTML-Link?
hilfe bei text/link // css // html
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.