background-resize vier hoeken

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Front end developer React

Functie Wij zijn van origine een wordpress bureau, maar sinds 2006 zijn wij dit wel redelijk ontgroeid. Naar mate de jaren verstreken zijn we gegroeid in omvang, maar ook in de complexiteit van opdrachten waarin wij onze klanten kunnen bedienen. Momenteel bestaat onze organisatie uit 4 front end developers, 12 back end developer 3 projectmanagers en een 2 koppig management. Wij zijn een hele informele, bijna familiaire organisatie. Geen strak pak of overhemd, nee gewoon dragen waar jij je prettig bij voelt. De gemiddelde leeftijd ligt tussen de 25 en 30 en wij doen er veel aan om onze hechte

Bekijk vacature »

.NET developer

Functie Jij begint als .NET ontwikkelaar in een team met 10 andere Software Engineers. De werkzaamheden zijn afwisselend, zo kan het dat jij bezig bent met volledig nieuwe features of het door ontwikkelen van bestaande sites of shops. Wij ontwikkelen web applicaties, maar ook mobiele applicaties. Daarnaast bijt jij je soms ook van in externe koppelingen met systemen zoals een ERP. Als team is er een duidelijke focus m.b.t. het waarborgen van de performance en snelheid van webshops. Ook zijn wij expert op het gebied van configuratoren. Kortom enorm veel afwisselende werkzaamheden! Ook jouw werkplek kan afwisselend zijn. Soms heb

Bekijk vacature »

.NET Developer

Functie omschrijving Ben jij een senior .NET developer en heb jij tevens ervaring als teamlead? Ben jij iemand met een helikopterview en denk jij graag mee met de klanten? Dan zijn wij op zoek naar jou! Voor een geweldig bedrijf zijn wij namelijk op zoek naar een ervaren .NET developer. Het bedrijf houdt zich bezig met het ontwerpen en bouwen van websites, portalen en applicaties voor met name zorg- en onderwijsinstellingen en overheidsinstanties. Jouw taken: Het fungeren als Lead Developer; Het meedenken met de business (dit vergt commercieel inzicht); Het begeleiden van diverse projecten (van klein tot groot); Het ontwerpen

Bekijk vacature »

.NET Developer

Functie De perfecte combinatie tussen techniek en vastgoed. Werk samen met de senior software developer om allerlei software van fluX te verbeteren. Gelukkig voel jij je helemaal thuis in de codewereld van .NET. Dus of je nu bezig bent met het verhogen van de conformiteitscore of het automatiseren van allerlei taxatiemodellen, jij weet precies hoe je de doelstellingen realiseert. En dat terwijl je ook samenwerkt met een extern ontwikkelteam. Waar dit team bepaalde softwaresystemen ontwikkelen, richt jij je vooral op onze Nederlands georiënteerde producten en alle wetgeving die daarbij komt kijken. Voor minimaal 32 uur per week verrijk jij onze

Bekijk vacature »

Medior .NET Ontwikkelaar

In het kort Als .NET ontwikkelaar ga je binnen onze business unit Transport en Logistiek aan de slag complexe maatwerk software voor bedrijf kritische systemen binnen de technische automatisering. Denk bijvoorbeeld een IoT-oplossing voor de logistieke sector waarbij we van ruim 200.000 machines de telemetrie en events verwerken. We zijn actief in de distributielogistiek, havenlogistiek en productielogistiek. Naast C# en .NET Core maken we ook gebruik van Azure technologie. En als trotse Microsoft Gold Partner leren we graag van en met jou. Wil jij jezelf blijven ontwikkelen binnen de technische automatisering met .NET, dan gaan we deze uitdaging graag met

Bekijk vacature »

PHP Developer - Draag bij aan de maatschappij!

Bedrijfsomschrijving Wil jij als applicatieontwikkelaar deel uitmaken van een gedreven ontwikkelteam en werken aan innovatieve producten? Dan hebben wij dé uitdaging voor jou! Wij zijn op zoek naar een enthousiaste collega die samen met ons de technische ondergrond van onze producten verder wil ontwikkelen met behulp van PHP. Met jouw expertise geef je de finishing touch aan onze producten om jezelf steeds opnieuw weer te verrassen. Functieomschrijving Bij ons staan innovatie en creativiteit centraal. Wij zijn op zoek naar een enthousiaste PHP ontwikkelaar die nieuwe ideeën en inzichten kan inbrengen en daarmee zichzelf en het team verder kan laten groeien.

Bekijk vacature »

Junior Software Developer

Functie omschrijving Wij zijn op zoek naar een Junior Software Developer!? Sta jij aan het begin van jouw loopbaan of heb jij misschien al enige ervaring? Vind jij het daarnaast belangrijk om jezelf constant te kunnen ontwikkelen en uitdagen? Lees dan snel verder! Voor een vooraanstaand softwarehuis in Nieuwegein ben ik op zoek naar een Junior Software Developer. De eigenaar van het bedrijf is ervan bewust dat je als junior nog een hoop kan leren, waardoor je de eerste maanden veel begeleiding en diverse trainingen krijgt. Daarna ga je samen met je collega's aan zowel kleine als grote projecten werken.

Bekijk vacature »

PHP Developer

Functieomschrijving Vanuit het hoofdkantoor in de regio van Bergen op Zoom ben je als PHP Developer niet alleen gefocust op het ontwikkelen van Software. Daarnaast ben je ook voortdurend bezig met het zoeken naar nieuwe mogelijkheden en innovaties die essentieel kunnen zijn voor de efficiëntie van software ontwikkeling. Je deelt veel kennis en informatie met het team en ontvangt deze dan ook graag terug. Techstack: PHP, Symfony & mySQL. Bedrijfsprofiel Deze uitdagende opdrachtgever is ruim 20 jaar actief in de regio Bergen op Zoom. Het vooruitstrevende team staat de hele dag voor je klaar om je te helpen en ondersteunen.

Bekijk vacature »

Developer Low-code

Dit ga je doen Low-code ontwikkeling van software voor landelijk bekende organisaties; Opleveren van mooie eindproducten, middels de Agile methodiek; Samenwerken in een team van 10 collega's; Direct contact met de eindklant over de gewenste oplossingen. Hier ga je werken Als Developer kom je te werken in de regio van Lelystad bij een organisatie die met toonaangevende klanten uit heel Nederland samen werkt. De producten en diensten van de organisatie bereiken miljoenen Nederlanders. Hierbij komt een grote hoeveelheid informatie kijken en deze moet discreet en veilig verwerkt worden. De processen die hierbij horen worden door het IT team vormgegeven. De

Bekijk vacature »

Robot Programmeur

In het kort Drie redenen waarom deze vacature uniek is! Modern, innovatief en Informeel bedrijf waar veel mogelijk is Werken met diverse robot merken Meehelpen met inbedrijfstellingen bij de klant De organisatie Hier ga je aan de slag Dit groeiende bedrijf van totaaloplossingen in de automatisering van productieprocessen, is hoofdzakelijk actief in de Benelux. Vanuit het kantoor in regio Amersfoort worden veel oplossingen geboden in de vorm van robotica. Geen project is hetzelfde wat garant staat voor bijzonder veel afwisseling. De bedrijfsgrootte is ongeveer 80 man. Van gerobotiseerde machinebeladingen tot aan assemblage automatiseringen wordt vanuit krachtige engineering maatwerk equipment geleverd.

Bekijk vacature »

OutSystems developer

Dit ga je doen Klanten adviseren over de mogelijkheden van OutSystems; OutSystems oplossingen ontwikkelen en implementeren; Stakeholdermanagement; Kennis en expertise up to date houden en delen met het team. Hier ga je werken Onze opdrachtgever, gevestigd in regio Amsterdam, is een innovatieve dienstverlener die zich richt op grote corporates in verschillende sectoren. Doordat je bij veel verschillende klanten aan de slag zal gaan is geen enkel project hetzelfde. De organisatie kenmerkt zich door hoge mate van professionaliteit en innovatieve oplossingen. In de rol van OutSystems developer zal jij verschillende grote klanten helpen om efficiënte OutSystems oplossingen te ontwikkelen en implementeren.

Bekijk vacature »

Fullstack developer

Zie jij mogelijkheden om onze tooling technisch te verbeteren en uit te bouwen? Over Jobmatix Jobmatix is een innovatieve en internationale speler op het gebied van jobmarketing. Onze jobmarketing automation tool helpt organisaties bij het aantrekken van nieuw talent door vacatures digitaal, geautomatiseerd en op een efficiënte manier te adverteren en onder de aandacht te brengen bij de doelgroep op 25+ jobboards. Volledig performance-based, waarbij organisaties betalen op basis van cost per click of cost per applicant. Maandelijks wordt onze jobmarketing automation tool al gebruikt door vele directe werkgevers, intermediairs en mediabureaus, waaronder Picnic, Rijkswaterstaat, AdverOnline, Schiphol, DPA, Teleperformance en

Bekijk vacature »

In-house .NET software developer

Functie omschrijving Ben jij op zoek naar een uitdagende in-house development functie? Maak jij graag hét verschil m.b.t. interne automatisering? Haal jij energie uit het automatiseren van processen voor je eigen collega's? Dan hebben wij de perfecte vacature voor je! Voor een gezellig Brabants familiebedrijf, zijn wij op zoek naar een .NET software developer. Je gaat in deze zelfstandige functie werken aan de ontwikkeling van eigen applicaties & en het koppelen van deze applicaties aan de ingekocht software. Jouw werkzaamheden zien er als volgt uit: Het management team signaleert behoeftes vanuit de business. Vervolgens worden deze behoeftes uitgewerkt en geprioriteerd.

Bekijk vacature »

Full-stack Developer

As a Full-stack developer at KUBUS, you will develop the (web)applications and services of BIMcollab. You will work on both the front- and back-end. As a software company, KUBUS is in a unique position. We build our own products that are used by tens of thousands of users worldwide. Our company is just the right size: big enough to make a real impact in the market, but small enough that as an individual developer you can have an impact and really make a difference. Our development team consists of over 40 developers, testers, scrum masters and product owners, divided over

Bekijk vacature »

PHP Developer

Zie jij mogelijkheden om onze tooling technisch te verbeteren en uit te bouwen? Over Jobmatix Jobmatix is een innovatieve en internationale speler op het gebied van jobmarketing. Onze jobmarketing automation tool helpt organisaties bij het aantrekken van nieuw talent door vacatures digitaal, geautomatiseerd en op een efficiënte manier te adverteren en onder de aandacht te brengen bij de doelgroep op 25+ jobboards. Volledig performance-based, waarbij organisaties betalen op basis van cost per click of cost per applicant. Maandelijks wordt onze jobmarketing automation tool al gebruikt door vele directe werkgevers, intermediairs en mediabureaus, waaronder Picnic, Rijkswaterstaat, AdverOnline, Schiphol, DPA, Teleperformance en

Bekijk vacature »
Danny von Gaal

Danny von Gaal

25/09/2015 15:45:47
Quote Anchor link
Ik heb een zelf gemaakte submit button waarbij ik mijn plaatje als background heb ingesteld. Alleen nu wil ik wanneer erop geklikt wordt dat de button een klein beetje kleiner wordt. Dit werkt alleen wordt het plaatje maar aan twee kanten kleiner ipv aan vier kanten.

Dus het lijkt alsof het wordt verplaatst naar links boven.

Hoe krijg ik dit plaatje dat het aan vier kanten wordt verkleind?

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
.bt-start-war {
    background-image: url("../images/start_war.png");
    background-position:  0px 0px;
    background-repeat: no-repeat;
    width: 179px;
    height: 55px;
    border: 0px;
    background-color: transparent;
    cursor: pointer;
}

.bt-start-war:active {
    background-size: 95% 95%;
}
Gewijzigd op 25/09/2015 15:45:59 door Danny von Gaal
 
PHP hulp

PHP hulp

04/12/2024 09:22:49
 
Johan K

Johan K

25/09/2015 19:04:00
Quote Anchor link
probeer eens:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
  padding: 2px;
  /* pf */
  background-position: 5%;


Maar als je het aan mij vraagt kan je beter:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
<div>
 <img ... />
 <input type="button" />
</div>

gebruiken
Gewijzigd op 25/09/2015 19:59:28 door Johan K
 
Danny von Gaal

Danny von Gaal

25/09/2015 19:58:32
Quote Anchor link
@Johan: Hiermee gebeurt er niets helaas.

Hier een fiddletje: http://jsfiddle.net/yvxqjmt0/
 
Johan K

Johan K

25/09/2015 20:03:31
Quote Anchor link
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
.bt-start-war:active {
    background-position: 5px 2px;
    background-size: 95% 90%;
}


Aangezien ik mijn reactie had aangepast het is misschien beter om een losse image tag te gebruiken en daarop padding te zetten. Dit, zodat het dynamisch is want anders moet je gaan calculeren over wat "5%" is over 179 en 55 pixels zijn.
Gewijzigd op 25/09/2015 20:04:45 door Johan K
 
Danny von Gaal

Danny von Gaal

25/09/2015 20:10:48
Quote Anchor link
Ik snap niet precies wat je bedoelt.
Maar die 5% kleiner die ik nu heb is prima, alleen zoals me fiddle laat zien gebeurd dit alleen rechts en onder en niet ook boven en links.
 
Johan K

Johan K

25/09/2015 20:31:16
Quote Anchor link
Danny von Gaal op 25/09/2015 20:10:48:
Ik snap niet precies wat je bedoelt.
Maar die 5% kleiner die ik nu heb is prima, alleen zoals me fiddle laat zien gebeurd dit alleen rechts en onder en niet ook boven en links.


Dat komt omdat je background image word ingekort met die 5%. Aangezien de background-position op 0,0 staat (dus links boven aan).

Je zou dus in jouw voorbeeld background position moeten aanpassen wat 5% / 2 of 2.5% is van de height en width van jouw ".bt-start-war" classe en hierop de position instellen. kan via Javascript of "hardcoded" in je css.

Maar aangezien 5% van "width: 179px;" niet op een heel getal uit komt zal dus je image ook nooit precies gecentreerd staan.

Of wat ik bedoelde inplaats van 1 element, gebruik er 2.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
<div> // deze div bevat de groote van het element
 <input type="button"> // deze input bevat de image background (100% width & height)
</div>


op :active hoef je dan dus alleen maar een padding in te voeren op je input wat dus dynamisch is mocht het icoon dus ooit in de toekomst veranderen. Makkelijker dan deze hardcoded issue uit je CSS te halen & met wat andere css class namen maakt het ook meteen je CSS reuseable.
Gewijzigd op 25/09/2015 21:11:22 door Johan K
 
Eddy E

Eddy E

27/09/2015 15:29:27
Quote Anchor link
Zet je background-position op center center... dan werkt het wel?
 
Danny von Gaal

Danny von Gaal

28/09/2015 10:05:53
Quote Anchor link
Eddy E op 27/09/2015 15:29:27:
Zet je background-position op center center... dan werkt het wel?


Perfect! Bedankt.
Weet je toevallig ook hoe ik die stomme border weg haal in Chrome? Border: 0; of none; werkt helaas niet.
Gewijzigd op 28/09/2015 10:35:23 door Danny von Gaal
 
Marthijn Buijs

Marthijn Buijs

28/09/2015 16:32:48
Quote Anchor link
Dit heet outline, dit zou het moeten weghalen:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
.bt-start-war:focus {
  outline: none;
}
Gewijzigd op 28/09/2015 16:33:02 door Marthijn Buijs
 
Danny von Gaal

Danny von Gaal

29/09/2015 09:10:52
Quote Anchor link
Bedankt Maarten.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.