Grafische Ausgabe von Inhaltstypen

Du musst praktisch den Float Befehl wieder unterbrechen im nächsten Element.
z.B mit
display: block;
clear: both

Danke für die schnelle Antwort !!!

Habs probiert, geht aber nicht?

Ich habe so das Gefühl das Ich in der Style.css falsch bin. Wenn man bei Google recherchiert bekommt man den Eindruck, das die Befehle in irgendeiner Html-Datei eingearbeitet werden müssen.

Weist du welche Datei für die Ausgabe des von mir angelegten Inhaltstyps verantwortlich ist? oder wo müssen die Befehle doch in der CSS Datei des Themes?

Grüße nach Berlin

CRZ

Meine CSS:

/* ----------------- Content ------------------ */

.content {
margin-top: 10px;
}
h1#page-title {
font-size: 2em;
line-height: 1;
}
#content h2 {
margin-bottom: 2px;
font-size: 1.429em;
line-height: 1.4;
}
.node .content {
font-size: 1.071em;
padding: 20px;
}
.node-teaser .content {
font-size: 1em;
}
.node-teaser h2 {
margin-top: 0;
padding-top: 0.5em;
}
.node-teaser h2 a {
color: #181818;
}
.node-teaser {
border-bottom: 1px solid #d3d7d9;
margin-bottom: 30px;
padding-bottom: 15px;
}
.node-sticky {
background: #f9f9f9;
background: rgba(0, 0, 0, 0.024);
border: 1px solid #d3d7d9;
padding: 0 15px 15px;
}
.node-full {
background: none;
border: none;
padding: 0;
}
.node-teaser .content {
clear: none;
line-height: 1.6;
}
.meta {
font-size: 0.857em;
color: #68696b;
margin-bottom: -5px;
}
.submitted .user-picture img {
float: left; /* LTR */
height: 20px;
margin: 1px 5px 0 0; /* LTR */
}
.field-type-taxonomy-term-reference {
margin: 0 0 1.2em;
}
.field-type-taxonomy-term-reference .field-label {
font-weight: normal;
margin: 0;
padding-right: 5px; /* LTR */
}
.field-type-taxonomy-term-reference .field-label,
.field-type-taxonomy-term-reference ul.links {
font-size: 0.8em;
}
.node-teaser .field-type-taxonomy-term-reference .field-label,
.node-teaser .field-type-taxonomy-term-reference ul.links {
font-size: 0.821em;
}
.field-type-taxonomy-term-reference ul.links {
padding: 0;
margin: 0;
list-style: none;
}
.field-type-taxonomy-term-reference ul.links li {
float: left; /* LTR */
padding: 0 1em 0 0; /* LTR */
white-space: nowrap;
}
.link-wrapper {
text-align: right;
}
.field-type-image img,
.user-picture img {
float: left;
margin: 5px 10px 0px 5px;
}
ul.links {
color: #68696b;
font-size: 0.821em;
}
.node-unpublished {
margin: -20px -15px 0;
padding: 20px 15px 0;
}
.node-unpublished .comment-text .comment-arrow {
border-left: 1px solid #fff4f4;
border-right: 1px solid #fff4f4;
}

/* ----------------- Comments ----------------- */

Du musst die entsprechenden Selektoren mit den von Drupal zugewiesenen Klassen für die Elemente deiner Felder finden. Das geht mit firebug recht easy. Über die Klassen kannst du die Inhalte dann per css nach Belieben formatieren.

img Tags eine float Angabe zuzuweisen, wenn sie horizontal angeordnet sein sollen, ist eigentlich Unsinn. Bilder sind inline Elemente, die im Browser ohnehin nebeneinander positioniert werden. Wenn die Bilder umbrechen, hat das andere Gründe.

Du kannst mir gerne einen Link schicken, dann kann ich dir genau sagen wo was reinkommt.