zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS background-size richtig nutzen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 06.08.2015, 13:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.08.2015
Beiträge: 4
Donaldi befindet sich auf einem aufstrebenden Ast
Standard [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>
CSS
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)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.08.2015, 14:20
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 24.06.2010
Beiträge: 528
K.Roland wird schon bald berühmt werden
Standard

Zitat:
Zitat von Donaldi Beitrag anzeigen
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 ..
Ja nur durch padding

Code:
#header_user p.userinfo_login a.urllogin {
    padding: 10px 20px;
}
Füge mal hinzu bei:

Code:
p.userinfo_login a.urllogin {
  display: block;
}
Block- u. Inline-Elemente - HTML lernen - HTML Kurs / Seminar

______________
MfG Roland
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.08.2015, 10:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.08.2015
Beiträge: 4
Donaldi befindet sich auf einem aufstrebenden Ast
Standard

Danke Dir, hat aber leider nicht geholfen.

Inzwischen habe ich aber den Fehler gefunden.

Die Zeile
Code:
padding: 10px 20px
in
Code:
padding: 10px 151px
geändert und nun passt es.
Mit Zitat antworten
Antwort

Stichwörter
background-image, background-size

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:17 Uhr.