Zum Inhalt springen

Typo3 Hyperlinks formatieren

Erstellt am 10. August 2007 · 3 Antworten · letzte Antwort am 12. August 2007

Tags: Frage

BeamMeUpScotti ·

Ein Hallo an alle Typo3-Fähigen 🙂

Ich habe wahrscheinlich ein triviales Problem bin aber schon seit etlichen Tagen am Googeln, Foren durchforsten und ähnlichem... und finde keine Lösung.

Ich nutze typo3 4.1.1, css_styled_content, cal_base und weitere Extensions.

Über cal_base bin ich darauf gestoßen, dass meine Hyperlinks z.B. Eventlinks (und auch alle meine anderen Links auf der Seite, wenn sie entsprechend lang sind!!!) in der Wochenansicht nicht umgebrochen werden, sondern sich die entsprechende Tabellenspalte einfach verlängert bzw. über mein Layout geschrieben wird.

Wie kann ich die Links so formatieren, dass sie nach dem Layout entsprechend umgebrochen werden. Momentan passiert dies generell nicht! 🙁

Der ratlose und für Hilfe sehr dankbare,
BeamMeUpScotti

BeamMeUpScotti ·

Hier mein TypoSetup und die entsprechende CSS Datei....
Ich dachte ja eigentlich, dass das mit der Linkformatierung über Typoscript und
xxx.typolink.wrap.irgendwas
funktioniert, aber irgendwie bin ich zu blöde dafür 🙂
Immernoch sehr dankbar für einen hilfreichen Tip.

Beam

Momentan läuft dieses Typoscript Setup

# ------------  page ---------------------
config.index_enable = 1
config.locale_all = de_DE@euro
config.removeDefaultJS = 1
config.language = de
config.simulateStaticDocuments = 0

# ----- Verschlüsselung des email @ mit (at)
config.spamProtectEmailAddresses = 1
config.spamProtectEmailAddresses_atSubst = ( a t )


page = PAGE


page.typeNum = 0
page.config.xmlprologue = none
page.config.doctype = xhtml_trans
page.config.xhtml_cleaning=all
page.config.no_cache = 0
page.config.index_enable = 1
#realurl
#page.config.simulateStaticDocuments = 0

#page.config.tx_realurl_enable = 1

page.config.htmlTag_setParams = xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"
page.headerData.20 = COA
page.headerData.20 {
  10 = TEXT
  10.value = <link rel="stylesheet" href/fileadmin/_src/std.css" type="text/css" /><link rel="shortcut icon" href="/fileadmin/_img/ico/favicon.ico" /><style type="text/css">@import url("/fileadmin/_src/add.css");</style><style type="text/css" media="print">@import url("/fileadmin/_src/print.css");</style>
  10.insertData = 1
}
page.meta.keywords = TEXT
page.meta.keywords.field = keywords
page.meta.description = TEXT
page.meta.description.field = description
page.bodyTag = <body>


page.10 = TEMPLATE
page.10 {
  template = FILE
  template.file = fileadmin/_html/index.html
  workOnSubpart = DOCUMENT
    


  marks.CONTENT = CONTENT
  marks.CONTENT.table = tt_content
  marks.CONTENT < styles.content.get
  
  marks.MENU = HMENU
  marks.MENU.special = directory
  marks.MENU.special.value = 1
  marks.MENU.1 = TMENU
  marks.MENU.1.noBlur = 1
  marks.MENU.1.wrap = <ul>|</ul>
  marks.MENU.1.NO.allWrap = <li>|</li>
  marks.MENU.1.ACT < .NO
  marks.MENU.1.ACT = 1
  marks.MENU.1.ACT.allWrap = <li class="active">|</li>

  marks.SUBMENU = HMENU
  marks.SUBMENU.special = directory
  marks.SUBMENU.special.value = 1
  marks.SUBMENU.1 = TMENU
  marks.SUBMENU.1.expAll = 0
  marks.SUBMENU.1.NO.doNotShowLink = 1

  marks.SUBMENU.2 = TMENU
  marks.SUBMENU.2.wrap = <ul>|</li></ul>
  marks.SUBMENU.2.noBlur = 1
  marks.SUBMENU.2.NO.linkWrap = <li>||*|</li><li>||*|</li><li>|
  marks.SUBMENU.2.ACT < .NO
  marks.SUBMENU.2.ACT = 1
  marks.SUBMENU.2.ACT.linkWrap = <li class="active">||*|</li><li class="active">||*|</li><li class="active">|

  marks.SUBMENU.3 = TMENU
  marks.SUBMENU.3.wrap = <ul>|</ul>
  marks.SUBMENU.3.noBlur = 1
  marks.SUBMENU.3.NO.linkWrap = <li>|</li>
  marks.SUBMENU.3.ACT < .NO
  marks.SUBMENU.3.ACT = 1
  marks.SUBMENU.3.ACT.linkWrap = <li class="active">|</li>

  marks.SUBMENU.4 = TMENU
  marks.SUBMENU.4.wrap = <ul>|</ul>
  marks.SUBMENU.4.noBlur = 1
  marks.SUBMENU.4.NO.linkWrap = <li>|</li>
  marks.SUBMENU.4.ACT < .NO
  marks.SUBMENU.4.ACT = 1
  marks.SUBMENU.4.ACT.linkWrap = <li class="active">|</li>

  marks.PFAD = HMENU
  marks.PFAD {
    special = rootline
    special.range = 0 | -1
    1 = TMENU
    1.noBlur = 1
    1.NO.allWrap =|&nbsp;/&nbsp;|*||&nbsp;/&nbsp;|*| |
  }

  marks.RIGHTTEASER = CONTENT
  marks.RIGHTTEASER.table = tt_content
  marks.RIGHTTEASER < styles.content.getRight

  marks.CONTENT = CONTENT
  marks.CONTENT.table = tt_content
  marks.CONTENT < styles.content.get

}

tt_content.menu.20.2.wrap =  |
tt_content.menu.20.2.1.NO.allWrap = <h2>|</h2>
tt_content.menu.20.2.2.NO.allWrap = <h3>|</h3>
tt_content.menu.20.2.3.NO.allWrap = <p>|</p>
tt_content.menu.20.2.2.NO.allWrap = <h3 class="sitemap">|</h3>
tt_content.text.20.parseFunc.makelinks.http.extTarget = _blank
tt_content.text.20.parseFunc.tags.link.typolink.target = _self
tt_content.text.20.parseFunc.tags.typolist.2.parseFunc.tags.link.typolink.target = _self
tt_content.text.20.parseFunc.tags.typolist.3.parseFunc.tags.link.typolink.target = _self
tt_content.text.20.parseFunc.tags.typolist.default.parseFunc.tags.link.typolink.target = _self
tt_content.text.20.parseFunc.tags.typolist.1.parseFunc.tags.link.typolink.target = _self
tt_content.text.20.parseFunc.tags.typohead.10.setCurrent.parseFunc.tags.link.typolink.target = _self

tt_content.typolink.wrap = </br>
tt_content.typolink.ATagBeforeWrap=1



lib.stdheader.10.1.fontTag = <h1>|</h1>
lib.stdheader.10.stdWrap.wrap = |

lib.parseFunc.tags.link.typolink.target = _self
lib.parseFunc.tags.link.typolink.target = _self


lib.parseFunc_RTE.sword = |
lib.stdheader.stdWrap.dataWrap = |
lib.stdheader.5.wrap = |
lib.parseFunc.sword = |
tt_content.stdWrap.dataWrap = |
tt_content.stdWrap.innerWrap.cObject.1.value = |
tt_content.stdWrap.innerWrap.cObject.5.value = |
tt_content.stdWrap.innerWrap.cObject.6.value = |
tt_content.stdWrap.innerWrap.cObject.10.value = |
tt_content.stdWrap.innerWrap.cObject.11.value = |
tt_content.stdWrap.innerWrap.cObject.12.value = |
tt_content.stdWrap.innerWrap.cObject.20.value = |
tt_content.stdWrap.innerWrap.cObject.21.value = |
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.addAttributes.P.class =  

# tt_content.




#plugin.tt_news {
#templateFile >
#templateFile = {$tmpPath}news.html
#}

page.includeCSS {
file2 = fileadmin/templates/tt_news/newssetup.css
file2.media = screen
}

plugin.tt_news {

datetimeDaysToArchive = 7
  enableArchiveDate = 0
  pageTypoLink.parameter.current = 1
  
reverseAMenu = 1
  archiveMode = quarter
  archiveTitleCObject >
  archiveTitleCObject = COA
  archiveTitleCObject {
    10 = COA
    10 {
      10= TEXT
      10 {
        field = start
        strftime = %b -&nbsp;
        wrap = <strong>|
      }
      11 = TEXT
      11 {
        field = stop
        strftime = %b %Y
        wrap = |</strong>
      }
      if {
        value.field = start
        equals.data = GPvar:tx_ttnews|pS
      }
    }

    20 = COA
    20 {
      10= TEXT
      10 {
        field = start
        strftime = %b -&nbsp;
        wrap = 
      }
      11 = TEXT
      11 {
        field = stop
        strftime = %b %Y
        wrap = 
      }
      if {
        value.field = start
        equals.data = GPvar:tx_ttnews|pS
        negate = 1
      }
    }
  }
  
}



 #plugin.tx_cal_controller._CSS_DEFAULT_STYLE >
plugin.tx_cal_controller.view.timeFormat = %H:%M 

plugin.tx_cal_controller.view.week.eventStartTimeFormatWeek = %H
plugin.tx_cal_controller.view.week.eventEndTimeFormatWeek = %H
plugin.tx_cal_controller.view.week.eventStartTimeFormatWeek = %H:%M
plugin.tx_cal_controller.view.week.eventEndTimeFormatWeek = %H:%M
plugin.tx_cal_controller.view.week.timeFormatWeek = %H
plugin.tx_cal_controller.view.week.timeFormatWeek = %H:%M
plugin.tx_cal_controller.view.week.eventTimeFormat = %H
plugin.tx_cal_controller.view.week.title_stdWrap.wrap = - 
plugin.tx_cal_controller.view.week.title_stdWrap.wrap = <span>|</span>
plugin.tx_cal_controller.view.week.title_stdWrap.crop = 

plugin.tx_cal_controller.view.week.weekDisplayFullHour = <tr><td colspan="4" rowspan="###60TH_GRIDLENGTH###" align="center" valign="top" width="40" class="timeborder">###TIME###</td><td bgcolor="#a1a5a9" width="1" height="###GRIDLENGTH###"></td>

plugin.tx_cal_controller.view.week.normalCell_stdWrap.wrap = <td colspan="###COLSPAN###" ###CLASS###></td>
plugin.tx_cal_controller.view.week.normalCell_stdWrap.wrap = <td colspan="###COLSPAN###" ###CLASS###>|&nbsp;</td>

plugin.tx_cal_controller.view.week.title_stdWrap.wrap = <span>|</span>
plugin.tx_cal_controller.view.week.eventTimeFormat = %H:%M
plugin.tx_cal_controller.view.month.title_stdWrap.wrap = <span>|</span>
plugin.tx_cal_controller.view.month.title_stdWrap.crop = 
plugin.tx_cal_controller.view.month.title_stdWrap.wrap = 
plugin.tx_cal_controller.view.month.title_stdWrap.wrap = 8|..
plugin.tx_cal_controller.view.month.title_stdWrap.crop = 8|..
plugin.tx_cal_controller.view.month.title_stdWrap.wrap = 
plugin.tx_cal_controller.view.week.calendarStyle_stdWrap.wrap = 
plugin.tx_cal_controller.view.week.calendarStyle_stdWrap.wrap = calendar|
plugin.tx_cal_controller.parseFunc.nonTypoTagStdWrap.HTMLparser = 0
plugin.tx_cal_controller.parseFunc.nonTypoTagStdWrap.HTMLparser = 1

Und das ist die entsprechende CSS Datei:

* {margin:0;padding:0;}
html {height:100.02%;}
body {font:69%/132% "lucida sans unicode",arial,verdana,sans-serif;color:#000;background:url(../_img/ico/ico_bgr_content_800x10.gif) repeat-y center;text-align:center;}
a {text-decoration:none;color:#000;}
h1,h2,p {margin-bottom:1em;}
h1 {font-family:arial,sans-serif;font-size:1.5em;line-height:1.1em;text-transform:uppercase;color:#B10D12;padding:3px;border:1px solid #fff;border-right:0;border-left:0;}
h2,.tx-veguestbook-pi1 h2 {font-size:1.1em;text-transform:uppercase;}
h3,h3 a {font-size:1em;}
.tx-indexedsearch h3 {line-height:1.5em;}
.redmarker,.redmarker a {color:#B10D12;}
.small {font-size:.9em;}
.hidden {display:none;}
.clearer {clear:both;visibility:hidden;overflow:hidden;height:0;border:0 solid;}

/*Seitenbestandteile*/
#container {width:800px;text-align:left;margin:0 auto;}
#twoleftcolumns,#leftcolumn,#content,#marginalie {float:left;}
#marginalie {width:144px;margin-left:20px;}
#twoleftcolumns {width:622px;}
#leftcolumn {width:150px;}
#onlytwoleftcolumns #content {width:630px;}
#tx_chcforum-pi1 {width:616px;}
#content {width:452px;margin:0 0 2em 20px;}
#footer,#copyright {clear:both;margin:0 14px 0 170px;font-size:.9em;}
/* Hide from IE5-mac. Only IE-win sees this. \*/
/* End hide from IE5/mac */
/*Ende Seitenbestandteile*/

/*Navigation*/
#navigation {border:2px solid #fff;border-right:0;border-left:0;padding-left:26px;background:#295200;}
#navigation ul {list-style:none;text-transform:uppercase;font-style:italic;font-family:arial,sans-serif;font-weight:bold;font-size:1.1em;}
#navigation ul li {display:inline;padding-left:18px;font-size:1.1em;}
#navigation ul li a {padding:0 5px 0 12px;color:#fff;}
#navigation ul li a:hover,#navigation ul li.active a {background:url(../_img/ico/ico_linkmenu9x9.gif) no-repeat 0 .25em;}
/*fix bug in ie5.0*/
#navigation ul li a {width:150px;}
#navigation ul li a {width/**/:auto;}
/*end fix*/
/*Ende Navigation*/

/*Subnavigation*/
#breadcrumb {margin:16px 0 12px 0;padding:5px 0;}
#subnavigation {width:150px;padding-top:88px;text-align:right;}
#subnavigation ul {list-style:none;border-top:1px solid #fff;}
#subnavigation ul li {border-bottom:1px solid #fff;}
#subnavigation ul li a {line-height:2em;padding-right:4px;display:block;}
#subnavigation ul li a:hover, #subnavigation ul li.active a {background:#81A932;}
#subnavigation ul li.active ul {margin-bottom:-1px;}
#subnavigation ul li.active ul li a {background:#EAE7D6;font-size:.9em;text-align:left;padding-left:20px;}
#subnavigation ul li.active ul li a:hover, #subnavigation ul li.active ul li.active a {background:#B0D268;}
/*Ende Subnavigation*/

/*Content*/
#content ul,#content ol {margin-bottom:10px;}
pre {font-family:'lucida console',monospace;}
#content li {margin-left:25px;}
.inner a {white-space:nowrap;}
.inner a,#marginalie a,.highlighted {font-weight:bold;}
.inner span.image {padding-bottom:4px;}
.rightimagerow span.image {float:right;padding-left:8px;}
.leftimagerow span.image {float:left;padding-right:8px;}
.tx-gooffotoboek-pi1 span.image {padding-bottom:8px;}
.rightimagerow .image span,.leftimagerow .image span,.fullimage .image span {display:block;margin:1px 0;padding:2px 4px;line-height:1.2em;background:#9A0000;color:#EAE7D6;font-size:.9em;}
.tx-ttnews-browsebox table td {width:70px;}
/*Ende Content*/

/*Marginalie*/
#marginalie {margin-top:55px;}
#marginalie h2 {background:#295200;color:#fff;text-transform:uppercase;padding:4px 10px;margin-bottom:-1px;border:1px solid #fff;font-size:1em;}
#marginalie p {margin:0;padding:4px;border:1px solid #fff;}
/*Ende Marginalie*/

/*Footer*/
#footer {line-height:26px;height:26px;border-bottom:1px solid #000;background:url(../_img/ico/ico_logo_small_51x25.gif) no-repeat 561px 0;}
#footer span {margin-right:40px;padding-right:14px;}
#footer .print {background/**/:url(../_img/ico/ico_linkdruck10x10.gif) no-repeat 99% .1em;}
#footer .imprint {background/**/:url(../_img/ico/ico_linkcopyright10x10.gif) no-repeat 99% .1em;}
#footer .contact {background/**/:url(../_img/ico/ico_linkkontakt10x10.gif) no-repeat 99% .1em;}
#copyright span {color:#B10D12;}
/*Ende Footer*/

/*Formulare*/
fieldset {border:0px solid;}
.searchstring,.searchbutton {font-size:.9em;}
.searchstring {width:70px;margin-right:5px;}
.searchbutton {border:1px solid #fff;background:#81A932;width:50px;}
label,.label {display:none;}
input, select, textarea {font:100% "lucida sans unicode",arial,verdana,sans-serif;color:#000;width:300px;}
td {vertical-align:top;padding-right:10px;}
fieldset div {clear:both;margin:.5em 0;}
label {display:block;width:7em;padding-right:1em;text-align:right;float:left;}
.submitbutton {width:100px;margin:.5em 0 0 8em;}
/*Ende Formulare*/
BeamMeUpScotti ·

Hab wirklich den Wald vor lauter Bäumen nicht gesehen #angry#

CSS von

.inner a {white-space:nowrap;}

auf

.inner a {white-space:normal;}

geändert und schon werden auch Links umgebrochen!!!

Jetzt ist alles schön

Beam