[S] jemadenden der mir bei CSS Problem helfen kann

09/03/2012 02:33 Gelsas#1
Hallo,

ich suche jemanden der mir bei einem Problem mit CSS helfen kann, ich will aus meiner sprite.png datei einen bestimmten ausschnitt "auslesen", ach was will ich das erklären, ihr wisst ja wofür man so ein sprite bild brauchen kann.

Also mein Problem da klappt etwas beim "auslesen" nicht ganz ich bin mir eigentlich sicher ich mache es richtig und finde meinen fehler einfach nicht und da dachte ich mir, das ich hier evtl einfach fragen kann und würde euch einmal um hilfe bitten, sodass ich den Fehler endlich beseitigen kann.

MfG,
gelsas
09/03/2012 07:17 ιcσяє#2
Like this ?

Code:
.sprite{
    background: url("sprite.png") no-repeat;
    background-position: top center;
}
top left => Das obere linke bild wird ausgeschnitten.
top center => Das obere mittlere bild wird ausgeschnitten.
top right => Das obere rechte bild wird ausgeschnitten.
center left => Das mittlere linke bild wird ausgeschnitten.
center center => Das mittlere bild wird ausgeschnitten.
center right => Das mittlere rechte bild wird ausgeschnitten.

usw usw usw.....
09/03/2012 13:58 Gelsas#3
So einfach ist es nicht meine sprite bild datei beinhaltet alle buttons etc. etc. die auf der website verwendet werden, nur klappt eine sache beim auslesen nicht deswegen fragte ich nach hilfe...
09/03/2012 14:00 __BuRn3R#4
Musst du über Koordinaten regeln
09/03/2012 14:08 Gelsas#5
Das weiß ich das habe ich auch in allen fällen so gemacht nur einmal klappt es bei mir nicht, aber ich finde den fehler leider nicht
09/03/2012 22:26 Jay Niize#6
Dann poste doch mal bitte deinen Code, oder einen Ausschnitt davon.
09/04/2012 19:08 .Acu³#7
[Only registered and activated users can see links. Click Here To Register...]

Bilder einzeln hochladen und fertigen CSS Code + Sprite herunterladen. ;)
09/05/2012 13:52 Gelsas#8
#entries-content.list ul .info ul.actions li a.love span{background:url(../images/sprite_v12.pn) 0 -160px no-repeat}#entries-content.list ul .info ul.actions li a.unlove span{background:url(../images/sprite_v12.pn) -292px -160px no-repeat}


das ist der betreffende teil den ich ändern will bei diesem sprite bild.

[Only registered and activated users can see links. Click Here To Register...]

Dort meine ich den blassen grünen button :)

mfg

wär eceht super, wenn ihr mir da helfen könntet
09/16/2012 22:52 Gelsas#9
Das problem ist gelöst jetzt bekomm ich es leider nicht zentriert die buttons, habs sogar per margin etc. versucht, kein erfolg könnte sich das jemand evtl mal ansehen? :)

mfg
09/17/2012 17:12 Deathman10#10
Klar, kontaktier mich in Skype, dann guck ich mal dabei ;)