views, icon size
Eingetragen von paulinsche (9)am 05.11.2013 - 19:44 Uhr in
Hallo !!
ich habe einen view für die Anzeige eines Videos samt Text und einem Video-icon erstellt. Ich rewrite ein field mit folgendem code:
<div id="prefooter-content" class="row">
<div class="six columns">
<div class="three columns"><i style="font-size:80px; text-align:center;" class="icon-video"></i></div>
<div class="nine columns"> <h3 class="flexible"> [title] </h3><p><strong> [field_untertitel] </strong></p></div>
[body] [field_tags]
</div>
<div class="six columns">[field_video] </div>
</div>Das Problem ist, dass das icon nur eine Zeile hoch ist, trotz des zugewiesenen styles ?
<i style="font-size:80px; text-align:center;" class="icon-video"></i>
Wenn ich die codezeile bsp. in einen Header setze, dann wird das icon in der richtigen Größe dargestellt.
Ich hoffe es ist klar was ich meine, ich beschäftige mich noch nicht lange mit Drupal, aber es macht viel Spaß.
Vielen Dank für Vorschläge !
lg,
Paulinsche
- Anmelden oder Registrieren um Kommentare zu schreiben
Was willst Du denn mit der
am 05.11.2013 - 20:17 Uhr
Was willst Du denn mit der Zeile
<i style="font-size:80px; text-align:center;" class="icon-video"></i>erreichen?Das i-Tag steht für Italic (also schrägstellen) und hat keinen Inhalt. Worauf soll sich der Style denn auswirken?
Beste Grüße
Werner
entypo
am 06.11.2013 - 11:22 Uhr
Hallo!
ich arbeite mit entypo icons.
Wie im Bild 1 im Anhang, wird das Icon oben zwar dargestellt, aber nur als Miniversion.
So wie auf Bild 2 soll es aussehen.
lg,
paulinsche
Ich kenne die nicht. Wie
am 05.11.2013 - 23:38 Uhr
Ich kenne die nicht. Wie kommen die denn an die entsprechende Stelle? Mittels JavaScript? Wenn ja, wie genau? Als Backgroundpicture mittels CSS?
Da mußt Du schon genauer hinsehen, was denn passieren soll. So kann Dir nur jemand einen Hinweis geben, der die bereits eingesetzt hat. Da muß ich passen.
Beste Grüße
Werner
Dein Link ist fehlerhaft,
am 06.11.2013 - 00:14 Uhr
Dein Link ist fehlerhaft, meinst du das Modul Fontello?
Die Größe kannst du vermutlich, wie bei http://fortawesome.github.io/Font-Awesome/examples/
fa-camera-retro
mit Angabe von 2x oder 4x und so weiter angeben, guck einfach nochmal bei Entypo nach der Schreibweise, falls die anders lautet.
Grüße Jenna
fehlt da nicht ein
am 06.11.2013 - 00:28 Uhr
fehlt da nicht ein font-family: "entypo" im CSS damit font-size überhaupt berücksichtigt wird?
Wie's richtig geht, steht auch hier beschrieben: http://www.tripwiremagazine.com/2013/05/tutorial-use-entypo-pictogram-su...
ja mittels CSS,erst wird die
am 06.11.2013 - 11:32 Uhr
ja mittels CSS,
erst wird die font-family (entypo)
@font-face { font-family: "entypo"; font-style: normal; font-weight: 400; src: url(../fonts/icons/entypo.eot); src: url("../fonts/icons/entypo.eot?#iefix") format("ie9-skip-eot"), url("../fonts/icons/entypo.woff") format("woff"), url("../fonts/icons/entypo.ttf") format("truetype"); }definiert, dann die entsprechenden classen vergeben:bsp:
i.icon-video:before { content: "das icon"; height: inherit; }hallo, danke für den tipp,
am 06.11.2013 - 11:40 Uhr
hallo,
danke für den tipp, hab den link korrigiert!
hab mir fontawesome mal angesehen, doch mich aber dann doch für entypo entschieden.
Die Vergrösserung 2x, 4x, geht bei entypo nicht, es ist schon über font size zu skalieren. Das bestätigt sich auch dadurch, dass es funktioniert, wenn ich das icon z.b. in ein eigenes Textfeld einbaue.
nur wenn ich ein Feld in views überschreibe (rewrite results), dann nicht mehr?
VD.
Lg,
paulinsche
Ich hab nun keine Lösung
am 09.11.2013 - 00:16 Uhr
Ich hab nun keine Lösung gefunden und hab einen Workaround gemacht.
Das Icon ist in ein header text Feld gewandert und danach hab ich den header per css positioniert.
Anders wärs irgendwie eleganter gewesen, aber das tuts auch.
lg,
paulinsche