06.08.2015, 13:33
|
|||
|
|||
[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 |
|
07.08.2015, 14:20
|
|||
|
|||
|
Zitat:
Code:
#header_user p.userinfo_login a.urllogin {
padding: 10px 20px;
}
Code:
p.userinfo_login a.urllogin {
display: block;
}
______________ MfG Roland
|
| Sponsored Links |
|
08.08.2015, 10:33
|
|||
|
|||
|
Danke Dir, hat aber leider nicht geholfen.
Inzwischen habe ich aber den Fehler gefunden. Die Zeile Code:
padding: 10px 20px Code:
padding: 10px 151px
|
 |
| 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 |
Linear-Darstellung
