Zum Inhalt springen

Wie kann ich so einen Link erstellen?

Erstellt am 18. Juli 2007 · 3 Antworten · letzte Antwort am 19. Juli 2007

Tags: Links, HTML & CSS, Frage

isabelle ·

Hallo zusammen

Ich versuche verzweifelt so einen link herzustellen:
Bild: bischofszell-tg.ch/…/link_ok.gif

Leider kann ich es einfach nicht so erstellen. Das kommt bei mir raus:
Bild: bischofszell-tg.ch/…/link_nok.gif

mein css:

#mainContent p a.LinkIntern:after {
	content:url(_img/icons/externalLink.gif);
	display:inline;
}

und das ist mein Typoscript

RTE.classesAnchor.LinkIntern {
class = LinkIntern
type = page
titleText = Beschreibung für internen Link eingeben
image = EXT:htmlarea/plugins/TYPO3Browsers/img/internal_link.gif
altText = Öffnet einen internen Link
}

RTE.classesAnchor.LinkExtern {
class = LinkExtern
type = url
titleText = Beschreibung für externen Link eingeben
}  

RTE.classesAnchor.MailLink {
class = MailLink
type = mail
titleText = Beschreibung für E-Mail Link eingeben
}      

RTE.classesAnchor.PDF {
class = PDF
type = file
titleText = Beschreibung für Dokument Download eingeben
}    

RTE.classesAnchor.Word {
class = Word
type = file
titleText = Beschreibung für Dokument Download eingeben
}  

RTE.classesAnchor.Excel {
class = Excel
type = file
titleText = Beschreibung für Dokument Download eingeben
}          

RTE.default.classesAnchor = LinkIntern, LinkExtern, MailLink, PDF, Word, Excel

RTE.default.proc.allowedClasses (
  LinkIntern, LinkExtern, MailLink, PDF, Word, Excel
)

RTE.default.classesAnchor.default.page = LinkIntern
RTE.default.classesAnchor.default.url  = LinkExtern
RTE.default.classesAnchor.default.file = PDF
RTE.default.classesAnchor.default.mail = MailLink

Vielen Dank für jeden Tipp...

Merci
Isa

steffenk ·

der einzige Unterschied ist doch underline beim Image:

... a img {underline:none;} müsste doch greifen ...

isabelle ·

hallo steffenk

ja genau das ist der unterschied. ABER der link selber (text) muss! underline sein...das icon MUSS aber ohne underline sein...

bin am verzweifeln 😢

merci
isa

isabelle ·

für alle die es interessiert:

#mainContent p a[class ="LinkIntern"] {
	padding: 5px 20px 5px 0;
	background: transparent url(_img/icons/externalLink.gif) no-repeat center right;
}

🙂

Grüsse
Isa