---
title: "LinkItem text-decoration:none"
url: "https://www.typo3.net/d/73108-linkitem-text-decorationnone"
source: "typo3.net"
tags: ["Extensions","Frage"]
created: "2008-01-30"
last_reply: "2008-01-31"
replies: 8
solved: false
page: 1
pages: 1
lang: "de"
---

# LinkItem text-decoration:none

Extensions · 8 Antworten · gestartet 2008-01-30

## Eröffnungsbeitrag

**Darthstar** · 2008-01-30 · [Beitrag #1](https://www.typo3.net/d/73108-linkitem-text-decorationnone/1)

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

## Antworten

### [#2](https://www.typo3.net/d/73108-linkitem-text-decorationnone/2) · just2b · 2008-01-30

die richtige syntax... gib halt mal die url bekannt

georg

### [#3](https://www.typo3.net/d/73108-linkitem-text-decorationnone/3) · SLAng · 2008-01-31

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:

```html
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.

### [#4](https://www.typo3.net/d/73108-linkitem-text-decorationnone/4) · Darthstar · 2008-01-31

Template news

```typoscript
<!-- ###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">&nbsp;</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">&nbsp;</td>
  </tr>
</table>   
<!-- ###TEMPLATE_LIST### end -->
```

dazugehörige CSS Klassen

```typoscript
.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

### [#5](https://www.typo3.net/d/73108-linkitem-text-decorationnone/5) · brokemeister · 2008-01-31

Schau dir mal den Link mit dem FF PLugin Firbug an... dann siehst du woher die Formatierung kommt.

### [#6](https://www.typo3.net/d/73108-linkitem-text-decorationnone/6) · SLAng · 2008-01-31

Ich hatte doch gepostet wie es geht.

```html
span.productnews_title a { text-decoration:none; }
```

oder wahrscheinlich auch

```html
td.productnews_title_td a { text-decoration:none; }
```

Das erste sollte es tun

### [#7](https://www.typo3.net/d/73108-linkitem-text-decorationnone/7) · brokemeister · 2008-01-31

Man kann auch das ganze CSS per TS löschen und seine eigenen Formtierungen nutzen ;)

### [#8](https://www.typo3.net/d/73108-linkitem-text-decorationnone/8) · SLAng · 2008-01-31

Stimmt, nur hilft das im Bezug auf den Link nicht wirklich weiter.

### [#9](https://www.typo3.net/d/73108-linkitem-text-decorationnone/9) · Darthstar · 2008-01-31

> span.productnews_title a { text-decoration:none; }

hat funktioniert.

VIELEN DANK :D [/quote]

---

Quelle: „LinkItem text-decoration:none“, typo3.net, https://www.typo3.net/d/73108-linkitem-text-decorationnone
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.