Artikel Titel, Überschrift, etc neben Bild (Thumb)

Guten Abend,
ich hoffe jemand kann mir helfen. Auf meinem Blog www.miki-design.de sollen die Artikel Titel, Überschrift, das Datum, der Author und Kommentaranzahl rechts neben dem Thumb in der Vorschau und im Artikel direkt neben dem Bild laufen. Mit dem Text habe ich es hinbekommen aber Artikel Titel etc noch nicht kann mir jemand helfen ?
Vielen Dank

 

Hier meine Style.css

* {
border: 0;
margin: 0;
padding: 0;
outline: none;
}
body {
background: url(images/bgr.gif) #f7f6f6 repeat-x top;
color: #404040;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: .75em;
}
a {
color: #fa7d11;Kommentar Schrift
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
input, select, textarea {
border: #cfcfcf 1px solid;
color: #404040;
font-size: 12px;
padding: 3px;
font-family: Arial, Verdana, Helvetica, sans-serif;
}
li {
list-style: none;
}
h2 {
color: #222222;
font-size: 1.5em;
font-weight: normal;
letter-spacing: -1px;
margin: 0 0 1em;
}
h3 {
color: #333333;
font-size: 1.2em;
margin: 0 0 .8em;
}
h4 {
font-size: 1em;
margin: 0 0 1em;
}
p {
line-height: 1.5em;
padding: 0 0 1.3em;
}
/*=== Layout ===*/
#page {
margin: 0 auto;
width: 975px;
}
#page-bot {
background: url(images/page-bot.gif) repeat-x top;
height: 39px;
}
/*=== H eader ===*/
#header{
height: 101px;
margin: 0 0 1px;
}
/*- Logo -*/
#header h1 {
background: url(images/logo.png) no-repeat;
float: left;
text-indent: -9999px;
width: 601px;
}
#header h1 a {
display: block;
height: 101px;
}
#header h1 a:hover {
text-decoration: none;
}
/*=== Navigation ===*/
/*- Top Nav -*/
.topnav {
font-size: 10px;
font-weight: bold;
height: 31px;
overflow: hidden;
}
.topnav li {
background: url(images/topnav-sep.gif) no-repeat left;
float: left;
line-height: 30px;
}
.topnav li.first {
background: none;
}
.topnav li.first a {
padding: 0 7px 0 4px;
}
.topnav li a {
color: #333333;
display: block;
float: left;
padding: 0 7px 0 8px;
text-decoration: none;
}
.topnav li a:hover,
.topnav li.active a {
text-decoration: underline;
}
/*- Nav1 -*/
#nav1 {
background: url(images/nav1-sep.gif) no-repeat left top;
font-size: 13px;
height: 37px;
}
#nav1 ul.sf-menu li {
position: relative;
background: url(images/nav1-sep.gif) no-repeat right top;
float: left;
line-height: 37px;
padding: 0 1px 0 0;
text-align: center;
}
#nav1 ul.sf-menu li a {
color: #333333;
display: block;
position: relative;
float: left;
text-decoration: none;
width: 107px;
cursor: pointer;
}
#nav1 ul.sf-menu li a:hover {
text-decoration: none;
background: #FEFEFE;
}
#nav1 ul.sf-menu li ul.children {
border: 1px solid #000000;
background: #272726 url(images/ul_children_bg.gif) repeat-y top right;
}
#nav1 ul.sf-menu li ul.children li {
background: url(images/ul_children_li_bg.gif) no-repeat bottom right;
}
#nav1 ul.sf-menu li ul.children li a {
color: #bebebe;
text-decoration: none;
display:block;
}
#nav1 ul.sf-menu li ul.children li a:hover {
text-decoration: none;
background: none;
}
#nav1 ul.sf-menu li ul.children li ul.children {
border: 1px solid #000000;
border-left: none;
background: #272726 url(images/ul_children_ul_children_bg.gif) repeat-y top left;
}
#nav1 ul.sf-menu li ul.children li ul.children li {
background: url(images/ul_children_li_bg.gif) no-repeat bottom right;
}
#nav1 ul.sf-menu li ul.children li ul.children a {
color: #bebebe;
text-decoration: none;
}
#nav1 ul.sf-menu li ul.children
{
margin:5px 0 0 0;
}
#nav1 ul.sf-menu li ul.children ul.children
{
margin:-1px 0 0 27px;
}
/*=== All Columns ===*/
#columns {
margin: 37px 0 0;
padding: 0 0 15px;
display: table-cell;
display: block;
height: auto !important;
height: 900px;
min-height: 900px;
}
/*=== Center Column ===*/
#centercol {
float: left;
width: 660px;
}
/*=== Right Column ===*/
#rightcol {
float: right;
width: 305px;
}
#rightcol a {
color: #404040;
text-decoration: none;
}
/*=== Sub Columns ===*/
.subcols {
background: url(images/subcols-bgr.gif) repeat-y left;
height: 1%;
}
.col1, .col2 {
float: left;
width: 285px;
}
.col2 {
float: right;
}
/*=== Post ===*/
/*- Post Title -*/
.post-title h1 {
color: #333333;
font-size: 18px;
font-weight: bold;
letter-spacing: -0.5px;

}
.post-title h1 span {
color: #fa7d11;Kategorie beschreibung farbe
}
.post-title h1.author {
color: #888888;
font-size: 14px;
padding-top: 2px;
}
.post-title h2, .post-title h2 a {
font-size: 30px;
font-weight: bold;
letter-spacing: -2px;
margin: 0 0 .45em;
color: #222222;
text-decoration: none;
}
/*- Post Date -*/
.post-date {
margin: 0 0 1.25em;
}
.post-date a {
color: #ffffff;
}
.post-date em {
background: #fa7d11;
color: #ffffff;
font-size: .9em;
font-style: normal;
padding: 3px 5px;
line-height: 1.75em;
}
/*- Post Excerpt -*/
.post-excerpt {
display: table;
font-size: 13px;
font-style: italic;
height: 1%;
/* margin: 0 0 1em; */
}
/*- Post Lists -*/
.post ul, .post ol {
margin: 0 0 1.5em;
}
.post ul li {
background: url(images/ico-list.gif) no-repeat 0 6px;
margin: 0 0 .4em;
padding: 0 0 0 10px;
}
.post ol li {
list-style: decimal;
list-style-position: inside;
margin: 0 0 .4em;
}
/*- Post Blockquote -*/
.post blockquote {
border-left: 3px solid #cfcfcf;
font-size: 13px;
font-style: italic;
margin: 0 0 1.5em;
padding: 5px 0 0 10px;
}
/*- Post Author -*/
.post-author {
margin: 0 0 1em;
}
.author-details {
font-size: .85em;
}
.author-descr {
display: table;
height: 1%;
}
/*- Social Links -*/
.social-links {
background: url(images/box-bgr2.gif) #f1f1f1 repeat-x top;
height: 42px;
padding: 0 18px;
}
.social-links .fl {
line-height: 42px;
}
.social-links .fl span {
background: url(images/comment_count_bg.gif) no-repeat center left;
font-weight: bold;
font-size: 14px;
text-align: center;
padding: 4px 0 8px 0;
width: 33px;
margin-right: 6px;
display: inline-block;
line-height: 32px;
}
.social-links .fr {
padding: 9px 0 0;
}
.social-links .fr span {
line-height: 21px;
}
.social-links img {
margin: 0 0 0 2px;
}
/*- Related Posts -*/
.post-rel {
line-height: 1.5em;
}
.post-rel a {
color: #fa7d11;nicht gefunden
}
/*- Post Comments -*/
.post-comments .fl {
width: 80px;
}
.post-comments .fr {
width: 520px;
}
/*- Widget Title - */
.wtitle {
background: url(images/box-bgr.gif) repeat-x top;
}
.wtitle h2 {
line-height: 40px;
margin: 0;
padding: 0 0 0 18px;
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box {
background: #ffffff;
border: 1px solid fa7d11;nicht gefunden
margin: 0 0 28px;
padding: 1px;
}
.box .content {
background: url(images/box-bgr.gif) #ffffff repeat-x top;
height: 1%;
padding: 18px;
}
.box.ads .content {
padding-left: 15px;
padding-right: 0;
text-align: center;
}
#rightcol .box {
margin: 0 0 10px;
}
/*- Box2 -*/
.box2 {
background: #f9f9f9;
border: 1px solid #cfcfcf;
height: 1%;
margin: 0 0 20px;
padding: 18px;
min-height: 115px;
}
.box2.alt {
background: #FFFFFF;
}
.box2.alt {
background: #FFFFFF;
}
.comm-name, .comm-date {
line-height: 20px;
}
/*=== Styling Lists ===*/
/*- List1 -*/
.list1 li {
background: url(images/ico-list1.gif) no-repeat 0 1.1em;
border-bottom: 1px solid #e7e7e7;
height: 1%;
padding: .7em 0 .7em 13px;
}
.list1 li.last {
border: 0;
}
#rightcol .list1 li a:hover {
color: #33707e;
}
/*=== Styling Forms ===*/
input.btn {
background: none;
border: 0;
margin: 0;
padding: 0;
}
select {
padding: 1px;
}
/*- Search -*/
#search {
float: right;
height: 25px;
padding: 31px 0 0;
}
#search input {
background: url(images/search-bgr.gif) repeat-x top;
border: 1px solid #000000;
float: left;
padding: 8px;
width: 285px;
}
#search input.btn {
background: none;
border: 0;
margin: 8px 0 0 -30px;
padding: 0;
width: auto;
}
/*- Message -*/
.message div {
margin: 0 0 18px;
}
.message input {
padding: 9px 15px;
width: 487px;
}
.message textarea {
height: 114px;
overflow: auto;
padding: 9px 15px;
width: 487px;
font-family: Verdana;
}
.message .submit {
float: left;
}
.message .btn {
padding: 0;
width: auto;
}
.message .notice {
color: #a4a4a4;
float: right;
font-style: italic;
padding: 10px 0 0;
}
/*=== Pics, Thumbs, Ads etc. ===*/
.pic img {
border: 1px solid #cfcfcf;
display: block;
margin: 0 0 .8em;
}
.pic.fl img {
margin-right: 23px;
}
.pic.fr img {
margin-left: 23px;
}
.th {
display: block;
margin: 0 0 .5em;
}
.th.fl img {
margin-right: 10px;
}
.th.fl img
{
width:40px;
height:40px;
border: 1px solid #cfcfcf;
}
.ads img, .ads.flickr .content img {
margin: 0 14px 15px 0;
}
.ads.flickr .content img {
border: 1px solid #cfcfcf;
}
.ads.flickr .ac img {
border: 0;
margin: 0;
}
/*=== Footer ===*/
#footer {
color: #030303;
font-size: 11px;
line-height: 39px;
margin: 0 auto;
width: 975px;
}
#footer a {
color: #030303;
text-decoration: none;
}
#footer a:hover {
color: #030303;
text-decoration: underline;
}
/*=== Misc. ===*/
.fix {
clear: both;
height: 1px;
margin: -1px 0 0;
overflow: hidden;
}
.hl, .hl2 {
background: url(images/hl-dot.gif) repeat-x top;
clear: both;
height: 2px;
overflow: hidden;
width: 100%;
}
.hl2 {
background: none;
border-top: 1px solid #e7e7e7;
height: 1px;
margin: 0 0 .8em;
}
.fl {
float: left;
}
.fr {
float: right;
}
.ac {
text-align: center;
}
.ar {
text-align: right;
}
img.centered, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

 

Hallo,

ich bin neu hier und wusste nicht wo es hinkommt und was für Informationen gebraucht werden

Weißt du eine Lösung?

Gruß Miki

 

Vielen Dank für die Antwort,

habe de Index.php angehängt. Wäre toll wenn mir jemand helfen könnte.

Danke schon mal für eure Mühe