[Opgelost] FF hieght probleem!

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Front-end Developer - Juniorfunctie

Functie omschrijving Ben jij op zoek naar een uitdagende baan als front-end developer, in een informele werksfeer, waar jij echt het verschil kan maken? Wil jij graag werken voor een bedrijf dat sportiviteit en een open communicatie, hoog in het vaandel heeft staan? Dan hebben wij de perfecte vacature voor je! Voor een klein bedrijf in Rijen dat gespecialiseerd is in het omzetten van digitale woningtekeningen naar managementinformatie, zijn wij per direct op zoek naar een allround front-end developer. Jouw werkzaamheden zien er als volgt uit: Ja gaat nauw samenwerken met de back-end developer. De database structuur is volledig gebouwd

Bekijk vacature »

Back-end Developer

Functieomschrijving Heb jij kort geleden jouw HBO ICT diploma in ontvangst mogen nemen? Of ben je toe aan een nieuwe uitdaging? Voor een gewaardeerde werkgever in regio Oosterhout zijn wij op zoek naar een back-end developer. Kennis of ervaring met C# & SQL is een must! Je bent verantwoordelijk voor de beheer en ontwikkeling van de software; Je draagt bij aan de implementatie van aanpassingen, verbeteringen en aanvullingen in de C# based applicaties; Je test de software en ontwikkelt deze door; Je houdt je bezig met het ontwikkelen van nieuwe functionaliteiten; Je brengt de aanpassingssuggesties van klanten in kaart, om

Bekijk vacature »

Software Developer C# .NET

Functie omschrijving Software Developer C# .NET gezocht voor een dynamische organisatie! Ben jij net afgestudeerd of toe aan een volgende stap in je maatschappelijke carrière? Lees dan snel verder! Wij zijn op zoek naar een Software Developer die klaar is voor een nieuwe uitdaging en die een organisatie in de regio Houten wil versterken. Je werkt in deze functie aan verschillende projecten en gaat vaak op bezoek bij klanten. In deze functie kun je een grote mate van uitdaging, diversiteit en verantwoordelijkheid verwachten. Bedrijfsprofiel Waar kom je te werken? Je komt te werken bij een organisatie dat gespecialiseerd is in

Bekijk vacature »

Software Programmeur

Functie omschrijving Ben jij op zoek naar een organisatie waar je samen met een team werkt aan iets moois en waar je naast hard werken ook hard kunt lachen? Dan ben je hier aan het juiste adres! Voor een informeel IT-bedrijf in omgeving Wassenaar zijn wij op zoek naar versterking. Ben jij op zoek naar een nieuwe uitdaging als Software Programmeur lees dan snel verder! Werkzaamheden Programmeur Je bent bezig met het ontwikkelen van software en webapplicaties. Je kunt technische klussen uitvoeren op locatie. Je onderhoudt contact met de projectleider om er zeker van te zijn dat een project goed

Bekijk vacature »

Junior full stack developer

Functie Als full stack developer binnen onze organisatie ga jij je bezig houden met het bouwen van de user experience van de webapplicaties. Je bent verantwoordelijk voor het vertalen van concepten, briefings en designs naar werkende functionaliteit. Hierbij zorg je ervoor dat applicaties betrouwbaar, veilig en toekomstbestendig zijn en een goede architectuur hebben en behouden. Verder denk je actief na- en mee over nieuwe ontwikkelingen en functionaliteiten om zo elke dag de klantervaring weer te verbeteren. Dit doe je natuurlijk niet alleen maar in een development team. Het team bedraagt momenteel 4 man bestaande uit 2 devops engineers en 2

Bekijk vacature »

C# developer

Functie Als ervaren Software Engineer wordt jij verantwoordelijk voor het bedenken en ontwikkelen van technische (maatwerk) oplossingen voor onze klanten en dit samen met de klant af te stemmen. Jij wordt o.a. verantwoordelijk voor de doorontwikkeling het software pakket welke voor ons enorm belangrijk is. Dit pakket zorgt er namelijk voor dat wij complete productielijnen kunnen aansturen en monitoren. Daarnaast heb jij actief contact met onze hoofdvestiging om het software achter een van onze systemen te verbeteren en te herschrijven. Momenteel zijn onze C# applicaties geschreven met o.a. Winforms. Echter hebben wij de actieve ambitie om dit te gaan herschrijven

Bekijk vacature »

Junior .NET developer

Functie Als junior .NET Core developer wordt jij onderdeel van ons team met drie breed ontwikkelde software engineers en een flexibele schil met zes ervaren freelancers. Jij gaat mee in de visie van onze organisatie om als IoT partner in deze branche specifieke markt “het” platform te blijven innoveren en deze ook steeds slimmer te maken. Wij hopen dan ook zeker dit in de toekomst te kunnen realiseren met bijvoorbeeld Artificial Intelligence. De architectuur van ons platform is opgemaakt uit een deel eigen protocol, een interface laag en een laag welke de protocollen van derde partijen vertaald naar het eigen

Bekijk vacature »

Senior PHP developer/ Software Architect

Functie Momenteel zijn ze op zoek naar een ervaren PHP developer die zichzelf graag bezighoudt met zaken als architectuur en de algehele verbetering van structuren en standaarden. Het is eigenlijk meer operationeel als uitvoerend omdat je bezig gaat met zaken als het verder uitrollen en verbeteren van testautomatisering, codereviews, tickets en de doorloop hiervan en architectuurkeuzes. Mocht je hiernaast ook wat DevOps kennis meenemen is dit mooi meegenomen! Vanwege het kleine team maar de wereldwijde impact die zij leveren is er veel focus op kwaliteit. In deze functie werk je aan één van hun belangrijkste applicaties. Hierin werk je nauw

Bekijk vacature »

.NET Developer Microservices

Dit ga je doen Je taken zullen voornamelijk bestaan uit: Het ontwikkelen van software, inclusief vormgeving, implementaties, integraties en (automatisch) testen (.NET, C#, Azure, Docker, Microservices, Angular); Het in kaart brengen van software requirements; Zorgen dat jouw code kwalitatief hoogstaand is; Het uitvoeren van risico analyses; Een bijdrage leveren aan het continuous quality improvement process. Hier ga je werken Dat kanker een verschrikkelijke ziekte is die de wereld uit geholpen moet worden, is duidelijk. Binnen deze Gelderse organisatie die duizenden ziekenhuizen van producten voorziet, proberen ze daar via technische innovaties aan bij te dragen. Samen met 10 collega .NET developers

Bekijk vacature »

C# .NET Developer

Dit ga je doen Als developer nieuwe gave features implementeren; Werken met technieken als C# .NET en (REST) API's webservices; Ontwikkelen van koppelingen middels API's; Maken van technische keuzes en beslissingen over de architectuur; Junior collega's coachen; Initiatief nemen voor nieuwe technische mogelijkheden; Je bent een belangrijke schakel - en vindt het leuk - om te schakelen met de business. Hier ga je werken In een klein team van professionals ben je als C# .NET Developer verantwoordelijk voor het ontwikkelen van één van de applicaties voor het grootste inhouse product: een applicatie voor alles omtrent hypotheken. De programmeertaal die je

Bekijk vacature »

.NET developer

Functie The position we have for you As a .NET developer you will work for one of our customers active in the High Tech Industry. Our customers are mainly located in the Eindhoven area. We are very selective when it comes to the projects we accept and therefore only focus on innovative and complex projects. Because our customers are mainly specialized in machine construction, you often work close to the machines. Our team currently consists of Embedded engineers, IOT developers and Cloud engineers. We mainly work on Microsoft projects where WPF, UWP, .NET Core and Microsoft Azure are used. Eisen

Bekijk vacature »

Software Ontwikkelaar

Functie omschrijving Voor een echt familiebedrijf in de omgeving van 's-Hertogenbosch ben ik op zoek naar een Software Developer. Jij gaat in de functie van Software Developer werken met C# en .NET framework Jij gaat maatwerk software ontwikkelen en softwareoplossingen creëren. Daarnaast optimaliseer je de bestaande software. Oplossingen waar de klant echt iets aan heeft, jij krijgt er energie van op dit te realiseren. Je gaat werken in een Microsoft omgeving(ASP.NET) en gebruikt daarnaast C# en MVC. Samen met het huidige IT team binnen deze organisatie verwerk je de wensen van de klant tot een (eind)product. Bedrijfsprofiel Deze organisatie is

Bekijk vacature »

.NET developer

Functie Als junior .NET ontwikkelaar ga jij aan de slag in één van de 5 IT teams van dit bedrijf. Jullie werken op basis van interne klantprojecten aan voornamelijk webapplicaties. Dit betekent dat jij continu uitgedaagd wordt en veelal met verschillende soorten projecten bezig bent. Het gave is dan ook dat jullie als team samen bekijken welke technieken het beste passen bij het project waar jullie verantwoordelijk voor zijn. Zo kan het zijn dat jij als .NET developer gaat werken aan een project, maar dat jullie als team liever gebruik maken van Haskell of F# om de klus te klaren.

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 »

Belastingdienst - Freelance Applicatieontwikkelaar

Startdatum: 01.06.2023 Richttarief: €65,00 - €75,00 Duur van de opdracht: 6 maanden Uren per week: 36 Taal: Nederlands vereist! Gelieve in het Nederlands te solliciteren. Hybride. Kantoordagen in Utrecht, incidenteel in Apeldoorn Functieomschrijving: De afdeling IV – Generieke Voorzieningen – Interactie Online is onderdeel van de keten Interactie. De missie van de keten is: “het faciliteren van de interactie met alle burgers, bedrijven en hun vertegenwoordigers om hen in staat te stellen aan hun fiscale verplichtingen te voldoen en aanspraak te maken op hun rechten.” De afdeling Interactie Online heeft een belangrijke bijdrage binnen deze keten. Dit door het ontwikkelen

Bekijk vacature »
Joey Drieling

Joey Drieling

05/09/2010 21:09:06
Quote Anchor link
Ik heb een button gemaakt werk prima in IE maar in FF luistert hij niet naar de hieght.

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
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
<style type="text/css">
<!--
.button {
color: #FFF;
font: normal 12px Arial;
text-decoration: none;
cursor: pointer;
height: 23px;
padding: 0px 0px 0px 3px;
background: url(l.png) no-repeat left top;
}

.button span {
height: 23px;
padding: 4px 15px 0px 12px;
background: url(r.png) no-repeat right top;
}

.button:hover {
background: url(l_H.png) no-repeat left top;
}

.button:hover span {
background: url(r_h.png) no-repeat right top;
}
-->
</style>
</head>
<body>
<a href="#" class="button"><span>Test text</span></a>
</body>
</html>

Test URL: http://h1.ripway.com/rakoda/button_test/Button_test.html
Gewijzigd op 07/09/2010 07:22:03 door Joey Drieling
 
PHP hulp

PHP hulp

03/11/2024 13:10:26
 
Pieter Jansen

Pieter Jansen

05/09/2010 21:11:57
Quote Anchor link
Een <a> element is een inline element. Geen block element. Met andere woorden, een inline element kun je niet een height mee geven, als je al een height mee wil geven, moet je dat doen door padding of je moet een display: block mee geven aan het <a> element.

Dat laatste moet je echter alleen doen als je weet wat je doet. Je kunt niet een <a> element gebruiken in een lange zin. Zodra je er een block element van maakt, breekt het met de rest van de text.

PS> het is dus niet FF die het fout doet, maar IE. Opdat je dat even weet.
 
Vincent Huisman

Vincent Huisman

05/09/2010 21:15:09
Quote Anchor link
even een klein dingetje wat niet met je vraag te maken heeft:
waarom laat je de achtergrond van je plaatje niet horizontaal herhalen, als je nu de mouseover gebruikt, is hij voor een halve seconde even wit.
 
Joey Drieling

Joey Drieling

05/09/2010 21:15:52
Quote Anchor link
Ja okay ik snap wel dat de fout bij IE licht die acepteert bijna alles, maar hoe moet ik dan wel goed doen om het in FF het zelf de als in IE te krijgen zonder dat de tekst brekt.
 
Vincent Huisman

Vincent Huisman

05/09/2010 21:17:25
Quote Anchor link
Merijn Venema op 05/09/2010 21:11:57:
als je al een height mee wil geven, moet je dat doen door padding of je moet een display: block mee geven aan het <a> element.
 
Joey Drieling

Joey Drieling

05/09/2010 21:17:38
Quote Anchor link
@vincent
De mouse over plaatje is lichter dat je wit ziet is dat hij de hover plaatje langzaam laad.
 
Pieter Jansen

Pieter Jansen

05/09/2010 21:20:22
Quote Anchor link
Wat je het beste kunt doen is dus met padding werken. Als je je .button een line-height van 18px mee geeft, weet je je hoe hoog elke regel is. Als je dat weet, kun je met padding de rest recht zetten.

Maar, wat je ook kunt doen ( het gaat hier immers om een menu ), is een <ul> maken, en binnen die <ul> voor elke <a> een <li> maken.

Op die manier kun je de <li> floaten, zodat ze naast elkaar vallen, kun je je <a> een display:block geven, en als je het goed uit meet, heb je geen hoogtes en breedtes meer nodig. Als je deze methode kiest, moet je er op verdacht zijn dat zowel de <li> als ook de <a> geen height en width krijgen. Anders zal IE6 niet weten wat ie er mee moet.

Dus:

<ul>
<li>
<a>
<span>


De <li> floaten, de <a> paddings mee geven en een display:block, en dat zou het wel moeten doen
 
Joey Drieling

Joey Drieling

05/09/2010 21:32:46
Quote Anchor link
maar het gaat om een lose buttons en vond een list beetje teveel daar voor.
Gewijzigd op 05/09/2010 21:33:59 door Joey Drieling
 
Pieter Jansen

Pieter Jansen

05/09/2010 21:43:14
Quote Anchor link
Als het een lose button is, is het niet nodig inderdaad. Dan moet je het dus met padding doen he :)

Als je weet hoe hoog het plaatje is, en het moet een inline button worden, ( zoals je aangeeft ) dan moet je een line-height opgeven voor je text ( wat je als het goed is sowieso doet ) en als je de line-height weet, kun je de padding bepalen. Je kunt heel wat met CSS hoor.
 
Joey Drieling

Joey Drieling

05/09/2010 21:49:07
Quote Anchor link
Ik heb nu dit werkt in FF goed aleen komt het rechter achtergrond om hoog in IE.
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
15
16
17
18
19
20
21
22
23
24
25
26
<style type="text/css">
<!--
.button {
color: #FFF;
font: normal 12px Arial;
text-decoration: none;
cursor: pointer;
line-height: 18px;
padding: 4px 0px 4px 3px;
background: url(l.png) no-repeat left top;
}

.button span {
padding: 4px 15px 4px 12px;
background: url(r.png) no-repeat right top;
}

.button:hover {
background: url(l_H.png) no-repeat left top;
}

.button:hover span {
background: url(r_h.png) no-repeat right top;
}
-->
</style>

En als ik dit doe:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
padding: 0px 0px 4px 3px;

Dan krijg ik het omgekeerde probleem
Gewijzigd op 05/09/2010 21:51:49 door Joey Drieling
 
Pieter Jansen

Pieter Jansen

05/09/2010 22:07:44
Quote Anchor link
Heb je een link voor me? Je topic openingslink werkt wel, maar bevat niet de code die hier is opgegeven. Dan kan ik even mee kijken, is wat makkelijker dan naar de code staren.
 
Joey Drieling

Joey Drieling

05/09/2010 22:21:50
Quote Anchor link
Deze werkt in FF maar niet in IE.

http://h1.ripway.com/rakoda/button_test/Button_test_2.html

zet ik bij de padding 4px op 0px krijg ik het omgedraide probleem.

Toevoeging op 05/09/2010 23:01:25:

Ik heb het met display block geprobeert maar dan breekt hij de regel weer is er geen fix voor IE voor dit probleem met die px verschil.
Gewijzigd op 05/09/2010 23:02:01 door Joey Drieling
 
Marc rc is as

Marc rc is as

06/09/2010 17:42:43
Quote Anchor link
Waarom die span? zoals Marijn al zegt: gebruik ul li.
Zet die buttons in een div met een id.

Probeer dit, misschien wat lomp ge-css-st maar dit werkt in alle browsers.

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
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
<style type="text/css">
<!--
#button ul {
    height: 35px;
    list-style: none;
    overflow: hidden;
    display: inline;
    float:left;
}

#button ul li {
    background:url(l.png) top left no-repeat;
    float: left;
    display: inline;
    overflow: hidden;
}

#button ul li a {
    width:auto;
    float:left;
    display: inline;
    overflow: hidden;
    padding: 3px 15px 5px 13px;
    margin-left: 2px;
    text-decoration:none;
    background: url(r.png) top right no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
}

#button li:hover {
    background:url(l_H.png) top left no-repeat;
    float: left;
    display: inline;
}

#button ul li a:hover {
    width:auto;
    float:left;
    display: inline;
    overflow: hidden;
    text-decoration:none;
    padding: 3px 15px 5px 13px;
    margin-left: 2px;
    background:url(r_h.png) top right no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
}

-->
</style>
</head>
<body>
<div id="button">
<ul>
<li><a href="#" class="button">Test text</a></li>
</ul>
</div>
</body>
</html>
 
Joey Drieling

Joey Drieling

06/09/2010 18:55:53
Quote Anchor link
Ik heb hem nu op nieuw gemaakt en met de padding bezig geweest, heb ook de background herhaald. Zo heb ik minder plaatjes nodig bedankt Vincent Huisman voor de tip. Hij werkt nu goed zowel in IE als FF. Voor IE heb ik wel een fix gemaakt, aan gezien IE de tekst 1px hoger zet.

Hier de URL: http://h1.ripway.com/rakoda/button_test/Button_test_3.html
 



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.