background-resize vier hoeken

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

.NET Developer Senior

Dit ga je doen Het ontwikkelen van backend applicaties in C#; Het maken van vele koppelingen met andere ERP-applicaties zoals JD Edwards en SAP; Je bent (mede) verantwoordelijk voor het opstellen van technisch ontwerpen voor de te ontwikkelen software oplossingen; Je bent gemiddeld 90% van je tijd inhouse oplossingen aan het ontwikkelen en testen. De overige 10% van je tijd ben je bij klanten op locatie om oplossingen te implementeren, klanten te begeleiden en de software verder te innoveren; Naast het zelfstandig ontwikkelen van software oplossingen ben je ook bezig met het waarborgen van je contacten bij de klant, het

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 »

T-SQL Database developer

Functie omschrijving Ben jij een ETL database specialist? Houd jij ervan om te puzzelen met Databases, Query's & Stored procedures? Zoek jij uitdaging, vrijheid en verantwoordelijkheid? Zoek dan niet verder! Wij zijn per direct op zoek naar medior en senior database developers. Je gaat werken voor een relatief klein softwarebedrijf in omgeving Tilburg. Samen met 12 collega's (allemaal techneuten), ga jij je bezig houden met het bouwen en/of onderhouden van database software. Deze software wordt internationaal ingezet voor het automatiseren van logistieke processen. Jouw werkzaamheden gaan er als volgt uit zien: Je bent in een klein team met developers, verantwoordelijk

Bekijk vacature »

Senior Front-end Developer

Wordt jij de nieuwe Front end specialist / developer? Dan werk je dagelijks met collega’s aan de mooiste IT-projecten. Sogeti is een organisatie met een goede werksfeer en zo min mogelijk hiërarchische verhoudingen. Deze snelgroeiende groep collega’s krijgt energie van hun vak en dat merk je op de werkvloer. Onze klantenkring is groot en divers, dat vraagt om flexibiliteit van jou. Tegelijkertijd betekent dit dagelijks nieuwe dingen leren én dat geen werkdag hetzelfde is. Natuurlijk krijg jij de mogelijkheid je te certificeren. We organiseren regelmatig technische Meet-ups en doen we veel aan kennisdeling waarbij iedereen welkom is, zowel binnen als

Bekijk vacature »

Ervaren PHP developer gezocht!

Functie Het team bestaat inmiddels uit zo’n 25 collega’s met specialisten op het gebied van development, data(analyse), marketing, infrastructuur en finance. Ze hebben een supermodern pand en bieden hiernaast veel vrijheid en verantwoordelijkheid. Ze doen er alles aan om jou op te gemak te stellen. Zo kun je je eigen werkplek inrichten naar persoonlijke wensen, maar gaan ze bijvoorbeeld ook jaarlijks met elkaar wintersporten en zijn er andere leuke uitjes. Als onderdeel van één van de scrumteams ga je aan de slag, samen ben je medeverantwoordelijk voor het doorontwikkelen van hun business applicatie waar het traffic team dagelijks mee werkt.

Bekijk vacature »

Ambitieuze medior developer

Wat je gaat doen: Heb jij al een paar jaar ervaring als developer maar wil jij naar the next level? In ons NextLevelDev Programma helpen wij jou om de volgende stap te zetten: een mooi programma aan trainingen op het gebied van Java, hippe frameworks, Agile/Scrum, OCP-certificering en optioneel: andere JVM-talen als Kotlin en Scala; Cloud (AWS, Azure, GCP) Soc Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun

Bekijk vacature »

Software Developer (Junior functie)

Functieomschrijving Wij zijn op zoek naar een Software Developer! Sta jij in de startblokken om je carrière te beginnen en kan je niet wachten om toffe software te gaan ontwikkelen? Kortom, ben je onlangs afgestudeerd of sta je op het punt om je papiertje te behalen? Voor een IT dienstverlener dat gespecialiseerd is in Microsoft technologie zijn wij op zoek naar C#.NET Developers. Het bedrijf heeft meerdere klanten in regio Utrecht waar je permanent kan komen te werken. Kom je liever te werken bij een klein softwarebedrijf of bij een groot consultancy bureau? Dat is helemaal aan jou de keuze!

Bekijk vacature »

SQL database ontwikkelaar

Functie omschrijving Ben jij niet bang voor complexe algoritmes? Schikt het schrijven van procedures in T-SQL jouw niet af en heb jij al de nodige informatie in SQL, dan is functie precies wat voor jou! Jouw werkzaamheden gaan er als volgt uit zien: Je gaat werken aan de complexere projecten waar jij van A tot Z bij betrokken bent. Je gaat zorg dragen voor het ontwerp, de ontwikkeling en het updaten van SQL databases. Dit doe je op basis van T-SQL. Jij bent van start tot finish betrokken bij de projecten die jij leidt. Je houdt contact met klanten en

Bekijk vacature »

Back-end developer

Dit ga je doen Development d.m.v. XQuery, JSON/XML en REST API's; Ontwikkelen aan een tof en complex zorgplatform; Koppelingen maken met de NoSQL database; Testen en documenteren van de ontwikkelde functionaliteiten; Samenwerking met andere front- en back-end ontwikkelaars. Hier ga je werken Voor een vooruitstrevende organisatie binnen de zorg in Den Haag zijn wij opzoek naar een Back-end Developer die ervaring heeft met o.a.XQuery en Vue.JS of daarin graag zou willen ontwikkelen. Je zal ontwikkelen aan een tof en complex zorgplatform en koppelingen maken met de NoSQL database. Ook het testen en documenteren van de ontwikkelde functionaliteiten behoort tot jouw

Bekijk vacature »

Front End Ontwikkelaar (React)

In het kort Als front end developer ga je aan de slag met maatwerkprojecten voor onze klanten. Denk bijvoorbeeld aan het toevoegen van een machine aan een database of het corrigeren van formulieren voor ingestuurde orders. Voorbeeld van zo’n project is Smart Link. De projecten waar je op ingezet kunt worden liggen binnen het technische domein waar jij als front end developer een grote rol speelt om samen met je back end collega’s de juiste oplossingen te leveren. please note that this particular role requires fluent Dutch language skills. Dit vind je leuk om te doen Het omzetten van designs

Bekijk vacature »

Creatieve Front-end developer gezocht!

Functie Het front-end team bestaat momenteel uit 4 collega’s en is hard aan het groeien! Samen leveren jullie een essentiële bijdrage aan de applicaties die ze voor hun klanten realiseren. Je werkt in het front-end team samen met de back-end teams en product owners om te zorgen dat de applicaties een fijne gebruikerservaring opleveren. Jouw expertise zorgt ervoor dat de juiste keuzes gemaakt worden qua techniek en ontwerp, van back-end tot aan gebruiker. In samenspraak met je team bepalen jullie de beste keuze voor techniek. Ook is er altijd ruimte om nieuwe technieken te ontdekken. Eisen • Je hebt gedegen

Bekijk vacature »

Digital Agency is looking for PHP developers!

Functie The team currently has 20 colleagues, consisting of developers (front and backend) and the operations team, which also includes management and two scrum masters. They are looking for a PHP developer who is able to work independently. You will work in one of the three scrum teams and start working on a project for the customer. The interesting thing about this is that you do have variety in terms of work, but at the same time continuously work for existing customers. This also gives you the opportunity to really go into depth and develop innovative technical solutions. In terms

Bekijk vacature »

Software developer (PHP) - Utrecht centrum

Functie Ieder onderdeel van de software draait op aparte servers en het bestaat dus echt uit verschillende componenten. Het team bestaat uit 4 developers, een klein team dus met korte lijnen. Alles in intern ontwikkeld en je werkt aan alle facetten. Van uitbreiding van de core tot maatwerk voor de klant. Ook liggen er verschillende uitdagingen op servervlak en databases. Je zult de eerste periode veel samenwerken met de lead developer om vervolgens echt je gang te gaan binnen de software. In het team streven ze naast de hoogst haalbare kwaliteit. Hiervoor werken ze nauw met elkaar samen en levert

Bekijk vacature »

Back end developer Python, PHP

Functie Jij als full stack ontwikkelaar zult komen te werken samen met 1 PHP ontwikkelaar een PO en een flexibele schil aan ontwikkelaars . Samen ga je ervoor zorgen dat de huidige producten doorontwikkeld worden. De marketplace is geschreven in PHP Laravel en in de front end React. De roostersoftware is ontwikkeld in Python in combinatie met React in de front end. Jij zult voornamelijk (lees 75%) werken aan de roostersoftware. Momenteel ligt de uitdaging in het feit dat de roostersoftware breder schaalbaar moet worden zodat het voor meerdere flexwerkers ingezet kan worden. Verder willen ze financiële koppelingen gaan maken

Bekijk vacature »

Database Developer

Functie omschrijving Voor een logistieke dienstverlener in omgeving Zuid Beijerland zijn wij op zoek naar versterking. Weet jij als geen ander systemen aan elkaar te koppelen en heb jij goede kennis van SQL en UML, lees dan snel verder! Jouw taken zien er als volgt uit: Je bent in deze rol voornamelijk verantwoordelijk voor het bouwen, implementeren en beheren van koppelingen tussen de bestaande systemen (zowel business 2 business als application 2 application). Daarnaast inventariseer je de wensen van in- en externe klanten, die je vervolgens samen met je collega's, vertaalt naar technische specificaties, die jullie zelf ontwikkelen en implementeren.

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

27/05/2026 01:16:18
 
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.