zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS: Grafiken optimieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 27.10.2012, 19:55
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.10.2012
Beiträge: 8
Sheeky befindet sich auf einem aufstrebenden Ast
Lächeln 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.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 27.10.2012, 21:15
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 02.01.2012
Beiträge: 487
dazzle89 wird schon bald berühmt werden
Standard

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.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 27.10.2012, 21:25
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.10.2012
Beiträge: 8
Sheeky befindet sich auf einem aufstrebenden Ast
Standard

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.
Angehängte Grafiken
Dateityp: png Unbenannt.PNG (14,7 KB, 13x aufgerufen)
Mit Zitat antworten
  #4 (permalink)  
Alt 27.10.2012, 21:29
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 02.01.2012
Beiträge: 487
dazzle89 wird schon bald berühmt werden
Standard

schon mit negativem margin-top probiert?
Mit Zitat antworten
  #5 (permalink)  
Alt 27.10.2012, 21:37
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.10.2012
Beiträge: 8
Sheeky befindet sich auf einem aufstrebenden Ast
Standard

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)
Mit Zitat antworten
  #6 (permalink)  
Alt 27.10.2012, 21:44
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 02.01.2012
Beiträge: 487
dazzle89 wird schon bald berühmt werden
Standard

Ich denke nicht....

Kannst du nicht alternativ die Smileys kleiner skalieren sodass es überall passiert? Mit max-height oder so
Mit Zitat antworten
  #7 (permalink)  
Alt 27.10.2012, 21:45
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.10.2012
Beiträge: 8
Sheeky befindet sich auf einem aufstrebenden Ast
Standard

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!
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:30 Uhr.