|
|||
CSS: Grafiken optimieren
Hallo Forum.
Ich habe seit laengerem ein Problem, welches ich nie geloest habe, nun aber mal geloest haben moechte. Beispiel: Ich betreibe ein Forum in dem es wie gewoehnlich die Moeglichkeit gibt Smileys in einem Beitrag zu verwenden. Allerdings habe ich einige Smileys, die leider etwas überdimensioniert sind und z.B. Sachen in die Luft werfen etc. Dementsprechend wird fuer einen Smiley enorm viel Platz in einer Zeile benoetigt. Meine Frage: Gibt es eine Moeglichkeit, wie ich die Größe des Smileys auf beispielsweise 1x1 Pixel reduzieren kann, der Smiley jedoch wie gewohnt angezeigt wird - sodass die Gegenstaende, die der Smiley z.B. hochwirft ueber dem darueberstehenden Text fliegen? - Oder gibt es andere Moeglichkeiten wie ich das realisieren kann? Ich bedanke mich fuer die Hilfe. |
Sponsored Links |
|
|||
Ich weiß nicht genau ob ich dich richtig verstanden habe.
Aber vielleicht hilft dir position: absolute bei den Smileys weiter, dann verhalten sie sich so, als wären sie nicht da und beanspruchen keinen Platz mehr. |
Sponsored Links |
|
|||
Vielen Dank schon mal. Ich hatte das schon einmal ausprobiert via CSS-Datei. Damit funktionierte es nicht. Nun habe ich es mal direkt im <img>-Code eingegeben. Nun scheint es zu funktionieren.
Nun habe ich folgendes Problem (s. Anhang). Ich wuerde den Smiley gerne so hinter dem Text positionieren, dass er auf Hoehe des Textes steht und nicht dass das obere Ende auf Hoehe des Textes ist. |
|
|||
Danke. Klappt so weit. Gibt es auch eine universelle Moeglichkeit, dass jeder Smiley direkt auf der Position neben dem Text auf gleicher Hoehe stehen bleibt? Die Smileys haben alle samt eine andere Groeße. So muesste ich jeden Smiley einzeln einstellen.
Ich hatte es jetzt so geloest: <img style="position:absolute; margin-top:-8px;" src="http://xhtmlforum.de/images/help.gif"> EDIT: Danke. Hab ich schon selber hinbekommen. - Habe "position:absolute" in relative geaendert und den negativen margin-top Wert auf eine Pixelzahl von -1000px gestellt. Sollte alle Smileys abdecken. Vielen Dank fuer deine Hilfe! Geändert von Sheeky (27.10.2012 um 21:44 Uhr) |
|
|||
Danke. Hab ich schon selber hinbekommen. - Habe "position:absolute" in relative geaendert und den negativen margin-top Wert auf eine Pixelzahl von -1000px gestellt. Sollte somit alle meine Smileys abdecken.
Vielen Dank fuer deine Hilfe! |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Ich hasse CSS... | neu-art.de | Offtopic | 24 | 30.08.2008 14:11 |
Wege zum guten CSS - Ausgewählte Links | Sp33dy G0nz4l3s | Ressourcen | 1 | 27.05.2008 12:09 |
CSS: Grafiken per CSS einbinden und deren Ausrichtung | sancho | CSS | 12 | 24.08.2005 14:19 |
[PHP] Funktion zum Optimieren von CSS | Floele | Serveradministration und serverseitige Scripte | 2 | 13.08.2005 11:31 |
CSS Layout mit abgerundeten Ecken | dimension | CSS | 3 | 17.04.2005 19:05 |