Hi,
ich habe die Extension "dh_linklayout" runtergeladen
und installiert. Nun wollte ich mir das Ergebnis im Frontend ansehen, leider jedoch ohne Erfolg. Obwohl ich, denke ich, alles richtig gemacht habe, wird die Extension nicht beruecksichtigt.
Hilfe!
was ist denn alles richtig?
Mit alles richtig meine ich die Einstellungen im Constant Editor.
Ich hatte das Problem auch mal. Ich weiß im Moment aber nicht mehr, woran es gelegen hatte. Ich glaube, es lag am Template/CSS. Poste mal Dein Template und CSS. Irgendwas mit DIV-Containern um den Content oder so...
Schau mal, ob du irgendwo in deinem Setup die
tt_content.text.20.parseFunc.tags.link.typolink.userFunc
überschreibst.
HI,
im Setup ueberschreibe ich nicht die
tt_content.text.20.parseFunc.tags.link.typolink.userFunc
Mein CSS sieht so aus:
/******************************************************************
format.css:
--> Kunde: exosign GbR
--> Domain: exosign.de
--> Autor: David Langer
Sektionen:
allgemeine Defintionen
Seitenlayout
speziellere Defs
******************************************************************/
/** allgemeine Definitionen *****************************************************************/
body,html {
padding: 0px;
margin: 0px;
background-color: #ECECEC;
font-family: tahoma, arial, verdana, sans-serif;
font-size: 10pt;
}
table {
font-family: tahoma, arial, verdana, sans-serif;
font-size: 10pt;
letter-spacing: 1px;
line-height: 13pt;
}
td {vertical-align: top}
a:link {
color: #6699CC;
text-decoration: none;
border-bottom: 1px dotted #6699CC;
}
a:visited {
color: #336699;
text-decoration: none;
border-bottom: 1px dotted #336699;
}
a:hover,a:active {
color: black;
border-bottom: 1px dotted black;
}
img {
border-width: 0px;
padding: 0px;
margin: 0px;
float: left;
}
h3 {
font-size: 10pt;
}
h2 {
font-size: 11pt;
}
h1 {
font-size: 14pt;
}
/** Seitenlayout ***************************************************************************/
#die_seite {
width: 808px;
position: absolute;
left: 50%;
top: 5px;
margin-left: -404px;
padding: 0px;
background-color: white;
background-image: url('img/inhalt_hg.png');
background-repeat: repeat-y;
background-position: center;
}
#der_header {
width: 808px;
height: 154px;
background: #76A4C6 url('img/header.png');
background-repeat: no-repeat;
}
#der_slogan {
position: relative;
left: 300px;
top: 70px;
font-family: serif;
font-style: italic;
font-size: 18pt;
color: white;
}
#die_navigation {
width: 180px;
height: 154px;
position: absolute;
top: 0px;
right: 0px;
margin-right: 5px;
}
#die_navigation ul {
list-style: none;
padding: 0px;
padding-top: 4px;
margin: 0px;
}
#die_navigation li {
width: 176px;
height: 22px;
padding-top: 4px;
padding-bottom: 4px;
}
#die_navigation a:link,#die_navigation a:visited {
width: 176px;
padding: 3px 0 3px 6px;
text-decoration: none;
font-weight: bold;
display: block;
color: white;
background-repeat: no-repeat;
border-width: 0px;
}
#die_navigation a:hover,#die_navigation a:active {
color: black;
}
#die_navigation a#nav1:link,#die_navigation a#nav1:visited {
background-image: url(img/nav1a.png);
}
#die_navigation a#nav1:hover,#die_navigation a#nav1:active {
background-image: url(img/nav1b.png);
}
#die_navigation a#nav2:link,#die_navigation a#nav2:visited {
background-image: url(img/nav2a.png);
}
#die_navigation a#nav2:hover,#die_navigation a#nav2:active {
background-image: url(img/nav2b.png);
}
#die_navigation a#nav3:link,#die_navigation a#nav3:visited {
background-image: url(img/nav3a.png);
}
#die_navigation a#nav3:hover,#die_navigation a#nav3:active {
background-image: url(img/nav3b.png);
}
#die_navigation a#nav4:link,#die_navigation a#nav4:visited {
background-image: url(img/nav4a.png);
}
#die_navigation a#nav4:hover,#die_navigation a#nav4:active {
background-image: url(img/nav4b.png);
}
#die_navigation a#nav5:link,#die_navigation a#nav5:visited {
background-image: url(img/nav5a.png);
}
#die_navigation a#nav5:hover,#die_navigation a#nav5:active {
background-image: url(img/nav5b.png);
}
#der_bereich {
width: 130px;
padding-top: 10px;
padding-left: 14px;
float: left;
background-color: white;
background-image: url('img/inhalt_links.png');
background-repeat: repeat-y;
background-position: left;
}
#der_bereich ul {
padding: 0px;
padding-top: 10px;
margin: 0px;
list-style: none;
}
#der_bereich a:link,#der_bereich a:visited,#der_bereich a:hover,#der_bereich a:active {
display: block;
padding: 5px 0px 5px 10px;
margin-bottom: 3px;
width: 100px;
border-width: 0px;
}
#der_inhalt {
width: 450px; /* _450_ / 467 / 664 */
float: left;
padding: 10px 0 20px 0;
letter-spacing: 1px;
line-height: 13pt;
}
#der_login {
position: absolute;
right: 0px;
bottom: 0px;
width: 197px;
height: 199px;
vertical-align: bottom;
float: right;
background-color: white;
background-image: url('img/login_hg.png');
background-repeat: repeat-y;
background-position: right;
font-size: 8pt;
color: gray;
}
#die_ecke {
position: absolute;
right: 0px;
bottom: 0px;
width: 197px;
height: 90px;
float: right;
vertical-align: bottom;
background-color: white;
background-image: url('img/seite_rechtsunten.png');
background-repeat: repeat-y;
background-position: right bottom;
}
#der_login form {
padding-left: 20px;
padding-top: 50px;
}
#das_ende {
width: 808px;
height: 4px;
background-image: url('img/inhalt_unten.png');
background-repeat: no-repeat;
background-position: bottom;
}
#passfotos {
height: 233px;
padding: 20px 90px;
}
.bild {
padding: 0px;
border: 1px solid lightgrey;
margin: 2px;
}
.anker {
text-decoration: none;
border-width: 0px;
border-style: none;
}
.alignright {
text-align: right;
}
.clearboth {
clear: both;
}
td.ref-titel {
height: 10px;
vertical-align: top;
}
td.ref-text {
height: 100%;
vertical-align: top;
}
td.ref-url {
vertical-align: bottom;
}
a.extern {
background-image: url(img/extern.gif);
background-position: right;
background-repeat: no-repeat;
padding-right: 10px;
}
td.kontakt-col1 {
width: 50%;
}td.kontakt-col2 {
width: 50%;
}
/** CSS STYLED CONTENT *******************************************************************/
p.csc-form-label-req {padding: 0px; margin: 0px}
p.bodytext {
margin: 10px;
}
/* CSS -> gov_dings */
/* Licensed under the GPL, see http://www.gnu.org/copyleft/gpl.html (c) the TYPO3 content rendering group */
/* COMMON */
.csi-textpic { }
.csi-textpic img { margin: 4px; }
#der_inhalt .csi-textpic img { /*padding: 5px; background: white;*/ margin: 5px; border: 5px solid white; /*#FFB800; */}
.csi-textpic .csi-caption { text-align: left; /* will have to be an inline style? - controlled by TS [left - right - center]*/ font-style: italic;}
.csi-textpic .csi-image { margin: 0 0 3px 0; /*width: 210px; will have to be an inline style - controlled by TS*/}
.csi-textpic .csi-imagewrap { text-align: center; }
.csi-textpic .csi-text { text-align: left; /*will have to be an inline style - controlled by TS*/ }
.csi-text p { margin-top: 0; }
/* CENTER */
.csi-center .csi-image { margin: 0 auto; }
.csi-center img{ clear: both }
/* RIGHT */
.csi-right div.csi-image { float: right; clear: both; }
.csi-right div.csi-text { clear: right; }
/* LEFT */
.csi-left div.csi-image { float: left; clear: both; }
.csi-left div.csi-text { clear: left; }
/* INTEXT LEFT */
.csi-intext-left .csi-image { float: left; clear: both; margin-right: 5px; }
/* INTEXT RIGHT */
.csi-intext-right .csi-image { float: right; clear: both; margin-left: 5px; }
/* INTEXT RIGHT NOWRAP */
.csi-intext-right-nowrap .csi-text { /*margin-right: 215px; will have to be an inline style - controlled by TS*/ } /* Hide from IE5-mac. Only IE-win sees this. \*/ *html .csi-intext-right-nowrap .csi-text { height: 1%; } /* End hide from IE5/mac */
.csi-intext-right-nowrap .csi-image { float: right; clear: both; }
/* INTEXT LEFT NOWRAP*/ .csi-intext-left-nowrap .csi-text { /*margin-left: 215px;will have to be an inline style - controlled by TS*/ } /* Hide from IE5-mac. Only IE-win sees this. \*/ *html .csi-intext-left-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */ .csi-intext-left-nowrap .csi-image { float: left; clear: both; }
und letztlich mein Template:
Seite = PAGE
#schoenere Links
config.simulateStaticDocuments = 1
config.simulateStaticDocuments_noTypeIfNoTitle = 1
#Sprache festlegen
config.language = de
#Neue Variable anlegen: L = Language
config.linkVars = L
#Id für standard Sprache festlegen:
config.sys_language_uid = 0
config.index_enable = 1
config.index_externals = 1
#Statistiken ausgeben
config.stat_apache = 1
config.stat_apache_logfile = awstat_log.txt
#Doctype ausgeben
config.doctype = xhtml_strict
config.xmlprologue = none
config.xhtml_cleaning = all
#CSS nicht inline erstellen
config.inlineStyle2TempFile = 1
#Bilder nice positionieren (nicht standard-styles verwenden)
plugin.tx_cssstyledimgtext._CSS_DEFAULT_STYLE >
Seite {
typeNum = 0
includeCSS.standard = fileadmin/exosign-de/format.css
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/exosign-de/exosign-de.html
10.workOnSubpart = DOCUMENT_BODY
#Alle Marker
10.marks {
#Inhalt
INHALT = CONTENT
INHALT {
table = tt_content
#sortieren
select.orderBy = sorting
select.where = colPos = 0
select.languageField = sys_language_uid
}
#Impressumlink
IMPRESSUM = COA
IMPRESSUM.10 = TEXT
IMPRESSUM.10.wrap = <a href="impressum.html">Impressum</a>
# IMPRESSUM.20.wrap = <form method="get" action="index.php"><input type="hidden" name="id" value="|" /><select onchange="javaScipt:this.form.submit()" name="L"><option value="0" selected="selected">Deutsch</option><option value="1">English</option></select>
}
}
[loginUser = *]
tt_content.login.20 {
layout = ###LABEL### ###FIELD###
stdWrap.wrap >
redirect = 12
hiddenFields.pid.value = 51
dataArray.40.value = Auslogen
}
[else]
tt_content.login.20 {
layout = ###LABEL######FIELD###
stdWrap.wrap >
redirect = 12
dataArray.10.label = Login-Name:
dataArray.20.label = Passwort:
dataArray.40.value = Einlogen
}
[end]
#Die Ecke
[globalVar = TSFE:id=6]
Seite.10.marks.DIE_ECKE = CONTENT
Seite.10.marks.DIE_ECKE {
wrap = <div id="der_login">|</div>
table = tt_content
select.pidInList = 142
}
Seite.10.marks.DIE_ECKE.layout = ###LABEL###
[else]
Seite.10.marks.DIE_ECKE = TEXT
Seite.10.marks.DIE_ECKE.wrap = <div id="die_ecke"></div>
[end]
[globalVar = GP:L=1]
config.sys_language_uid = 1
config.language = en
# Seite.10.marks.IMPRESSUM.20.wrap = <form method="get" action="index.php"><input type="hidden" name="id" value="|" /><select onchange="javaScipt:this.form.submit()" name="L"><option value="0">Deutsch</option><option value="1" selected="selected">English</option></select></form>
[global]
Hui, ne' Menge Text...