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? |
|
|
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>
|
|
|
|
|
Psilo
Dabei seit: 20.02.2007
Ort: -
Alter: 35
Geschlecht:
|
Verfasst Mi 11.06.2008 12:11
Titel
|
|
|
geht das überhaupt mit einer td?
probiers doch einfach mal aus.. wenns mit ner td geht warum nich auch mit der tabelle
|
|
|
|
|
Anzeige
|
|
|
Zeithase
Dabei seit: 09.05.2005
Ort: Erfurt
Alter: 39
Geschlecht:
|
Verfasst Mi 11.06.2008 12:13
Titel
|
|
|
Das ist in keinem Fall valid. Stichwort: onclick-Handler.
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Mi 11.06.2008 12:47
Titel
|
|
|
Ich würde dem Link display: block; geben, dann verhält er sich exakt wie ein div (aber darf natürlich keine Blockelemente enthalten).
|
|
|
|
|
uvh
Threadersteller
Dabei seit: 02.06.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 12.06.2008 08:45
Titel
|
|
|
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 !!!
|
|
|
|
|
Fuzy
Dabei seit: 14.01.2003
Ort: PW
Alter: -
Geschlecht:
|
Verfasst Do 12.06.2008 08:49
Titel
|
|
|
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“!
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Do 12.06.2008 10:03
Titel
|
|
|
Ja, das sind CSS-Grundlagen 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
|
|
|
|
|
uvh
Threadersteller
Dabei seit: 02.06.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 17.06.2008 10:37
Titel
|
|
|
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 !
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;"> TEXT </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;"> TEXT </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]
|
|
|
|
|
|
|
|
Ä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
|
|