[CSS] Rounded corners

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Medior Developer

Kom je met ons samenwerken in ons mooi kantoor hartje centrum Breda? Wat ga je doen als developer bij JobBoost.io? Als software developer kom je bij JobBoost.io terecht in een hecht en gespecialiseerd team waar we elke werkdag streven naar een beter systeem. We hebben al grote resultaten behaald met onze kennis, ervaring en tooling die inspeelt op de behoefte van werkgevers die hun vacature advertenties optimaal willen adverteren. Dat doen we voor grote partijen zoals Arcadis, Kruidvat, PostNL en Takeaway. We zoeken een ervaren developer met ervaring die met onze Koen (CTO) kan opschalen in development capaciteit en het

Bekijk vacature »

PHP Symfony (3) Developer

Bedrijfsomschrijving Onze klant is een dienstverlenend bedrijf die een eigen facturatiesysteem heeft ontwikkeld waar men zich met een relatief klein team (circa 20 mensen) dagelijks inzet om mooie en slimme applicaties te ontwikkelen. Ze groeien nog altijd echter nemen niet elke opdracht aan en ze kiezen als bedrijf alleen voor de projecten waar de meeste uitdaging in te vinden is. Het is een leuke en prettige partij om bij te werken en er is ook veel ruimte om met nieuwe technieken (lees: Symfony 3) aan de slag te gaan en deze uit te proberen. Functieomschrijving Samen met je collega’s ben

Bekijk vacature »

Full stack developer software engineer

Duizenden ambitieuze scheepsbouwers wereldwijd staan te trappelen om met jouw software te werken! Gaat jouw hart sneller kloppen van de nieuwste web development technieken gerelateerd aan .net of C#? Wil je een cruciale schakel zijn in een jong en compact team zijn dat op wereldniveau meespeelt? Pak dan je kansen bij Floorganise! Als full stack developer en software engineer bij Floorganise ben je pro-actief betrokken bij het doorontwikkelen van de roadmap voor onze webtool Floor2Plan; de vertaling van klant specifieke vraagstukken naar onze architectuur en het bedenken van nieuwe concepten en methoden. Steeds meer toonaangevende scheepswerven zoeken oplossingen om de

Bekijk vacature »

IT-Traineeship junior software programmeur

Zoek jij een stevige uitdaging en de mogelijkheid om veel nieuwe dingen te leren in een dynamisch vakgebied? Doe mee aan ons IT Professional Program en ontwikkel jezelf tot software engineer! Je begint met een opleidingstraject van ongeveer 4 maanden. Hierin ga je aan de slag met verschillende technieken die je op conceptueel niveau leert te overzien en interpreteren. Onderwerpen die aan bod komen zijn o.a. programmeren (Java/C#/Python), Object Oriëntatie, Databases, Webservices & webtechnologieën, Domain Driven Design en Continuous Integration/Continuous Delivery. Sommige van deze onderdelen sluit je af met een examen en bijbehorende certificering. Het opleidingstraject zelf sluit je af

Bekijk vacature »

Graduate Class Geo-ICT ontwikkelaar voor de Utilit

Wil je onderdeel uitmaken van het grootste bedrijf met een eigen Geo-ICT community? Wat ga je doen? Wist je dat CGI het grootste bedrijf is met een eigen Geo-ICT community? Dat we ook in verschillende landen waaronder Nederland de koploper zijn op het gebied van Geo-ICT dienstverlening? We breiden onze Geo-ICT activiteiten steeds verder uit. Zo richten wij ons vooral op de nieuwste ontwikkelingen in de energiemarkt en de energietransitie. Het CO2 neutraal maken van de samenleving is onze doelstelling en jij kan daar een actieve bijdrage aan leveren! Onze Geo-ICT practice in Nederland heeft een unieke positie verworven op

Bekijk vacature »

Medior Developer

Kom je met ons samenwerken in ons mooi kantoor hartje centrum Breda? Wat ga je doen als developer bij JobBoost.io? Als software developer kom je bij JobBoost.io terecht in een hecht en gespecialiseerd team waar we elke werkdag streven naar een beter systeem. We hebben al grote resultaten behaald met onze kennis, ervaring en tooling die inspeelt op de behoefte van werkgevers die hun vacature advertenties optimaal willen adverteren. Dat doen we voor grote partijen zoals Arcadis, Kruidvat, PostNL en Takeaway. We zoeken een ervaren developer met ervaring die met onze Koen (CTO) kan opschalen in development capaciteit en het

Bekijk vacature »

C# / Angular / Developer @ Goeree-Overflakkee

2020-08-31 iSense C# Angular Developer C# Angular Developer Ontwikkelaar Leaseauto ISRA47435 Organisatie Onze klant is een IT dienstverlener, ter versterking van het team zijn ze op zoek naar een ervaren C# .NET Ontwikkelaar. Development bestaat uit 24 developers verdeeld over teams van 6 man. Met het team ben je verantwoordelijk voor een aantal nationale en internationale opdrachtgevers. Deze organisatie zet graag mensen in hun kracht waar ze goed in zijn. Ongeacht je persoonlijkheid wordt hier een plek gecreëerd waar jij je prettig bij voelt. Mensen werken hier met plezier en dat is te zien aan het aantal dienstjaren en het

Bekijk vacature »

.NET Developer @ Amersfoort

2021-06-18 iSense .NET Developer Are you a driven developer who enjoys working at a leading software company? Are you a real go-getter and do you always strive to deliver first class software solutions? Then don't hesitate to apply! ISVI49560 Organization Our client is a leading software company in the region of Amersfoort. They offer solutions in the Cloud (SaaS) to more than 2 million users. Their software supports 2000 clients through different HR solutions. They do this together with 1000 colleagues. You will be part of the team that is focused on integrations. This is a small, driven and international

Bekijk vacature »

Java Software Ontwikkelaar

Heb jij ervaring met applicatieontwikkeling, testen en onderhoud van business-kritische applicaties? Wil je graag het verschil maken voor onze projecten bij de Nederlandse overheid, sociale zekerheid en gezondheidszorg? Wil je deel uitmaken van een zeer succesvol team? Wat ga je doen? De wereld om ons heen verandert in snel tempo. We zien dat technologie een steeds belangrijkere rol speelt in onze samenleving. CGI bouwt innovatieve oplossingen voor deze veranderende wereld. Met jouw team bouw je aan slimme oplossingen voor de digitale overheid, onder andere voor onze opdrachtgevers in de sociale zekerheid en gezondheidszorg. Als ervaren Software Ontwikkelaar houd je je

Bekijk vacature »

Medior PHP Developer

Kom je met ons samenwerken in ons mooi kantoor hartje centrum Breda? Wat ga je doen als developer bij JobBoost.io? Als software developer kom je bij JobBoost.io terecht in een hecht en gespecialiseerd team waar we elke werkdag streven naar een beter systeem. We hebben al grote resultaten behaald met onze kennis, ervaring en tooling die inspeelt op de behoefte van werkgevers die hun vacature advertenties optimaal willen adverteren. Dat doen we voor grote partijen zoals Arcadis, Kruidvat, PostNL en Takeaway. We zoeken een ervaren developer met ervaring die met onze Koen (CTO) kan opschalen in development capaciteit en het

Bekijk vacature »

IT-traineeship junior software developer

Zoek jij een stevige uitdaging en de mogelijkheid om veel nieuwe dingen te leren in een dynamisch vakgebied? Doe mee aan ons IT Professional Program en ontwikkel jezelf tot software engineer! Je begint met een opleidingstraject van ongeveer 4 maanden. Hierin ga je aan de slag met verschillende technieken die je op conceptueel niveau leert te overzien en interpreteren. Onderwerpen die aan bod komen zijn o.a. programmeren (Java/C#/Python), Object Oriëntatie, Databases, Webservices & webtechnologieën, Domain Driven Design en Continuous Integration/Continuous Delivery. Sommige van deze onderdelen sluit je af met een examen en bijbehorende certificering. Het opleidingstraject zelf sluit je af

Bekijk vacature »

Helpdeskmedewerker ICT

Als schoenen klein genoeg waren, zaten ze in ons bloed. Met deze passie voor schoenen zijn wij één van de grootste omnichannel shoe-retailers van Nederland! Bij Nelson maken we van kleine stappen graag grote sprongen. Met meer ideeën dan tijd, is Nelson steeds opzoek naar ambitieuze en talentvolle nieuwe collega's die samen met ons de volgende stap willen zetten! Zet jij jouw volgende stap bij Nelson? Wij zijn op zoek naar een: Helpdeskmedewerker 40 uur In deze functie werk je samen met jouw IT-collega’s en krijg je volop ondersteuning van professionals uit jouw team, zodat je jezelf verder kunt ontwikkelen

Bekijk vacature »

Full Stack Java Developer

Functieomschrijving Wil jij zorgen voor de meest plezierige en efficiënte klant ervaring? Wil jij werken met state-of-the-art-systemen, onze business verbeteren en echt impact maken? Wat ga je doen als Full-stack Java Developer? Met jouw slimme en gave oplossingen breng je mensen en werk dichter bij elkaar. Samen met jouw team uiteraard. Binnenstromende functionele vragen vertalen naar technische creatieve oplossingen. Daar mag jij je in gaan vastbijten. Jouw focus bij ons zal liggen bij het 'self-service portaal' voor klanten, waar onze producten en diensten digitaal worden aangeboden aan onze klanten. Een portaal wat wij continue willen doorontwikkelen en dus ook onze

Bekijk vacature »

Systeembeheerder Windows

Medior Systeembeheerder Windows Opleidingsbudget van € 5.000,- Onze opdrachtgevers werken met de nieuwste techniek en dus onze medewerkers ook. Daarom bieden we jou uitgebreide opleidingsmogelijkheden en ondersteunen we je maximaal in je ontwikkeling. We bepalen samen met jou een opleidingstraject want niemand wil stilstaan in zijn ontwikkeling, zeker niet in de IT. Wat mag je nog meer verwachten? Direct een arbeidsovereenkomst voor onbepaalde tijd Een salaris tussen de € 3.500,- en € 4.000,- bruto per maand o.b.v. 40 uur Diverse bonussen: - 1800+ uur bonus - Wervingsbonus, een waardebon naar keus, ter waarde van € 1.500,- netto Een onkostenvergoeding van

Bekijk vacature »

Full Stack Java Developer - Infrastructure

Ben jij een ontwikkelaar die wil bijdragen aan de applicatie ontwikkeling van klanten die zich primair bezig houden met de vitale onderdelen van Nederland, zoals transport, weg, water, spoor en gas, water en licht? Lees dan verder! Wat ga je doen? Als Full Stack Java Ontwikkelaar draag je verantwoordelijkheid voor het gehele proces van het omzetten van wensen, problemen of vragen naar concrete oplossingen. Integratie, testen, vastleggen van kennis en beslissingen, problem management en automation zijn onderdeel van je takenpakket in zowel SAFE of DevOps gestuurde omgevingen als ook in omgevingen die nog werken volgens het traditionele waterval model. Als

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

21/06/2021 12:46:09
 
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.