smilies rutschen eine zeile tiefer

bijomo

hallo zusammen,

habe ein problem mit den von wp generierten smilies.
beispiel: so sollte es sein
text text :) text text

und so erscheint es:
text text text text
:)

im kommentarfeld erscheinen die smilies sogar ausserhalb des feldes (am unteren rand).

hab schon alles mögliche probiert. ich bekomme es einfach nicht hin.
in der css habe ich für die smilies folgendes:

Code

#content img.wp-smiley {
         border: none;
}

einen link zur seite kann ich nicht liefern, da ich wp z.zt. noch lokal installiert habe.

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

bijomo

ja, wahrscheinlich ist mein problem nicht soo megawichtig....
wär aber trotzdem nett, wenn jemand ne idee hat, was ich in die css für die smilies eintragen muss damit sie innerhalb des textes bzw der zeile erscheinen.
danke!

Woodstock

Ist schwierig, ohne näheres zum Theme zu wissen. Ich könnte mir vorstellen, dass Bilder generell links floaten oder sowas. Schau doch mal in der style.css bei allem, was mit img zu tun hat, oder poste mal die style.css.

bijomo

ok, hier die style.css:

Code

html, body {
 margin: 0;
 padding: 0;
 text-align: center;
}
body {
 background: #a9ac99 url(images/top_right.gif) no-repeat top right;
 font-size: 14px;
 font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
 padding: 20px 0;
 color: #333333;
}
a {
 background: inherit;
 color: #dc5e04;
 text-decoration: none;
}
acronym {
 text-decoration: none;
 border-bottom: 1px dotted #808979;
}
blockquote {
 border-left: 1px solid #e0e0d0;
 padding-left: 10px;
 margin: 0 30px;
}
code {
 background: inherit;
 color: #990000;
 text-align: left;
}
h1, h1 a {
 background: inherit;
 color: #DC5E04;
 font-size: 20px;
 font-weight: normal;
 font-family: Georgia, 'Times New Roman', Times,'Lucida Sans', 'Lucida Sans Unicode', serif;
 margin: 40px 0 0 0;
 padding: 0;
 text-decoration: none;
}
h2, h2 a {
 background: inherit;
 color: #DC5E04;
 font-size: 13px;
 font-weight: normal;
 letter-spacing: 0.09em;
 margin: 0;
 padding: 0;
}
h3 {
 background: inherit;
 color: #990000;
 font-size: 13px;
 margin: 15px 0 15px 0;
 padding: 0;
}
h4 {
 font-size: 11px;
 font-weight: normal;
 margin: 0;
 padding: 0;
}
.wp-smiley {border: none;}
 
img {
 border: none;
}
ol, form {
 margin: 0;
 padding: 0;
}
ul {
 list-style-type: circle;
}
p {
 line-height: 1.5em;
 text-align: justify;
}
small {
 font-size: 10px;
 line-height: 1.2em;
}
.avatar {
        margin: 5px 15px 5px 0px; 
        border: 1px #ccc;
        padding: 3px;
}
 
#comment {
 background: #ffffff;
 border: 1px solid #e9e9d9;
 color: #595949;
 font-size: 11px;
         margin-left: 100px
 padding-left: 2px;
          vertical-align: middle;
 width: 350px;
}
 
#mcspvalue {
    border: 1px solid #e9e9d9;
    height: 15px;
    width: 40px;    
}
#content {
 background: inherit;
 border: none;
 color: #333333;
 margin: 0;
 padding: 0 30px 30px 67px;
 text-align: left;
 width: 430px;
}
#content a:hover {
 text-decoration: underline;
}
 
#content img {
        float: left;
 margin-bottom: 10px;
 border: 1px solid #a9ac99;
}
#content img.wp-smiley {
         border: none;
}
#email, #author {
 background: #ffffff;
 border: 1px solid #e9e9d9;
 color: #595949;
 font-size: 11px;
 padding-left: 2px;
 vertical-align: middle;
}
#footer {
 background: url(images/bottom.gif) no-repeat bottom center;
 background-color: inherit;
 clear: both;
 color: #808979;
 font-size: 10px;
 height: 65px;
 margin: 0;
 padding: 10px 10px 10px 67px;
}
#footer a:hover {
 text-decoration: underline;
}
 
#header {
 background: inherit;
 color: #a0a999;
 font-size: 11px;
 height: 120px;
 margin: 0;
 padding: 8px 30px 0 7px;
 text-align: right;
 width: 490px;
}
#header a {
 background: inherit;
 color: #990000;
}
#header img {
 border: none;
}
#page {
 background: url(images/middle.gif) repeat-y top center;
 margin: 0 auto;
 padding: 0;
 text-align: left;
 width: 714px;
}
#s {
 background: #ffffff;
 border: 1px solid #e0e0d0;
 color: #595949;
 font-size: 11px;
 height: 15px;
 padding-left: 2px;
 vertical-align: middle;
 width: 115px;
}
#sidebar {
 border: none;
 float: right;
 font-size: 11px;
 margin: 0;
 padding: 0 27px 30px 0px;
 text-align: left;
 width: 128px;
}
#sidebar a {
 background: inherit;
 color: #444433;
}
#sidebar a:hover {
 background: inherit;
 color: #dc5e04;
}
#sidebar h2 {
 background: inherit;
 color: #dc5e04;
 font-size: 11px;
 font-weight: normal;
 letter-spacing: 0.3em;
 margin: 20px 0 10px 0;
 padding: 0;
}
#sidebar li {
 line-height: 1.5em;
 list-style-type: none;
 margin: 0;
 padding: 0;
}
#sidebar ul {
 list-style-type: none;
 margin: 0 0 0 10px;
 padding: 0;
}
#noindent {
 margin: 0 0 0 -10px;
 padding: 0;
}
#submit {
 background: #ffffff;
 border: 1px solid #e9e9d9;
 color: #595949;
 font-size: 11px;
 margin: 0;
 padding: 0 10px;
}
#top {
 background: transparent url(images/top.gif) no-repeat top center;
 height: 30px;
}
#url {
 background: #ffffff;
 border: 1px solid #e9e9d9;
 color: #595949;
 font-size: 11px;
 padding-left: 2px;
 vertical-align: middle;
}
#wrapper {
 float: left;
 margin: 0;
 padding: 0;
}
.alignleft {
 float: left;
 text-align: left;
}
.alignright {
 float: right;
 margin-top: -1px;
 text-align: right;
}
 
.commentbody {
 color: #595949;
 font-size: 12px;
 margin: 0 0 10px 0;
 padding: 15px 15px 5px 15px;
 background: #f7f7f0;
 border: 1px solid #f0f0e0;
 position: relative;
}
.commentbody p {
 line-height: 1.2em;
}
.commenttext {         
         margin: 30px 5px 0px 65px;         
}
.commentlink {
 font-size: 10px;
}
.commentlist {
 list-style: none;
}
.commentcount {
 background: inherit;
 position: absolute;
 right: 36px;
 top: 0;
 font-family: Georgia, Times, 'Times New Roman', serif;
 font-size: 24px;
 font-weight: bold;
 color: #ccc;
 float: right;
}
html[xmlns] .commentcount {
 position: absolute;
 right: 7px;
 top: 0;
}
.date {
 background: inherit;
 color: #808979;
 font: 11px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
 letter-spacing: 0.09em;
 margin: 0;
 padding: 0 0 0 2px;
}
.navigation {
 font-size: 11px;
 padding: 40px 0 0 0;
}
.pagetitle {
 font-size: 11px;
 letter-spacing: 0.09em;
 text-align: right;
}
.postmetadata {
 background: inherit;
 color: #808979;
 font-size: 11px;
 letter-spacing: 0.09em;
 margin: 0;
 padding: 0;
 text-align: right;
}
.postmetadata a {
 background: inherit;
 color: #808979;
}
 
/* different postmetadata style for single.php */
.alt {
 line-height: 1.4em;
 padding: 0 0 15px 30px;
}
.alt a {
 background: inherit;
 color: #990000;
}

Alles anzeigen

das theme ist relaxation.

Woodstock

Ich tippe auf dieses:

HTML

#content img {
        float: left;
 margin-bottom: 10px;
 border: 1px solid #a9ac99;
}

Nimm da mal das float: left; raus.

bijomo

ja, das funktioniert. zusätzlich musste ich noch [COLOR=blue]margin-bottom[/COLOR] rausnehmen.
bei den css-angaben für avatar [COLOR=blue]float:left[/COLOR] wieder einfügen.

hat das denn irgendwelche negativen auswirkungen wenn bei content img das [COLOR=blue]float:left[/COLOR] rausgenommen wird? bzw kann ich das auch nur für die smilies rausnehmen. wenn ja, wie würde das gehen?

Woodstock

Momentan floaten alle Grafiken links, das ist weder negativ noch positiv :-D Die Frage ist, wie willst du das haben? Wenn sie weiterhin links floaten sollen, ändere es wieder so, wie es vorher war, und schreib nur bei den Smileys ein float:none; dazu.

H75

!important ist immer gut. :D Hat mir auch schon geholfen. *g*

bijomo

hat geklappt! auch ohne important :mrgreen:

vielen dank für die netten tipps!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

smilies rutschen eine zeile tiefer

Jetzt mitmachen!