[fubag]

Hallo,

ich habe ein Problem mit dem tt_news und komme einfach nicht weiter.

das Plugin ist installiert funktioniert auch soweit. Die Neuigkeiten werden auf der Rechten Seite mit LIST dargestellt. Im Mozilla sieht alles wunderbar aus und im MSIE ist die Schrift viel zu groß.
Zur benutze ich die tt_news_v2.template.html aus dem EXT: Ordner. Die habe ich ein wenig angepasst.( kein Datum, keine Zeit ) und eine tt_news_v2_styles.css.

Typo3 4.1.1 / tt_news 2.5.0

Was muss ich machen, damit die Schrift im MSIE richtig dargestellt wird?

Mein TS sieht im Moment so aus ...

Typoscript-Code:

1: 2: 3: 4: 5: 6: 7: 8: 9:

plugin.tt_news { pid_lidt > pid_list = 40 PIDitemDisplay = 40 templateFile = fileadmin/templates/tt_news_v2_template.html #   tx-mininews-pi1-searchbox-swordWrap.wrap = | date_stdWrap.strftime = %d.%m.%Y #   time_stdWrap.strftime = %H:%M:%S }

bei Constants:
plugin.tt_news.file.templateFile = fileadmin/templates/tt_news_v2_template.html

Ich hoffe jemand kennt eine Anwort.

Vielen Dank schonmal.

Gruß Thomas

[gbauer81]

Hast du auch anpassungen an der CSS Datei vorgenommen?
Für mich hört sich das eher nach einem CSS Problem an!

[Kurt51]

Zitat von fubag

Hallo,

ich habe ein Problem mit dem tt_news und komme einfach nicht weiter.

das Plugin ist installiert funktioniert auch soweit. Die Neuigkeiten werden auf der Rechten Seite mit LIST dargestellt. Im Mozilla sieht alles wunderbar aus und im MSIE ist die Schrift viel zu groß.
Zur benutze ich die tt_news_v2.template.html aus dem EXT: Ordner. Die habe ich ein wenig angepasst.( kein Datum, keine Zeit ) und eine tt_news_v2_styles.css.

Typo3 4.1.1 / tt_news 2.5.0

Was muss ich machen, damit die Schrift im MSIE richtig dargestellt wird?

Mein TS sieht im Moment so aus ...

Typoscript-Code:

bei Constants:
plugin.tt_news.file.templateFile = fileadmin/templates/tt_news_v2_template.html

Ich hoffe jemand kennt eine Anwort.

Vielen Dank schonmal.

Gruß Thomas

Gib in Deiner CSS passend zum DIV-Container Deiner tt_news-Vorlage ein font-size:1.0em; (oder 14px; oder so) an!

[fubag]

Hallo,

das mit dem CSS habe ich mir auch schon gedacht weil ich im Forum mehrmals gelesen habe man soll eine extra CSS für den MSIE erstellen. Mein Problem ich weiss nicht was ich da rein schreiben soll. Mit Variable x{ font-size:10px;} oder .x usw das kenne ich schon, aber wie gesagt kenne ich die Variablen und Werte nicht.

Anbei meine komplette CSS.

Ich hab hier bestimmt viel doppelt reingeschrieben aber beim Ausprobieren habe ich nicht so drauf geschaut.

body {
background-color:#FFFFD2;
margin-top:10px;
font-family: verdana;
font-size: 10px;
},
html {
font-family: verdana;
font-size: 10px;
}
hp {
background-color:#FFFFD2;
margin-top:10px;
}
a:link {
color: #bb2233;
text-decoration: none;
}
a:visited {
color: #bb2233;
text-decoration: none;
}
a:hover {
text-decoration: underline;
font-weight: bold;
background-color: #bb2233;
color: #e8d2d5;
}
a:active {
color: #bb2233;
text-decoration: none;
}
a:focus {
text-decoration: underline;
font-weight: bold;
background-color: #bb2233;
color: #e8d2d5;
}
.h1 {
font-family: verdana;
font-weight: bold;
color: #000000;
font-size: 10x;
}
.h2 {
font-family: verdana;
font-size: 10px;
color: #000000;
}
.h3 {
font-family: verdana;
font-size: 10px;
color: #000000;
}
.menu_oben {
font-family: verdana;
color: #FFFFFF;
font-weight: bold;
font-size: 10px;
text-decoration: none;
padding-top: 2px;
}
.menu_oben a {
text-decoration: none;
color: #FFFFFF;
}
.menu_oben a:hover {
text-decoration: none;
color: #C1D5F4;
}
.menu_oben a:visited {
text-decoration: none;
color: #ffffff;
}
.menu_oben a:active {
text-decoration: none;
color: #ffffff;
}
.menu_links {
}
.inhalt {
font-family: verdana;
color: #000000;
font-size: 10px;
/*margin: 2px, 0px, 10px, 0px;*/
}
.inhalt h1 {
font-family: verdana;
color: #bb2233;
margin: 0px;
font-size: 12px;
}
.inhalt p {
margin: 10px, 0px, 2px, 0px;
line-height: 150%;
font-family: verdana;
font-size: 10px;
}
/* Mailformular */
fieldset {
padding: 1em;
font: 125%/1 verdana;
border:0px;
}
label {
width: 12em;
font-size: 12px;
padding: 0px 10px 0px 10px;
float: left;
text-align: left;
margin-right: 0.5em
display: block
}
input {
margin-bottom: 10px;
}
textarea {
font-family: verdana;
font-size: 10px;
margin-bottom: 10px;
}

##### ab hier tt_news #####

/*----------------------------------- clearer -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in */

.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer{
clear:right;
height:1px;
font-size:10px;
border:0px solid #FDECD0;
}
.news-latest-container HR.clearer {
font-size:10px;
clear:left;
}
/*----------------------------------- tt_news LATEST view -----------------------------------*/
/* Teaser, wenn da steht Mehr ... */
.news-latest-container {
border:0px;
background-color:#FDECD0;
font-size:8px;
}
.news-latest-container H2,.news-latest-gotoarchive {
font-size: 8px;
color:#fff;
padding:3px;
margin:3px;
border:0px solid #666;
background-color:#FDECD0;
}
.news-latest-gotoarchive {
font-size:8px;
font-weight:bold;
margin-top:5px;
}
.news-latest-gotoarchive A:LINK, .news-latest-gotoarchive A:VISITED, .news-latest-gotoarchive A:HOVER {
font-size:8px;
color:#fff;
}
.news-latest-gotoarchive A {
font-size:8px;
color:#fff;
}
.news-latest-item {
/* IE hack
height: 1%;
line-height: 1.0;
/* IE hack end */

/*padding:3px;
margin:3px;*/
border:0px;
font-size:8px;
background-color:#FDECD0;
}
.news-latest-item IMG {
font-size:8px;
margin-bottom:5px;
margin-right:5px;
border:0px solid #666;
float:left;
}
.news-latest-category IMG {
font-size:5px;
float: none;
border:none;
margin:0px;
}
.news-latest-date,.news-latest-morelink,.news-latest-category {
font-size:8px;
}

.news-latest-morelink {
font-size:8px;
height:10px;
}

.news-latest-morelink A {
font-size:8px;
float:right;
}
/*--------------------------------- tt_news LIST view -----------------------------------*/
.news-list-container {
border:0px solid #000;
background-color:#FDECD0;
font-size:10px;
/* IE hack */
height: 1%;
line-height: 1.3;
/* IE hack end */
}
.news-list-item {
/* IE hack */
height: 1%;
line-height: 1.3;
/* IE hack end */
padding:3px;
margin:3px;
border:0px solid #666;
background-color:#FDECD0;
}
.news-search-form {
font-size:10px;
padding:3px;
margin-bottom:5px;
border:0px solid #666;
background-color:#FDECD0;
}
.news-search-emptyMsg{
font-size:10px;
margin:0px;
}
.news-search-form FORM {
font-size:10px;
margin:0px;
}
.news-list-container H3 {
margin-bottom: 5px;
padding: 2px;
border-bottom: 0px solid #FDECD0;
background-color: #FDECD0;
}
.news-list-container H3 A:LINK,.news-list-container H3 A:VISITED,.news-list-container H3 A:HOVER {
color:#fff;
padding-left:2px;
}
.news-list-container H3 A {
font-size: 10px;
color:#fff;
}
.news-list-container P {
font-size:10px;
padding-left:3px;
}
.news-list-date {
float: right;
color: #3E551C;
width: 180px;
text-align: right;
height: 20px;
margin-top: -2px;
margin-right: -2px;
font-size: 9px;
font-weight: normal;
background-color: #FDECD0;
}
.news-list-imgcaption {
float: right;
padding-top:3px;
padding-right:3px;
font-size: 9px;
}
.news-list-container IMG {
font-size:10px;
float: right;
border:0px solid #666;
margin-bottom:5px;
margin-right:2px;
margin-left:5px;
}
.news-list-category IMG {
font-size:10px;
float: none;
border:none;
margin:0px;
}
.news-list-morelink,.news-list-category {
font-size:9px;
margin-left:3px;
}
.news-list-morelink {
margin-bottom:3px;
}
.news-list-browse {
text-align: center;
}
/*--------------------------------- tt_news Page-Browser ---------------------------------*/
.tx-ttnews-browsebox {
font-size:10px;
margin:3px;
border:0px solid #666;
padding:3px;
background-color:#FDECD0;
}
.tx-ttnews-browsebox TD {
font-size: 10px;
}
.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell {
font-size:10px;
font-weight: bold;
}
.tx-ttnews-browsebox-SCell P,.tx-ttnews-browsebox TD P{
font-size:10px;
margin:0px;
}
.tx-ttnews-browsebox-SCell {
font-size:10px;
background-color: #FDECD0;
border:0px solid #666;
}
.news-search-emptyMsg {
font-size: 10px;
margin-left: 10px;
}
/*--------------------------------- tt_news SINGLE view ---------------------------------*/
.news-single-item {
font-size:10px;
padding:5px;
margin-bottom:5px;
border:0px solid #666;
background-color:#FDECD0;
}
.news-single-item H2 {
font-size: 10px;
font-weight:bold;
color: #bb2233;
margin-bottom: 0px;
}
.news-single-item H3 {
font-size:10px;
margin-bottom: 15px;
}
.news-single-img {
font-size:10px;
float: right;
margin-left:5px;
}
.news-single-imgcaption {
font-size:10px;
padding:3px;
clear:both;
}
.news-single-category {
font-size:10px;
float: right;
}
.news-single-backlink, .news-single-backlink a {
font-weight: bold;
font-size: 10px;
margin-bottom: 15px;
margin-top: 10px;
}
.news-single-timedata {
font-size:10px;
float: right;
}
.news-single-timedata, .news-single-author,.news-single-imgcaption {
font-size: 9px;
}
.news-single-author {
font-size:10px;
padding-bottom: 3px;
}
.news-single-additional-info {
font-size:10px;
background-color: #FDECD0;
/* clear: both; */
margin-top: 15px;
border: 0px solid #666;
padding:3px;
padding-bottom:0px;
}
.news-single-related,.news-single-files,.news-single-links {
font-size:10px;
border: 0px solid #666;
margin:0px;
margin-bottom: 3px;
padding:3px;
background-color:#FDECD0;
}
.news-single-related DD, .news-single-links DD, .news-single-files DD {
font-size:10px;
margin-left:20px;
}
.news-single-related DT, .news-single-links DT, .news-single-files DT {
font-weight: bold;
font-size: 10px;
margin-left:5px;
width:90%;
}
/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */
.news-amenu-container {
margin-top:10px;
padding:3px;
border:0px solid #333;
background-color:#FDECD0;
}
.news-amenu-container LI {
padding-bottom:1px;
}
.news-amenu-container UL {
padding:3px;
margin-top:5px;
margin-left:0px;
margin-bottom:0px;
border:0px solid #666;
background-color:#FDECD0;
list-style-type: none;
}
.news-amenu-container H2 {
color:#666;
padding:3px;
border:0px solid #666;
background-color:#FDECD0;
font-size:12px;
font-weight:bold;
}
.news-amenu-item-year {
font-weight: bold;
border: 0px solid #666;
padding: 2px;
background-color: #FDECD0;
color:#666;
font-size:12px;
font-weight:bold;
}
/*--------------------------------- tt_news Categorymenu (CATMENU) --------------------------------- */
.news-catmenu {
padding:5px;
margin:10px 10px;
border:0px;
background-color:#FDECD0;
font-size:10px;
}
.news-catmenu-header {
font-size:10px;
font-weight:bold;
}
.news-catmenu DIV {
font-size:10px;
white-space: nowrap;
}
.news-catmenu DIV img {
font-size:10px;
margin:0px;
padding:0px;
vertical-align: middle;
}
.news-catmenu-ACT {
font-size:10px;
font-weight:bold;
}
/* Styles for catmenu mode "nestedWraps" */
.level0 {
font-size:10px;
background-color:#fff;
}
.level1 {
font-size:10px;
padding-left:10px;
background-color:#eee;
}
.level2 {
font-size:10px;
padding-left:10px;
background-color:#ddd;
}
.level3 {
font-size:10px;
padding-left:10px;
background-color:#ccc;
}
.level4 {
font-size:10px;
padding-left:10px;
background-color:#bbb;
}


Bei LIST und LATEST hatte ich versucht die Werte zu verändern aber leider ohne Erfolg.

Vielen Dank schonmal für die Hilfe.

Gruß Thomas

[Kurt51]

Lieber Thomas,

als erstes würde ich Dir empfehlen, mehrere css-Dateen zu erstellen:
main.css
navigation.css
tt_news.css
u.s.w.

Mir das Ganze da oben anzuschauen war etwas zuviel aber was ich auf die Schnelle mal gesehen habe ist:
Hast Du wirklich Klassen die "h1" oder "h2" heißen?
Also steht irgendwo z.B. <span class="h1"> - best8immt nicht, oder!? Du wolltest nur die H1-Überschrift "formatieren", dann must Du aber nur
h1 { ... } und nicht .h1 { ... } schreiben! Mit einem "." wird immer eine Klasse identifiziert, mit einem "#" ein id-Objekt..
Nimm Dir mal das hier vor: SELFHTML-Download
Da kannst Du viel über html, css und javascript usw. lernen!