Hallo,
Ich habe mit einer Tabelle eine hübsche tmenu Navigation in typo3 aufgebaut. Die Navigation ist über vier Ebenen und funktioniert sehr gut. Nun ists so, dass ich nur auf den Text klicken kann um auf die entsprechende Seite zu gelangen.
Ich würde gerne das <td> auch verlinken? Ist dies möglich in typo3 in einem tmenu?
Danke vielmals für einen Tipp, Thomas.
Dann pass die Links per CSS an. Hat nichts mit TYPO3 zu tun. Tests einfach lokal und bau es um.
Danke für deine Antwort. Ich dachte ich sei noch realtiv geschickt mit CSS - aber ich habe keine Ahnung wie sowas überhaupt möglich sein soll. Ich kann doch nicht die dynamischen Links auslesen und die in CSS einbauen, oder schon?
Du DARFST <td>-Tags NICHT VERLINKEN!!!
Du darfst sowieso nur Inline-Elemente und Text verlinken.
http://de.selfhtml.org/html/referenz/elemente.htm#a
Was du machen kannst/darfst ist per CSS deine Links zb. innerhalb des Menus als Block-Elemente zu definieren und der Box dann eine Breite und Höhe zu geben.
z.B.: (ich geh davon aus, dass sich das Menu im Div "meinMenu" befindet)
#meinMenu a{
display: block;
width: 150px;
height: 20px;
color: black;
}
#meinMenu a:hover{
background-color: red;
}
In diesem Falle könnte der User irgendwo auf eine 150*20px Box (die deinen Link darstellt) klicken und du hast zusätzlich einen HoverEffekt der den Linkbereich anzeigt.
ACHTUNG:
Wenn du Objekte als Block-Elemente definierst verursachen diese einen Umbruch im Textfluss (natürlich nur innerhalb des Eltern-Elements).
Tipp: www.css4you.de
Ich hatte es jeweils so gelöst:
.boxIInav {
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
color: #666666;
padding: 1px;
padding-left:5px;
font-weight: normal;
border-bottom: 1px solid #81bcb6;
border-top: 1px solid #81bcb6;
border-right: 1px solid #81bcb6;
background-color: #f7f8ff;
}
.boxIInavAKTIV {
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
color: #666666;
padding: 1px;
padding-left:5px;
font-weight: normal;
border-bottom: 1px solid #81bcb6;
border-top: 1px solid #81bcb6;
border-right: 1px solid #81bcb6;
background-color: #cadee9;
}
.boxIInavON {
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
color: #666666;
padding: 1px;
padding-left:5px;
font-weight: normal;
border-bottom: 1px solid #81bcb6;
border-top: 1px solid #81bcb6;
border-right: 1px solid #81bcb6;
background-color: #abd0d3;
cursor: hand;
}
.navONE { font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #666666; font-weight: normal; text-decoration: none}
.navONE:hover { color: #666666; text-decoration: none }
.navONE:link { color: #666666; text-decoration: none }
.navONE:visited { }
.navONE:active { }
<td width="202" class="boxIInav" onmouseover="className='boxIInavON';" onmouseout="className='boxIInav';" onclick="location.href='/index.php?id=3';"><a href="index.php?id=3" onfocus="blurLink(this);" class="navONE">Link</a></td>
Grüsse, Thomas.
Hat funktioniert mit diesem Code in Typo3:
NO{
linkWrap = <tr><td><table width="210" border="0" cellspacing="0" cellpadding="0"><tr><td width="8" class="boxInav"> </td><td width="202" class="boxIInavI">|</td></tr></table></td></tr><tr><td height="3"></td></tr>
ATagParams = class="navONE"
}
.boxIInavI a {
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
color: #666666;
padding: 1px;
padding-left:5px;
font-weight: normal;
border-bottom: 1px solid #81bcb6;
border-top: 1px solid #81bcb6;
border-right: 1px solid #81bcb6;
background-color: #f7f8ff;
width: 202px;
display: block;
}
.boxIInavI a:hover {
background-color: #abd0d3;
cursor: hand;
}
.boxIInavIAKTIV {
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
color: #666666;
padding: 1px;
padding-left:5px;
font-weight: normal;
border-bottom: 1px solid #81bcb6;
border-top: 1px solid #81bcb6;
border-right: 1px solid #81bcb6;
background-color: #abd0d3;
}