eigenes Design: Bilder positionieren klappt nicht

Peter0815

Hallo liebes Forum.

Habe soeben mein erstes eigenes Design erstellt und habe noch ein paar Probleme bei denen ihr mir hoffentlich helfen könnt. Forensuche hab ich benutzt aber die Beiträge die ich gefunden hab haben mein Problem nicht gelöst.

Also es handelt sich um folgendes Design
http://www.sgdruffel.de

Und nun zu den Fehlern die mir aufgefallen sind:
Die Smileys im Gästebuch erzeugen einen Zeilenumbruch, normalerweise sollten die einfach mit in der Zeile stehen (haben sie zumindest im alten Design)

Und die positionierung der Bilder funktioniert nicht, hier ist ein Beispiel

im alten Design sah es so aus:

Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text

Text Text Text Text Text Text Text #####
Text Text Text Text Text Text Text #####
Text Text Text Text Text Text Text #####

Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text

##### Text Text Text Text Text Text Text
##### Text Text Text Text Text Text Text
##### Text Text Text Text Text Text Text

Wobei hier die Rauten das Bild darstellen sollen.

Ich hoffe ihr könnt mir helfen. Und Feedback zu meinem Design sind auch willkommen.

Gruß
Peter

Daten zu meiner Wordpressinstallation

WordPress 2.9.2.

Plugins:
AdButtons
Antospam Bee
DMS Guestbook
Events
Flash Video Player
MiniMeta Widget
NextGEN Gallery
SABRE
Simple Press Forum
Visitor Counter Widget
WP-PageNavi
WP-Polls
WP Overview

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

mfitzen

Öffne die style.css des Themes und entferne :

Code

.postcontent img {
    display: block;
    float: none;
}

Suche dann nach

Code

aalignleft {
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}
.aalignright {
    float: right;
    margin-left: 5px;
    margin-top: 5px;
}
.aaligncenter {
    clear: both;
    display: block;
    margin: 0;
}

Alles anzeigen

und entferne dort jeweils das erste a aus der Klassenbezeichnung. Es heißt: .alignleft, .alignright und .aligncenter.

Peter0815

Superpremium, danke für die schnelle Hilfe.

Ich depp hab das a auch noch davorgeschrieben um die Befehle testweise außer Kraft zu setzten :D

Das ändern hat allerdings einen neuen Fehler verursacht

http://www.sgdruffel.de/?paged=3

Wie ihr seht zerschießt jetzt das Bild meinen Artikel.

Wäre echt super wenn ihr mir da auch noch helfen könntet

Tutrix

füge mal vor dem schließenden </div> des postcontent ein clear-div

also so

Code

<div class="postcontent">


php-Inhalt


<div class="clear"></div>
</div>

und dies in die style.css

Code

.clear {
    clear: both;
    margin: 0;
    padding: 0;
}

Peter0815

Aaah die Lösung kann manchmal so einleuchtend sein.

Vielen vielen Dank für eure Hilfe. Dank euch bin ich jetzt stolzer Besitzer eines eigenen funktionierenden Themes :razz:.

Gruß Peter

Willkommen! Melden Sie sich an oder registrieren Sie sich.

eigenes Design: Bilder positionieren klappt nicht

Jetzt mitmachen!