[CSS] Rounded corners

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior BI Developer (PowerBI)

Voor project "Renewal ManInfo" zijn wij op zoek naar een aantal ervaren BI developers met passie voor het vak. Het werk zal bestaan uit het ophalen van klantwensen mede gebaseerd op basis van een bestaand product. Daar zal vervolgens een technisch model van gemaakt worden in de Azure cloud. De laatste stap zijn PowerBI dashboards waarmee je de klant positief verrast. De dashboards worden vervolgens gebruikt door bijna alle medewerkers van de Rabobank in Nederland. De aanvraag is in het kader van projecten/extra flexibele schil en het is de bedoeling dat de kandidaat een actieve rol pakt in de op

Bekijk vacature »

PHP Developer

De vacature In deze diverse functie als PHP ontwikkelaar ben je verantwoordelijk voor de innovatie, realisatie en het beheer van de complexe informatiesystemen voor een van onze leuke klanten. Als developer achterhaal je proactief de behoeften en wensen van de gebruikers binnen de organisatie. Deze vertaal je naar functionele en technische ontwerpen, afhankelijk van de omvang van het project. Vervolgens realiseer, programmeer en test je je oplossingen, om daarna samen met je klant te bespreken of het gewenste resultaat bereikt is Functie eisen We zijn op zoek naar een PHP ontwikkelaar die: Een relevant diploma heeft op minimaal HBO niveau;

Bekijk vacature »

Java Developer

Als Java Developer bij InTraffic werk je aan technisch uitdagende en complexe projecten voor een beter en veilig OV in Nederland. Denk aan realtime reisinformatie koppelen en ontsluiten. Je werkt aan projecten waarbij jouw code direct een bijdrage levert aan een beter en veilig OV in Nederland. Je haalt van nature het beste uit jezelf en je Scrum-team. Jij brengt een kritische en nieuwsgierige kijk op zaken en je ziet uitdagingen in situaties waarin wordt afgeweken van de gebaande paden. De perfecte functie als toe bent aan de tweede of derde stap in je loopbaan. Projecten voor de mobiliteitssector ontwerpen

Bekijk vacature »

SAP full stack / SCP Application developer

De vacature Als Full-stack Application Developer doorloop je bij Creetions klanten het gehele ontwikkeltraject. Beginnend met het doorgronden van het proces en het probleem, het bouwen van prototypes en afstemmen met eindgebruikers, tot het implementeren en opleveren van de applicatie binnen de gestelde tijd. Ben jij creatief, flexibel, analytisch en gedreven? Kun jij jezelf positioneren binnen het ontwikkeltraject en de klant helpen hun processen te optimaliseren op basis van de laatste technieken? Dan ben jij misschien de persoon die wij zoeken. Waar SAP voorheen met eigen technieken en oplossingen kwam, bouwt SAP steeds meer Intelligent Enterprise Applications op open source

Bekijk vacature »

Front-end developer

De vacature Alsfront-end developer bij TOM Group ben je verantwoordelijk voor de gebruiksvriendelijkheid en performance van onze webshops. Je werkt met moderne technieken en frameworks, bouwt nieuwe features en je weet moeiteloos externe diensten te implementeren door middel van API’s. Je werkt samen met back-end developers, UI/UX designers en online marketeers. Je staat open voor feedback en geeft zelf ook input. Je denkt graag mee en deinst er niet voor terug om ook andere werkzaamheden aan te pakken. Je werkt zowel zelfstandig als in teamverband. Functie eisen Uitstekende kennis van HTML, CSS en JavaScript Ervaring met ReactJS, SPA/PWA, API’s, JQuery

Bekijk vacature »

Senior C# Developer IoT Platform (NL) bij PostNL

Senior C# Developer IoT Platform (NL) Den Haag HBO/WO IT Professional Om alle Unique Loading Devices (ULD's) real-time te kunnen volgen, hebben we een IoT landschap gecreëerd dat ons continu update met de locatie en sensor informatie van de ULD's. Het IoT platform is volledig ontworpen met behulp van AWS serverless componenten en Serverless Architecture staat in het middelpunt van al onze ontwerpen. Enkele van de componenten die we gebruiken zijn AWS IoT services, Amazon Location Services, AWS Lambda enzovoort. Op ons platform vertalen we alle detecties van ULD's, vanuit AWS IoT Core naar relevante informatie over wanneer een ULD

Bekijk vacature »

Junior Fullstack .NET Developer @ Regio Rotterdam

2021-10-18 iSense Junior Fullstack .NET Developer Heb je onlangs een hbo-, wo-opleiding of een minor richting de IT afgerond OF heb jij middels cursussen je sporen verdiend in het programmeren en wil je graag aan de slag als Fullstack .NET Developer? Lees dan snel verder! Want in januari/februari 2022 start de Experis Academy weer met een leerprogramma waarin IT-experts je opleiden tot developer met als specialisatie .NET. Dit allemaal met een salaris en een vooruitzicht op een baan bij een topwerkgever. ISLE51116 Locatie Rotterdam en omstreken Wat ga je doen tijdens het Fullstack .NET Developer ontwikkeltraject? Vanaf januari/februari 2022 krijg

Bekijk vacature »

Full Stack Developer / .NET @ Zwolle

2021-03-25 iSense Full Stack Developer / .NET Ben je een gedreven .NET Developer, ontwikkel je graag in C# of VB.NET en wil je graag inspraak hebben in het gehele ontwikkeltraject, waarbij je veel verantwoordelijkheden krijgt? Werk je graag bij een informele organisatie die een hoge kwaliteit nastreeft? Reageer dan nu! ISPE49358 Organisatie Deze organisatie is gesitueerd in de omgeving van Zwolle en is actief binnen de financiële dienstverlening voor klanten. Ze is actief op twee locaties, één in de Randstad en één in het Noordoosten van het land. Voor de locatie in de regio Zwolle, waar ongeveer 35 collega's werken,

Bekijk vacature »

Java Developer

De vacature OpenValue streeft ernaar om de beste plek zijn voor Java developers in Nederland, onze focus ligt op Java en 'full stack' development. Bij ons staat kennisdeling centraal, we werken graag met en aan open source technologie. We hebben op dit moment drie losse kantoren in Utrecht, Rotterdam en München. Al onze kantoren hebben een eigen identiteit en een kleine hechte groep (van maximaal 25 personen). Hierdoor genieten wij van de voordelen van een klein bedrijf met nagenoeg geen 'overhead', maar door goede samenwerkingen hebben we ook de voordelen van een groot IT-bedrijf! Functie eisen HBO of WO werk-

Bekijk vacature »

.NET Developer

De vacature In deze diverse functie als .Net Ontwikkelaar ben je verantwoordelijk voor de innovatie, realisatie en het beheer van de complexe informatiesystemen voor een van onze leuke klanten. Als developer achterhaal je proactief de behoeften en wensen van de gebruikers binnen de organisatie. Deze vertaal je naar functionele en technische ontwerpen, afhankelijk van de omvang van het project. Vervolgens realiseer, programmeer en test je je oplossingen, om daarna samen met je klant te bespreken of het gewenste resultaat bereikt is. Functie eisen Een relevant diploma heeft op minimaal HBO niveau; Minimaal twee jaar relevante werkervaring heeft; Bij voorkeur C#,

Bekijk vacature »

Frontend Developer

De vacature Als front-end developer kom je in een team te zitten met vakidioten die vooral doen wat ze leuk vinden; #kickass webapplicaties bouwen. Samen met onze andere front-end-held en de meesters op de backend, ben je verantwoordelijk voor de ontwikkeling van webs voor vooruitstrevende A-merken, evenals het bouwen van eigen ontwikkelde producten. Waar kom je terecht about:blank, opgericht in 1998, is dé meest vooraanstaande leverancier van technisch hoogstaande weboplossingen in .NET. Wij staat bekend als de ontwikkelclub die wél de gewenste oplossing kan bouwen - daar waar anderen afhaken. Zie ons als is een creatieve grensverlegger die gedreven wordt

Bekijk vacature »

Ontwikkelaar Oracle, PL/SQL

De business unit transport en logistiek van ICT Group biedt IT-oplossingen voor onder meer containerterminals, logistieke dienstverleners in de belangrijkste havens van West-Europa, distributiecentra en productiebedrijven. Onze oplossingen zorgen ervoor dat de verschillende systemen in de supply chain naadloos samenwerken met andere interne en externe systemen, zoals een ERP, een WMS en verschillende apparatuur. We verbinden de wereld van informatietechnologie (IT) met de systemen in het operationele domein (OT). Bij specifieke klanten gebruiken we hier technieken als PL/SQL, Apex en Oracle voor. Samen met de klant(en) uit de transport en logistiek en onze businessanalisten functionaliteiten bespreken en bepalen. Functionele wensen

Bekijk vacature »

Frontend Developer

De vacature Wat houdt de baan als frontend developer dan precies in? Jij houdt je bezig met de gebruikerservaring van de platformen van onze klanten. Je denkt na over de manieren waarop we deze perfectioneren, hoe we omzetdoelen behalen en welke methodiek én techniek het meest geschikt zijn. Daarnaast heb je de verantwoordelijkheid om projecten aan te sturen en masterplannen te ontwikkelen met je backend-, UX- en designcollega’s. De focus? Een state of the art e-commerce-omgeving aanleveren! Tenslotte vervul je een coachende rol voor jouw juniorcollega’s. Wat wil je nog meer? Functie eisen Je neemt graag het initiatief; Je presteert

Bekijk vacature »

Front-end developer

De vacature Als software developer bij LetsGrow.com vervul je een essentiële rol in het optimaliseren en verder uitbouwen van ons product. Wij maken een dataplatform dat wereldwijd telers, teeltadviseurs en toeleveranciers in de glastuinbouw realtime inzicht geeft in teeltdata. Zo helpen we hen om de juiste beslissingen te nemen voor een goed renderende en duurzame teelt. Momenteel frissen we ons platform op met een nieuwe front-end en we zoeken een ontwikkelaar die hier een leidende rol in kan spelen. Je wordt hierbij ondersteund door een Scrum-team van zeven back-end en fullstack developers. Functie eisen Je vindt het prettig om zowel

Bekijk vacature »

PHP Developer

De vacature Voor onze groei zoeken wij een ervaren PHP developer gedreven, proactief, meedenkend Positie: Je projecten variëren in grootte, duur en complexiteit. Op een gestructureerde wijze manage je deze projecten tot het gewenste resultaat. Je communiceert actief zodat de klant en je directe collega’s goed weten waar ze aan toe zijn en jij steeds grip hebt op het totale proces. Functie eisen Een vak volwassen PHP developer met ruime kennis van PHP/MySQL, OOP; HBO werk- en denkniveau, verbanden zien en oplossingsgericht denken en handelen; Actuele kennis van de nieuwe ontwikkelingen op webgebied; Zelfstandig kunnen werken en kunnen bijdragen in

Bekijk vacature »
Nicoow Unknown

Nicoow Unknown

04/02/2010 15:59:00
Quote Anchor link
Hallo allen,

Aangezien ik z'n enorme css guru ben *kuch* lukt het mij weer eens niet met rounded corners.
De hoogte staat vast, alleen de breedte niet.
Dus ik heb een linker kant, en een rechter kant,, dat zijn vast afbeeldingen van 6px breed, en 53px hoog.
Voor er tussen in heb ik 1 afbeelding, die 1px breed is. en 53 hoog.
Hoe kan ik dit nu het beste oplossen met CSS?
Ik heb al wel het één en ander gegoogled, maar dat is allemaal met 4 hoeken, of een boven en onderkant.

Alvast bedankt.
 
PHP hulp

PHP hulp

07/12/2021 23:08:54
 
Tamara

Tamara

04/02/2010 16:21:00
Quote Anchor link
CSS3 border-radius: klik hier

edit: border-radius wordt niet door IE ondersteunt. Volgens mij kan je het wel voor elkaar krijgen met een beetje javascript.

Als je gewoon CSS2 wilt gebruiken, dan is dit alleen mogelijk met 2 of 4 plaatjes zoals je zelf al aangaf.
Gewijzigd op 01/01/1970 01:00:00 door Tamara
 
Nicoow Unknown

Nicoow Unknown

04/02/2010 16:36:00
Quote Anchor link
Het is me al gelukt,
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
div.headerLeft {
    min-height: 53px;
    min-width: 6px;
    background-image:url('../images/header_left.jpg');
    background-repeat:no-repeat;
    background-position:top left;
    float: left;
}

div.headerMiddle {
    min-height: 53px;
    min-width: 784px;
    background-image:url('../images/header_middle.jpg');
    background-repeat:repeat-x;
    background-position:top right;
    float: left;
}

div.headerRight {
    min-height: 53px;
    min-width: 6px;
    background-image:url('../images/header_right.jpg');
    background-repeat:no-repeat;
    background-position:top right;
    float: left;
}


En de HTML
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
<div class="wrapper">
<div class="headerLeft"></div>
<div class="headerMiddle"></div>
<div class="headerRight"></div>
</div>
 
Yearupie Achternaamloos

Yearupie Achternaamloos

04/02/2010 17:35:00
Quote Anchor link
Met plaatjes zijn het natuurlijk nooit echte afgeronde hoeken!
Om veel werk te besparen met plaatjes etc. kun je heel erg makkelijk het volgende gebruiken:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.corner.js"></script>
<script type="text/javascript" src="js/corner.js"></script>
</head>
<body>
<div id="box"></div>
</body>
</html>


Download ook nog even deze toevoeging (jquery.corner.js): http://code.google.com/p/jquerycurvycorners/downloads/list

corner.js:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
$(function(){
    settings = {
        tl: { radius: 5 }, // grote hoek top left
        tr: { radius: 5 }, // grote hoek top right
        bl: { radius: 5 }, // grote hoek bottum left
        br: { radius: 5 }, // grote hoek bottum right
        antiAlias: true,
        autoPad: true,
        validTags: ["div"]
    }
    $('#box').corner(settings);
});
 
Nicoow Unknown

Nicoow Unknown

04/02/2010 17:42:00
Quote Anchor link
En toen stond javascript uit.
Op een computer krijg je nooit ronde hoeken, je zit altijd aan vierkante pixels gebonden.
 
Yearupie Achternaamloos

Yearupie Achternaamloos

04/02/2010 17:50:00
Quote Anchor link
nico schreef op 04.02.2010 17:42:
En toen stond javascript uit.
Op een computer krijg je nooit ronde hoeken, je zit altijd aan vierkante pixels gebonden.

Als javascript uitstaat heb je niet veel keus..
 
Wouter De Schuyter

Wouter De Schuyter

04/02/2010 18:28:00
Quote Anchor link
Ik gebruik css & plaatjes, gemakkelijker en valid.
http://paradox-productions.net/projects/rounded%20corners%20links/

Als je enkel met css rounded corners wil is het sowieso geen valid css.
 
Joey Drieling

Joey Drieling

04/02/2010 18:40:00
Quote Anchor link
Wat doet iedereen tog moeilijk?

Daar is al een tijdje een simpel cross browser oplosing voor, een htc bestandje werkt in elke bekende browser en OOK in IE!

http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser
 
Nicoow Unknown

Nicoow Unknown

04/02/2010 18:40:00
Quote Anchor link
Ik gebruik ook plaatjes,, maar in jou link zie ik geen rounded corners :)
 
Joey Drieling

Joey Drieling

04/02/2010 22:10:00
Quote Anchor link
@nico

Als je de link van Paradox bedoeld dan denk ik dat hij de hover van het menu bedoeld.

probeer anders dit!
joey schreef op 04.02.2010 18:40:
Wat doet iedereen tog moeilijk?

Daar is al een tijdje een simpel cross browser oplosing voor, een htc bestandje werkt in elke bekende browser en OOK in IE!

http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser
 
Yorick17

yorick17

04/02/2010 22:24:00
Quote Anchor link
je kan toch ook gewoon 1 plaatje maken met afgeronde hoeken? is wel het simpelst
 
Wouter De Schuyter

Wouter De Schuyter

05/02/2010 00:51:00
Quote Anchor link
joey schreef op 04.02.2010 18:40:
Wat doet iedereen tog moeilijk?

Daar is al een tijdje een simpel cross browser oplosing voor, een htc bestandje werkt in elke bekende browser en OOK in IE!

http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser
MAAR IS NIET VALID ZOALS IK AL ZEI
 
Joey Drieling

Joey Drieling

05/02/2010 07:14:00
Quote Anchor link
hWeet ik maar dat vind ik niet erg.

In geval dat je het voor een klant maakt wel tenzij die het ook niet erg vind.

Maar het is maar wat je zelf wilt?
Gewijzigd op 01/01/1970 01:00:00 door Joey Drieling
 



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.