[CSS] background

Door Erik Rijk op 29-08-2006 15:06

386 views

Beste,

Ik heb het volgende stukje css om een achtergrond afbeelding te laten zien in een formulier.


form.formulier
{
	background: #FFF url('sleutel.gif') no-repeat fixed right;
}

dit werkt prima in IE, maar in Opera krijg ik geen afbeelding te zien. In andere browsers heb ik het nog niet getest.

Vraag 2.

als ik die afbeelding een float: right; meegeef komt het plaatje aan de rechterkant van het formulier.
maar het wordt wel ge-centreerd aan de rechterkant.
Ik wil het plaatje graag aan de recherbovenkant zien.
is dat op deze manier voor elkaar te krijgen of moet ik een extra div maken met daar het plaatje in en die naar recht floaten?

Mvg,

Erik

Onbekende gebruiker

29-08-2006 15:17

Probeer deze eens: background: #FFF url(sleutel.gif) no-repeat fixed right;
}

Erik Rijk

29-08-2006 16:00

vraag 2 is gefixed.

background: #FFF url(sleutel.gif) no-repeat fixed top right;

@ Webmakerij,

Momenteel kan ik niet op Opera omdat ik op m'n werk zit. Zal thuis een kijken, maar het verwijderen van quotes zal het hem niet doen lijkt me :/

Mvg,

Erik

Erik Rijk

04-09-2006 06:23

* Bump *

Heb het nog steeds niet werkend in Opera....
Iemand enig idee?

Ponzi

04-09-2006 07:51

Ik denk dat je hier wel iets aan hebt.

Helemaal vanonder staat het volgende:

Opera 7.0 en hoger
- De eigenschap wordt niet ondersteund voor de elementen SELECT en OPTION. Bij het INPUT element wordt de achtergrondafbeelding bij aankruisvakjes en keuzerondjes in een vierkant vak buiten het control weergegeven.

Jan Koehoorn

04-09-2006 09:54

Let ook op dat je de goede volgorde gebruikt voor de background-shorthand:

kleur - plaatje - horizontaal - verticaal - repeat

In jouw geval dus:

background: #fff url(sleutel.gif) right top no-repeat;

ik weet niet of je fixed daar nog achter kunt zetten; dat moet je even uittesten.

Arjan Schuurman

04-09-2006 11:43

doe het gewoon zo:

background-color: #FFFFFF;
background-image: url(sleutel.gif);
background-repeat: no-repeat/repeat/repeat-x/repeat-x
background-position: top left;
background-attachment: scrool/fixed

kies uit bij attachment.
kies uit bij position, right en botoom kun je zelf wel bedenkten.
kies uit bij repeat

Dit was ff uit mijn hoofd. Ik kan je natuurlijk ook doorlinken naar deze pagina: http://www.w3schools.com/css/css_background.asp

Robert Deiman

04-09-2006 11:47

@Arjan

In principe zou de "shorttag" voor de background zoals door Jan aangegeven gewoon moeten werken in het maakt niet uit welke browser

Erik Rijk

04-09-2006 16:17

@ Jan,

Je had helemaal gelijk :)
toch raar, want ik heb exact dezelfde volgorde aangehouden als hier
zou toch denken dat dat wel hoort te kloppen voor elke brower....

en over fixed had je ook gelijk, als ik die erachter plak verdwijnt de afbeelding weer.

Het werkt nu prima,

thnx all :)

Reageren

Inloggen om te reageren