Hallo,
mir gefällt die Single-Darstellung der TT_News nicht, da 1) das Bild überm Text angezeigt wird und 2) der Bildtext immer breiter ist als das eigentliche Bild.
Wie kann ich das ändern, also das ich das Bild links o. rechts neben dem Text hat und der Bildtext nur so breit ist wie das Bild.
Oder hat jemand ne fertige css-datei die ordentlich aussieht, also besser als die, die ich im moment benutze?
Hier könnt ihr euch ansehen was ich meine. Einfach mal den oberen News-Beitrag anklicken.
die default styles sollten das schon können. in kurz: ein float auf news-single-img
georg
mmhh, nebeneinader ist aber immer noch nicht und der Bildtext ist auch noch zu breit.
.news-single-item {
padding:5px;
margin-bottom:5px;
border:1px solid #193711;
background-color:#CDEFD1;
float: right;
}
.newspicture {
text-align:center;
}
.news-single-item H2 {
font-size: 16px;
font-weight:bold;
color: #85A600;
margin-bottom: 0px;
}
.news-single-item H3 {
margin-bottom: 15px;
}
.news-single-img {
float: left;
margin-left:5px;
}
.news-single-imgcaption {
padding:3px;
clear:both;
}
.news-single-category {
float: right;
}
.news-single-backlink, .news-single-backlink a {
font-weight: bold;
font-size: 10px;
margin-bottom: 15px;
margin-top: 10px;
}
.news-single-timedata {
float: right;
}
.news-single-timedata, .news-single-author,.news-single-imgcaption {
font-size: 9px;
}
.news-single-author {
padding-bottom: 3px;
}
.news-single-additional-info {
background-color: #35844D;
/* clear: both;*/
margin-top: 15px;
border: 1px solid #193711;
padding:3px;
padding-bottom:0px;
}
.news-single-related,.news-single-files,.news-single-links {
border: 1px solid #193711;
margin:0px;
margin-bottom: 3px;
padding:3px;
background-color:#CDEFD1;
}
.news-single-related DD, .news-single-links DD, .news-single-files DD {
margin-left:20px;
}
.news-single-related DT, .news-single-links DT, .news-single-files DT {
font-weight: bold;
font-size: 11px;
margin-left:5px;
width:90%;
}