Zum Inhalt springen

universal teaser wird nach html und css Zuweisung nicht angezeigt

Erstellt am 8. März 2015 · Noch keine Antworten

Tags: HTML & CSS, TYPO3 4.x, Frage

kenny13 ·

Moin,

ich habe eine html dabei erstellt mit verlinkung zur css. Die HTML-Datei habe ich mit dem Universal Teaser verlinkt. Jetzt wird mir auf der Website der Teaser nicht angezeigt.

Mein HTML: <head>
<link href="News_Box_Rechts.css" rel="stylesheet" type="text/css">
</head>
<body class="box">
<div class="box" >
<li></li>
<li><a>###TITLE###</a>
<div class="news_tab_meta"><p>veröffentlicht am ###CRDATE###</p></div></li>
</div><!--Ende Box-->
</body>

CSS:

.box
{
position: relative;
width:280px;
height:20px;
padding: 10px 0 0;

}

.box a, .box a:visited
{
display:block;
width:280px;
color:#1D3267;
text-decoration: none;
font: italic 14px/120% "adobe-caslon-pro", serif;
text-align: left;

-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
margin: 8px 0 0;
}
.box a:hover
{
color:black;
text-decoration: none;
}

.news_tab_meta {
padding:6px 0 0;
font-size:10px;
color:#999;
letter-spacing: 1px;
font: italic 10px/120% "adobe-caslon-pro", serif ;
}

.box p {
padding:0 0 3px;
margin: 0;
font-size:10px;
}

.box li {
display:block;
padding:11px 0 7px;
margin:0;
border-bottom:1px solid #DDD;
color:#333;
font: 400 12px/21px "myriad-pro", Arial, Helvetica, sans-serif;
text-shadow: 0px 1px 0px #fff;
}

Danke