Margin-top probleem

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Backend developer

Functie omschrijving Ben jij graag bezig met de back-end van applicaties? Zou je dit graag willen doen voor een kleine werkgever waar ook tijd is voor een drankje op zijn tijd? Je taken hierbij zullen bestaan uit: Gebruik maken van de volgende technieken: .NET (core), C#, SQL, XML, MVC, JSON, REST & SOAP API. Gebruik maken van de volgende tools: Visual Studio, GIT, Jira, Jenkins. Bovengenoemde technieken en tools ga je gebruiken om: Nieuwe functionaliteiten te ontwikkelen. Wijzigingsverzoeken van klanten uitvoeren. Verzorgen van koppelingen tussen data. Bedrijfsprofiel Jouw nieuwe werkgever bevindt zich in regio Raamdonksveer en bieden oplossingen op gebied

Bekijk vacature »

C# .NET Ontwikkelaar ASP.NET

Samengevat: Deze werkgever is een inkooporganisatie. Ben jij een ervaren .Net ontwikkelaar? Heb je ervaring met .Net en C#? Vaste baan: C# .NET Developer .Net MBO HBO €3.100 - €4.300 Onze missie is: “Een essentiële bijdrage leveren aan het verlagen van de integrale kostprijs van de aangesloten groothandels, middels het bundelen van inkoopvolume en het creëren van synergie met en tussen de groothandels en leveranciers, met scherpe inkoopprijzen, goede handelscondities en gerichte dienstverlening als resultaat” Zij werken voor MKB klanten. Deze werkgever heeft veel verschillende projecten. Houd jij van afwisseling? Dan zit je bij hun goed! De branche van dit

Bekijk vacature »

Lead C++ Developer

The role of Lead C++ Developer As Lead C++ Developer at KUBUS you will be responsible for the implementation design of requirements and the software architecture of the desktop applications of BIMcollab, our platform for 3D model validation and issue management aimed at improving the quality of 3D building design models. Better 3D models lead to better buildings, thus contributing to the sustainability of the built environment with smarter use of materials, less waste and energy-efficient buildings. A good user experience is of paramount importance to us; we go for innovation and quality in our development. In your role as

Bekijk vacature »

Software Developer Mendix / Maatschappelijk Betrok

Dit ga je doen Het bouwen van de Mendix applicaties in samenwerking met jouw team of zelfstandig; Werken met Scrum methodiek; Ontwikkelen van vooruitstrevende oplossingen; Meedenken over nieuwe applicaties en ontwikkelingen; On the job eigen maken van de Mendix omgeving. Hier ga je werken Deze dynamische en snelgroeiende organisatie begeeft zich in de recyclingbranche. Zij nemen op duurzame en efficiënte manier de recycling op zich. Vanwege hun snelle groei zijn zij op zoek naar een young professional die zich graag wilt ontwikkelen als Mendix Developer. Je komt te werken binnen een IT team van +/- 15 medewerkers. Het huidige ‘vaste’

Bekijk vacature »

Software Developer / .NET / Azure

Dit ga je doen Als Lead .NET Software Developer zal je je bezig houden met: Het vertalen van bedrijfswensen naar een technische roadmap; Uitwerken van nieuwe architectuur / designs; Het team aansturen en motiveren; Toezien op de kwaliteit van de code; Mee ontwikkelen van nieuwe features en applicaties. Hier ga je werken Deze organisatie is op dit momenteel marktleider in het ontwikkelen van productielijnen voor de voedselindustrie en heeft een wereldwijd klantnetwerk. Binnen deze organisatie is het team van software developers dagelijks bezig met het ontwikkelen van maatwerk oplossingen om alle productiemachines aan te sturen, maar ook bedrijf kritische applicaties

Bekijk vacature »

Front end developer

Functie Jij als ervaren Front end developer bent een expert het gebied van Javascript en React. Je wordt onderdeel van een multidisciplinair team bestaande uit een PO, twee Front end developers, een DevOps/Back end developer, een UX/UI designer en een projectmanager. Verder is er iemand verantwoordelijk voor de HR en is de algemeen directeur nauw betrokken bij alle projecten. Dagelijks hou jij je bezig met de verschillende projecten die zijn opgenomen in de sprint. Daarnaast denk je mee over mogelijke oplossingen om de behoefte van de klant op de beste manier in te vullen. Verder spar jij intern met collega’s

Bekijk vacature »

PHP developer (Laravel/Vue.js)

Functie Het team telt momenteel 20 collega’s, bestaande uit developers (front- en backend) en het operations team, waaronder ook het management en twee scrum masters vallen. Ze zijn op zoek naar een PHP developer die in staat is zelfstandig te werken. Je komt te werken in één van de drie scrumteams en gaat aan de slag met een project voor de klant. Het fijne hieraan is dat je wel afwisseling hebt qua werk, maar tegelijkertijd doorlopend werkt voor bestaande klanten. Hierdoor krijg je ook de kans om echt de diepte in te gaan en innovatieve technische oplossingen neer te zetten.

Bekijk vacature »

Traineeship Full Stack Java developer

Dit ga je doen Start jij op 7 augustus bij de Experis Academy dan kickstart jij jouw IT-carrière! We leiden je op tot een gewilde Full Stack Java Developer met alle kennis en vaardigheden die nodig zijn om de arbeidsmarkt te betreden. Wat kun je verwachten, hoe zit een dag in het leven van een Trainee eruit? Periode 1 Als Full Stack Java Developer Trainee volg je vanuit huis een op maat gemaakte onlinetraining die in het Engels wordt gegeven. De tijd die je kwijt bent aan het volgen van de training kun je vergelijken met een fulltime werkweek. In

Bekijk vacature »

.NET developer

Functie Als .NET ontwikkelaar start jij in een multidisciplinair team met 7 ontwikkelaars. Dit team is verdeeld onder Front-end ontwikkelaars en backend developers. De backend developers werken voornamelijk aan desktop applicaties in combinatie met backend systemen. Hier ga jij dus ook mee aan de slag! Hierbij wordt voornamelijk gebruik gemaakt van C# .NET, WPF, UWP, XAML en MVVM. WPF, UWP, .NET Core, Azure Devops en Entity Framework. WPF en UWP worden dan ook voornamelijk gebruikt voor de user interface van de desktop applicatie. Het development team is dan ook erg gedreven m.b.t. het ontwikkelen van vooruitstrevende en innovatieve horeca automatiseringsoplossingen.

Bekijk vacature »

Medior Front-end Developer

Bij Getnoticed doen wij wat we leuk vinden, websites bouwen en online marketing. Voor veel van onze klanten doen we dan ook allebei. Wel zo fijn om campagnes te draaien voor conversiegerichte websites die in eigen beheer zijn. In onze vestiging in Nederweert zit onze development afdeling en worden de websites gebouwd. Op dit moment zijn we op zoek naar jou: dé Medior Front-end Developer die net als wij, het hoofd boven het maaiveld durft uit te steken! In het kort Even een paar punten die omschrijven wat deze toffe baan inhoudt: Het uitwerken van designs tot functionele layouts Je

Bekijk vacature »

Traineeship Full Stack .NET Developer

Dit ga je doen Start op 7 augustus 2023 bij de Experis Academy en ontwikkel jezelf tot een gewilde Full Stack .NET Developer. Maar hoe ziet het traineeship eruit en wat kun je verwachten? Periode 1 De eerste 3 maanden volg je fulltime, vanuit huis, een op maat gemaakte training in teamverband. Je leert belangrijke theorie en krijgt kennis van de benodigde vaardigheden en competenties die nodig zijn om de IT-arbeidsmarkt te betreden. Zowel zelfstandig als in teamverband voer je praktijkopdrachten op het gebied van front- en backend development uit. Wat er per week op het programma staat kun je

Bekijk vacature »

Front-end Developer

Functie omschrijving Gezocht front-end developer! Voor een toffe organisatie in de regio Rhenen zij wij op zoek naar een front-end developer die de eindverantwoordelijkheid op zich neemt van alles wat met design te maken heeft. In deze functie heb je een adviserende rol en beschik je over een grote dosis vakinhoudelijke kennis. Samen met collega’s en klanten overleg je om aangeleverde designs om te zetten naar unieke concepten. Zo draag jij je steentje bij aan de groeiambities van de klant. Voor klanten wordt jij het vaste aanspreekpunt als het gaat over planningen hierin houdt je alle betrokkenen goed op de

Bekijk vacature »

Applicatieontwikkelaar Java EE

Bedrijfsomschrijving De IV- organisatie van de Belastingdienst is verantwoordelijk voor en verzorgt de ICT- voorzieningen. Het merendeel van de applicaties wordt op dit moment door de IV- organisatie zelf ontwikkeld, onderhouden en beheerd in het eigen data center. Naast de zorg voor continuïteit op de massale heffing- en inningsprocessen die plaatsvinden binnen een degelijke, stabiele omgeving, wordt er tevens volop gewerkt aan modernisering van het IV- landschap. Dit gebeurt deels intern door gebruik te maken van de expertise die intern aanwezig is, maar ook door het aantrekken van (kant-en-klaar) oplossingen en expertise uit de markt. Functieomschrijving De afdeling IV –

Bekijk vacature »

Java Full Stack Developer

Java Full Stack developer What makes Cognizant a unique place to work? The combination of rapid growth and an international and innovative environment! This is creating a lot of opportunities for people like YOU — people with an entrepreneurial spirit who want to make a difference in this world. At Cognizant, together with your colleagues from all around the world, you will collaborate on creating solutions for the world's leading companies and help them become more flexible, more innovative and successful. And this is your chance to be part of the success story: we are looking for a (Senior) Java

Bekijk vacature »

PHP Developer

Functieomschrijving Vanuit het hoofdkantoor in omgeving Breda ben je als PHP/Symfony Developer niet alleen gefocust op het ontwikkelen van software. Daarnaast ben je voortdurend bezig met het zoeken naar nieuwe trends en ontwikkelingen die van waarde kunnen zijn voor de efficiëntie van software ontwikkeling. Hieronder een kort overzicht van jouw takenpakket: Het ontwerpen en implementeren van webapplicaties met het Symfony Framework; Het schrijven van een schone en efficiënte codes; Het testen van ontwikkelde applicaties om te zorgen dat ze goed functioneren en voldoen aan de eisen van de klant; Onderhouden en updaten van bestaande applicaties die zijn gebouwd met het

Bekijk vacature »
Robert Arissen

Robert Arissen

13/03/2013 23:02:06
Quote Anchor link
Hallo,

Ik ben bezig met een layout te coderen maar ik loopt momenteel vast.

Maar loop vast, ik heb momenteel dit:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
#slider {
    background: url(images/slider.png) center no-repeat #03090e;
    height: 242px;
    width: 100%;
}
    #slider .zoek_balk {
        background:url(images/zoek_content.png);
        height: 74px;
        width: 1000px;
        margin-top: 75px;

    }

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
<div id="slider">
            <div class="zoek_balk"></div>
        </div>


http://upcraft.nl/newproject/

Maar me zoek balk wilt niet naar beneden ... wat doe ik hier fout?
Wat hij doet is: Hij maakt 75px verschil tussen zwarte balk en zoekbalk+slider maar de slider moet op zijn plaats blijven. zoek balk moet 75px naar beneden in de slider zelf

Mvg
 
PHP hulp

PHP hulp

26/05/2026 12:26:05
 
Tim S

Tim S

14/03/2013 02:05:04
Quote Anchor link
Probeer eens position relative in .zoek_balk.
 
Robert Arissen

Robert Arissen

14/03/2013 07:29:32
Quote Anchor link
Tim Slootweg op 14/03/2013 02:05:04:
Probeer eens position relative in .zoek_balk.

Veranderd helaas niks aan?
 
Willem vp

Willem vp

14/03/2013 08:13:48
Quote Anchor link
Dit is een feature van CSS die "margin collapsing" heet. Omdat er geen tekst in je slider-box staat, neemt hij de top margin samen met de top margin van zijn eerste child box.

Als je iets van content in de slider box zet (desnoods een &nbsp;) is het probleem verholpen.

Een nettere manier is om je zoek-box de property display:inline-block te geven. Of position:absolute, maar ik denk niet dat je dat wilt.
Gewijzigd op 14/03/2013 08:26:06 door Willem vp
 
Robert Arissen

Robert Arissen

14/03/2013 08:52:10
Quote Anchor link
Willem vp op 14/03/2013 08:13:48:
Dit is een feature van CSS die "margin collapsing" heet. Omdat er geen tekst in je slider-box staat, neemt hij de top margin samen met de top margin van zijn eerste child box.

Als je iets van content in de slider box zet (desnoods een &nbsp;) is het probleem verholpen.

Een nettere manier is om je zoek-box de property display:inline-block te geven. Of position:absolute, maar ik denk niet dat je dat wilt.

Ik heb &nbsp; toegevoegd, maar nu reageer die nog niet op margin-top? (zie site).
 
P-ter AA

P-ter AA

14/03/2013 09:27:58
Quote Anchor link
Tip: gebruik http://jsfiddle.net/, dan is het makkelijk om je te helpen =)

Is dit wat je bedoeld?
http://jsfiddle.net/nqLaW/

(float: left toegevoegd aan .zoekbalk)
 
Willem vp

Willem vp

14/03/2013 09:53:06
Quote Anchor link
float:left heft ook de margin collapse op, maar heeft weer andere bij-effecten die display:inline-block niet heeft.
 
Robert Arissen

Robert Arissen

14/03/2013 09:55:44
Quote Anchor link
Maurice vB op 14/03/2013 09:27:58:
Tip: gebruik http://jsfiddle.net/, dan is het makkelijk om je te helpen =)

Is dit wat je bedoeld?
http://jsfiddle.net/nqLaW/

(float: left toegevoegd aan .zoekbalk)

Haha dat werkt aardig, alleen als nu margin: 0 auto; toevoeg dan gaat die weer omhoog? Ik ben nog niet helemaal een held in css ...
 
Willem vp

Willem vp

14/03/2013 09:57:06
Quote Anchor link
Die margin: 0 auto staat onder de margin-top; de waarde van margin-top wordt dus overschreven.

Waarschijnlijk wil je iets als margin: 75px auto 0 (en dan de margin-top weghalen)

Toevoeging op 14/03/2013 09:58:53:

O ja, die auto-margin werkt niet in combinatie met float:left. Dat is een van die bij-effecten waar ik het over had. ;-)
 
Robert Arissen

Robert Arissen

14/03/2013 10:37:50
Quote Anchor link
Willem vp op 14/03/2013 09:57:06:
Die margin: 0 auto staat onder de margin-top; de waarde van margin-top wordt dus overschreven.

Waarschijnlijk wil je iets als margin: 75px auto 0 (en dan de margin-top weghalen)

Toevoeging op 14/03/2013 09:58:53:

O ja, die auto-margin werkt niet in combinatie met float:left. Dat is een van die bij-effecten waar ik het over had. ;-)


Heb float: left; toegevoegd aan slider nu werkt het wel, bedankt voor jullie hulp! :D
Gewijzigd op 14/03/2013 10:41:52 door Robert Arissen
 
Willem vp

Willem vp

14/03/2013 13:57:37
Quote Anchor link
Robert Arissen op 14/03/2013 10:37:50:
Heb float: left; toegevoegd aan slider nu werkt het wel, bedankt voor jullie hulp! :D

Maar die float:left combineer je met een width van 100%, dat vind ik dan ook weer een rare constructie. ;-)
 



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.