WebSite X5Help Center

 
Bernhard K.
Bernhard K.
User

Text neben Icon  de

Autor: Bernhard K.
Besucht 1396, Followers 1, Geteilt 0  

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

Gepostet am
6 ANTWORTEN - 1 KORREKT
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats FRNutzer des Monats PL

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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

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.

Mehr lesen
Gepostet am von Andreas S.
Martin H.
Martin H.
User

Kannst Du mal einen Link zur Seite oder Screenshots posten?

Mehr lesen
Gepostet am von Martin H.
Bernhard K.
Bernhard K.
User
Autor

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

Mehr lesen
Gepostet am von Bernhard K.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats FRNutzer des Monats PL
Bernhard K.
 ... ...  @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 ... ... ... ...

... 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

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Bernhard K.
Bernhard K.
User
Autor

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

Mehr lesen
Gepostet am von Bernhard K.