Text neben Icon 
Autore: Bernhard K.Hallo zusammen
Folgendes Problem beschäftigt mich seit 2 Tagen:
auf einer Seite sind untereinander 10 mal je ein Icon und ein Text, also z.B.
i1 t1...
i2 t2...
i3 t3... usw.
bislang war jede Zeile ein eigenes Textobjekt, welches auch das jeweilige Icon enthielt.
Jetzt erfordern aber 10 Icons 10 Files, d.h. 10 HTTP-Requests, schlecht für die Performance (und das Google Ranking)
Jetzt hab ich die 10 Icons in ein CSS-Sprite zusammengepackt und zeig das Icon mit entsprechendem Offset und Breite über ein HTML-Objekt (und CSS) an. Das funktioniert problemlos und kostet nur einen HTTP-Request;
Wenn ich aber rechts davon Text anzeige, habe ich das Problem, dass das HTML-Objekt in einer eigenen Zelle liegt, deren Breite abhängig von der Breite des Browserfensters ist, d.h. bei großem Fenster ist der Abstand zwischen Icon un Text zu groß, bei kleiner Breite wird das Icon nicht mehr vollständig angezeigt.
Hat jemand eine Idee?
Bernhard
Mit Google Translate habe ich das Problem nicht verstanden;
... kannst du den LINK der Seite setzen um zu bewerten ...? ...
(IT) con google translate non ho capito il problema;
... puoi mettere il LINK della pagina per poter valutare...?...
.
ciao
.
Das Problem ist weil du den Raster nicht so klein einstellen kannst. Möglicherweise wenn du per CSS Befehl noch das Icon rechtsbündig anordnen würdest. Oder du bindest den HTML Code in ein Text-Objekt ein (vor dem Text der nachher angezeigt werden soll) und aktivierst oben per Button das HTML Symbol.
Kannst Du mal einen Link zur Seite oder Screenshots posten?
Autore
Hi Folks
@KolAsim see attachment, icons are HTML-objects (in their own cell) and distance between icon and text-objects should be fix and not depending on browswer window size
@Andreas momentan bevorzuge ich folgende Lösung:
die Icons sind so definiert
<div class="sprite" id="icons8-bürotelefon-38"></div>
mit CSS
.sprite {
background: url('sprites.png') no-repeat;
height: 40px;
}#icons8-bürotelefon-38{
background-position: -143px 0;
width: 38px;
}
und jetzt möchte ich den Text neben dem Icon direkt in das HTML-Objekt des Icons packen, komme aber nicht weiter, der Text wird beim ersten Leerzeichen umgebrochen
@Martin die Seite ist noch nicht online
any help is welcome
Bernhard
... wenn ich zufällig verstanden habe, vielleicht könnten Sie ein Tabellenobjekt verwenden, das in zwei Spalten unterteilt ist, eine Spalte für die Symbole und die andere für den Text.
Leider habe ich das Programm nicht, und der LINK könnte helfen.
Hallo
(IT) ... se per caso io avessi capito, tu forse potresti usare un Oggetto Tabella diviso in due colonne, una colonna per le icone e l'altra per il testo.
Purtroppo io non ho il programma, ed il LINK potrebbe essere di aiuto.
ciao
Autore
Hi folks
hab's hingebracht, über ein HTML-Objekt mit class/id-Definitionen. Thema erledigt.
Danke an alle, die sich die Mühe gemacht haben, zu antworten
Bernhard