Problem mit Grafiken

[MindGame]

Hallo allerseits,

ich habe ein Problem mit der Darstellung von Smileys und allgemein Grafiken in meinem Blog. Smileys und generell alle Grafiken werden nach oben verrutscht dargestellt, was auch zur Folge hat, das ein grosser Freiraum zwischen der Textzeile vor der Zeile mit der Grafik und der Zeile selbst entsteht. Anschauen kann man sich das hier: http://rivered.net/. Da ich mich zur Zeit erst in CSS einarbeite stehe ich vor einem Problem...hat jemand eine Idee wie man das beheben kann???

Vielen Dank im voraus,
Gruss MindGame

[Denis]

Hallo,

schau mal in der .css Datei nach der Klasse 'wp-smiley'. Vielleicht wird dort irgendwas definiert das die Smilies so weit oben angezeigt werden.

Grüße

[Syntronica]

Yepp! Kopiere mal den Part von wp-smilies von der Klammer auf bis zur Klammer zu!

[Monika]

Zitat von MindGame

Hallo allerseits,

ich habe ein Problem mit der Darstellung von Smileys und allgemein Grafiken in meinem Blog. Smileys und generell alle Grafiken werden nach oben verrutscht dargestellt, was auch zur Folge hat, das ein grosser Freiraum zwischen der Textzeile vor der Zeile mit der Grafik und der Zeile selbst entsteht. Anschauen kann man sich das hier: http://rivered.net/. Da ich mich zur Zeit erst in CSS einarbeite stehe ich vor einem Problem...hat jemand eine Idee wie man das beheben kann???

Vielen Dank im voraus,
Gruss MindGame

die Smilies haben eine class

am besten Du beschreibst sie generell mit der Angabe

body

body img.wp-smiley {border:none;vertical-align:baseline;}

das killt den Rahmen, und setzt sie auf die Basislinie jeder Zeile,

andere Bilder habe ich bei Dir nicht gesehen,
die Background Bilder hast Du fast alle mit top ganz nach oben gesetzt.

mehr zu vertical-align findest du im Internet

das passiert sehr oft, wenn man kein line-height angibt, Deine Zeilen kleben aneinander



lg

[MindGame]

Hallo nochmal & danke erstmal für die schnellen Antworten,

das Problem ist noch nicht behoben... Das mit der class wp-smiley hatte ich hier auch schon über die forumsuche gefunden und ein wenig rumprobiert. Ich geb euch am besten mal den Link auf die style.css damit ihr den Inhalt sehen könnt:

http://rivered.net/blog/wp-content/t...e_DE/style.css

@Monika: Den Code hab ich eingefügt hat aber auch nicht geholfen!

Gruss MindGame

[Monika]

du hast kein line-height angegeben

somit gibt es keine baseline

zu jeder Schriftgröße gibt man auch eine Linienhöhe an


versuche dies

body img.wp-smiley{
vertical-align:baseline; 
line-height:1.2em;height:auto;border:none;}

und gib bei

body { margin: 0; padding: 0; 
background: #00549b url(images/BkgBody.jpg) repeat-x left top; 
font-family: 'Verdana'; color: #202123; 

font-size: 11px;}

line-height:1.4em

an

und nochwas gibts Du wo eine color an sollte sinnvoller weise auch immer die background -color dabei stehen

font-family: Verdana,"sans-serif";

immer die generelle Font Familie dazu geben, hat wer nicht die Verdana, dann nimmt der Browser eine andere sans-serif Schrift

ach ja noch was

verwendest du in PCache Plugin deaktivier dies solange du an der Seite arbeitest, du siehst sonst nie Deine Änderungen
cache leeren muss man dann auch


lg

[MindGame]

Mmhh, geht noch nicht. Ich hab jetzt mal die style.css so belassen wie ichs deiner Meinung nach verstanden hab, damit du sie dir nochmal angucken kannst. Ist das richtig so? Übrigens, ich hab mal den gesamten WP-Ordner durchsucht nach einer Definition von wp-smiley, er hat aber nichts gefunden. Wo definiert WP denn die class? Ist das PCCache ein WP-Plugin? Dann hab ichs nicht installiert denk ich!

Danke nach wie vor

[Monika]

Zitat von MindGame

Mmhh, geht noch nicht. Ich hab jetzt mal die style.css so belassen wie ichs deiner Meinung nach verstanden hab, damit du sie dir nochmal angucken kannst. Ist das richtig so? Übrigens, ich hab mal den gesamten WP-Ordner durchsucht nach einer Definition von wp-smiley, er hat aber nichts gefunden. Wo definiert WP denn die class? Ist das PCCache ein WP-Plugin? Dann hab ichs nicht installiert denk ich!

Danke nach wie vor

ich wurde endlich fündig

die smilies sind alle unter

.PostContent img { padding: 1px; border: solid 1px #f0f0f0; 
margin: 0px 15px 15px 0px;}

und da wird ihnen angeschafft , dass sie 15px von der Linie weg sein sollen


hmpfest

body img.wp-smiley{
vertical-align:baseline; 
line-height:1.2em;height:auto;border:none; margin:0;padding:0;}

hilft das auch nichts -was ich nicht hoffe aber wer weiß dann so

body .PostContent img.wp-smiley{
vertical-align:baseline; 
line-height:1.2em;height:auto;border:none; margin:0;padding:0;}

lg

[MindGame]

Woot, das wars...das war ja schön versteckt... big thanks!!!

Gruss MindGame