Hallo,
ich versuche verzweifelt per CSS dem LinkItem in tt_news die text_decoration:none zu geben. Es wird aber immer trotzdem unterstrichen etc etc angezeigt. Habe alles versucht. Gibt es einen Trick?
Vielen Dank
LinkItem text-decoration:none
die richtige syntax... gib halt mal die url bekannt
georg
Die Text-decoration:underline kommt aus deiner Definition für a. Entweder hast du dort expliziet text-decoration:underline angegeben, oder du hast die Angabe gar nicht drinn. Dann ist es der default-Wert.
In den Link kannst du so einfach keine Class einfügen. Möglih ist es aber wenn du den vorangestellten Container ausnutzt.
Beim Morelink ist das zum Beispiel <div class="news-latest-morelink">
wenn du dann schreibst:
div.news-latest-morelink a { text-decoration:none; }
muss das gehen. So kannst du dann jeden einzelnen Link anders stylen.
Es sollte aber auch für alle LinkItems funktionieren wenn du einen globalen Container um die News legst.
Template news
<!-- ###TEMPLATE_LIST### begin
This is the template for the list of news in the archive or news page or search
-->
<table width="100%" border="0" cellspacing="0" cellpadding="0" >
<tr>
<!-- ###CONTENT### begin
This is the part of the template substituted with the list of news:
-->
<!-- ###NEWS### begin -->
<td valign="top" width="372">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td rowspan="3" class="productnews_image">###NEWS_IMAGE###</td>
<td height="10px" class="productnews_toppuffer"> </td>
</tr>
<tr >
<td class="productnews_title_td" valign="top" ><span class="productnews_title"><!--###LINK_ITEM###-->###NEWS_TITLE###<!--###LINK_ITEM###--></span></td>
</tr>
<tr>
<td class="productnews_subtitle_td"><span class="productnews_subtitle">###NEWS_SUBHEADER###</span></td>
</tr>
</table>
</td>
<!-- ###NEWS### end-->
<!-- ###CONTENT### end -->
<td width="*" class="productnews_rechts"> </td>
</tr>
</table>
<!-- ###TEMPLATE_LIST### end -->
dazugehörige CSS Klassen
.productnews_title {
text-decoration:none;
font-family: Arial;
font-size: 12px;
color:#FFFFFF;
padding:5px;
valign:top;
}
.productnews_toppuffer {
border:solid 1px;
border-left:none;
border-bottom:none;
border-top:none;
border-color:#e0e7ea;
}
.productnews_subtitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
}
.productnews_image {
width:185px;
border:solid 1px;
border-top:none;
border-left:none;
border-color:#e0e7ea;
}
.productnews_title_td {
width:185px;
border:solid 1px;
border-left:none;
border-bottom:none;
border-top:none;
border-color:#e0e7ea;
text-decoration:none;
}
.productnews_subtitle_td {
width:185px;
border:solid 1px;
border-left:none;
border-top:none;
border-color:#e0e7ea;
padding:3px;
}
es geht also um den LINKITEM in Zeile 23. funzt irgendwie nicht. Ich habe das text-decoration:none sogar mehrfach drin...
Ich mache wahrscheinlich einen dofen fehler und sehe ih nicht
Schau dir mal den Link mit dem FF PLugin Firbug an... dann siehst du woher die Formatierung kommt.
Ich hatte doch gepostet wie es geht.
span.productnews_title a { text-decoration:none; }
oder wahrscheinlich auch
td.productnews_title_td a { text-decoration:none; }
Das erste sollte es tun
Man kann auch das ganze CSS per TS löschen und seine eigenen Formtierungen nutzen 😉
Stimmt, nur hilft das im Bezug auf den Link nicht wirklich weiter.
span.productnews_title a { text-decoration:none; }
hat funktioniert.
VIELEN DANK 😃 [/quote]