Problem mit Grafiken

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

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

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