|
|||
[CLOSE] CSS background-size richtig nutzen
Moin!
Ich versuche schon seit ein paar Tagen, das Background-Image in der Breite zu ändern. Im Moment wird es immer mit ca. 40px dargestellt und ich möchte dieses eine Bild aber mit 151px anzeigen. Der erste Teil "#header_user p.userinfo_login" kommt in der richtigen Größe und der richtigen Position. Der 2. Teil "#header_user p.userinfo_login a.urllogin" interessiert sich aber leider kein Stück dafür, trotz unendlich vielen Versuchen die Background-Size anzugeben. Ob nun wie hier im Code direkt mit "background-size: 151px 88px!important;", oder über "background: #323232 url(themes/culturasix/img/cultura/connex-bi.png) no-repeat center 151px!important;". Keine Änderung, kein Effekt Der Code steht auch ganz am Ende der CSS, wird also auch als letztes verarbeitet. Ich finde einfach den Fehler nicht, vielleicht kann mir ja hier jemand weiterhelfen? PHP (TBL) Code:
<p class="userinfo_login"> <a href="{$link->getPageLink('my-account', true)}" class="urllogin" title="{l s='Log in' mod='blockuserinfo'}"></a> </p> Code:
#header_user p.userinfo_login { margin: 175px 0px 0px 800px; height: 39px; width: 151px; padding: 0px; position: absolute; } #header_user p.userinfo_login a.urllogin { background: #323232 url(themes/culturasix/img/cultura/connex-bi.png) no-repeat center; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; padding: 10px 20px; color: #323232; font-family: sans-serif; font-size: 14px; font-weight: normal; margin-right: 0px; background-size: 151px 88px!important; } #header_user p.userinfo_login a.urllogin:hover { background: #323232 url(themes/culturasix/img/cultura/connex-bi.png) no-repeat center -42px; color: #323232; } Geändert von Donaldi (08.08.2015 um 10:34 Uhr) |
Sponsored Links |
|
|||
Zitat:
Code:
#header_user p.userinfo_login a.urllogin { padding: 10px 20px; } Code:
p.userinfo_login a.urllogin { display: block; } ______________ MfG Roland |
Sponsored Links |
Stichwörter |
background-image, background-size |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Responsive webdesign: horizontales Menü mit angepasster Schriftgröße | Spencer | Javascript & Ajax | 3 | 18.09.2012 23:16 |
Ausrichtung Kalender | greece4u | CSS | 20 | 14.05.2012 13:32 |
Problem mit einem 3D-Effekt | moep0710 | CSS | 12 | 12.06.2010 14:30 |
komplette Seite verzogen | Massacre | CSS | 2 | 20.10.2009 10:16 |
Untermenü im IE | nici | CSS | 10 | 22.06.2009 21:19 |