[CSS] Rounded corners

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Developer / Java / Cloud

Bedrijfsomschrijving Voor een organisatie in regio Eindhoven zijn wij op zoek naar een Software Developer met goede kennis van Java. Het gaat om een software bedrijf dat te omschrijven is als informeel en open. De mensen die er werken zijn enthousiast, willen graag goede kwaliteit neerzetten, nieuwe technieken worden omarmt en alles is zo ingericht dat nieuwe tools/technieken gemakkelijk geïntegreerd kunnen worden. De organisatie is erg technisch georiënteerd, men gaat echt voor software development en heeft passie voor het vak. Er wordt geïnvesteerd in medewerkers door bijvoorbeeld opleidingen, cursussen en echt tijd voor onderzoek en innoveren. Je krijgt al snel

Bekijk vacature »

Mendix Advanced Developer (NL)

Mendix Advanced Developer (NL) Den Haag HBO/WO IT Professional "Als Mendix Advanced Developer impact maken op de groeiende E-commerce markt met onze logistieke software en onze kritieke logistieke keten. Je doet dit door ontwikkeling en uitbreiding van onze Mendix Cloud omgeving, waarbij je complexe business processen vertaalt naar kritieke Mendix applicaties.". Wat ga je doen? PostNL is becoming a postal tech company Als Mendix Advanced Developer ben je onderdeel van een multidisciplinair Business-IT-team bestaande uit onder andere een Lead, Mendix Developers en Solution Consultants. Wij zetten Mendix in voor kritieke processen waarbij applicaties optimaal moeten performen om dagelijks rond de

Bekijk vacature »

Senior Applicatie developer

Wil jij werken aan complexe IT-systemen bij een van de grootste logistieke werkgevers ter wereld? Als ontwikkelaar bij UPS werk je aan opkomende technologieën en DevOps processen om ervoor te zorgen dat onze logistieke processen zo soepel en efficiënt mogelijk verlopen. Dit ga je doen Je bent betrokken bij alle facetten van applicatieontwikkeling. Je bent betrokken bij alle facetten van applicatieontwikkeling: van ontwerpen en bouwen tot testen en implementeren. Je levert ontwerpen die passen bij de onderliggende frameworks en concepten, bouwt efficiënte en testbare code, identificeert en integreert modulaire software en levert geïntegreerde unit tests. Dit doe je samen met

Bekijk vacature »

Product Manager GGZ parttime (0,4)

Word jij onze nieuwe parttime (0,4) Product Manager GGZ? Binnen deze rol ligt jouw focus op een optimale afstemming van Incura, onze EPD software, op de eisen en wensen van onze klanten in de ambulante geestelijke gezondheidszorg. Het gaat daarbij om zorgverlening aan zowel jeugd als volwassenen. Je bent de onmisbare schakel tussen onze klanten binnen de GGZ en onze eigen organisatie. Je kent de wereld van de zorgverleners en voelt je betrokken bij het fantastische werk dat zij verrichten. Je volgt nauwlettend de ontwikkelingen binnen de zorg in het algemeen en de GGZ in het bijzonder. Daarbij bedenk je

Bekijk vacature »

Mendix Expert Developer (Senior) (NL) bij PostNL

Mendix Expert Developer (Senior) (NL) Den Haag HBO/WO IT Professional "Als Mendix expert impact maken op de groeiende E-commerce markt met onze logistieke software en onze kritieke logistieke keten. Je doet dit door ontwikkeling en uitbreiding van onze Mendix Cloud omgeving, waarbij je complexe business processen vertaalt naar kritieke Mendix applicaties.". Wat ga je doen? PostNL is becoming a postal tech company Als Mendix Expert Developer ben je onderdeel van een multidisciplinair Business-IT-team bestaande uit onder andere een Lead, Mendix Developers en Solution Consultants. Wij zetten Mendix in voor kritieke processen waarbij applicaties optimaal moeten performen, want wanneer deze uitvallen,

Bekijk vacature »

Senior Java Developer

Luminis Technologies is een onderdeel van Luminis dat zowel producten als diensten levert op basis van cloudtechnologie. Als senior software engineer word jij medeverantwoordelijk voor de ontwikkeling van ons product InformationGrid. InformationGrid is een modelgedreven dataplatform dat organisaties in staat stelt om snel en eenvoudig data te modelleren en op een slimme manier in te zetten. Ben jij op zoek naar een technisch uitdagende rol bij een productbedrijf met een internationale klantenkring? Dan is deze functie echt iets voor jou! Wat zijn voorbeelden van jouw werkzaamheden? Je ontwikkelt nieuwe features en stemt deze af met anderen Je tilt de code

Bekijk vacature »

Senior Full stack C# developer

As a developer at UPS you work on delivering functionality for highly complex IT systems. You collaborate in agile teams and participate in emerging technologies and processes like CI/CD and DevOps to ensure that we meet our objectives effectively and efficiently. Your primary role is to perform full system life cycle activities, e.g. analysis, technical requirements, design, coding, testing and the implementation of software. Working in our Europe development center in Eindhoven means working in an international team with onsite people as well as team members located in other parts of the world. You’ll be working on projects and implementations

Bekijk vacature »

Oracle APEX Developer PL/SQL

Bedrijfsomschrijving Als je altijd al in een Europees georiënteerde organisatie hebt willen werken, ben je hier aan het juiste adres! De organisatie biedt IT- en communicatieoplossingen aan kleine, middelgrote en grote ondernemingen in zowel de private als de publieke sector. De innovatieve oplossingen, ontworpen voor open connectiviteit, hoge beschikbaarheid en flexibele groei, bevatten de nieuwste spraak-, data- en videotechnologieën en maken real-time, samenwerking, verhoogde productiviteit en klanttevredenheid mogelijk. Samen met een team van 6 personen zullen jullie onder andere verantwoordelijk worden voor het ontwikkelen en verbeteren van business applicaties, ontwikkeld in Oracle Apex. Deze applicaties worden op dit moment voor

Bekijk vacature »

Front-end Developer Aurelia

Bedrijfsomschrijving Als Front-end developer kom je te werken bij een gerenommeerde organisatie in de regio Ede waar gewerkt wordt aan een bedrijfskritische applicatie dat opereert binnen een complexe IoT- en web based omgeving. Deze oplossingen worden internationaal uitgerold en worden zeer veel gebruikt in de infra branche. Samen met je team (bestaande uit twee testers, zes ontwikkelaars een Scrum Master en Product Owner) ga jij werken aan de nieuwe webapplicatie dat aan duizenden machines en voertuigen gekoppeld wordt. Deze applicatie wordt gebruikt door onder andere rijksoverheden, vliegvelden maar ook binnen industrie-, lokale- en provinciale gebieden in zowel binnen als buitenland.

Bekijk vacature »

.NET developer

Heb jij een afgeronde Hbo-opleiding, bij voorkeur in richting van informatica? En heb jij kennis van het .NET framework? Dan heb je wellicht interesse in de positie van: .NET software developer in Hollandscheveld Optioneel 100% vanuit huis Over de positie: Als .NET developer ben jij verantwoordelijk voor het omzetten van onze eigen web portal en die van afnemers. Jouw taken omvatten, maar zijn niet gelimiteerd tot: het omzetten van PHP en ASP.NET naar .NET Core; het aanpassen en uitbreiden van onze web app (.NET Core) qua opzet en functionaliteit; onze desktop versie van Micromix (VB.NET) ondersteunen en verder te ontwikkelen;

Bekijk vacature »

Zelfstandige PHP Webdeveloper

OBV-Logistiek te Maastricht zoekt een zelfstandige PHP webdeveloper. Als webdeveloper bij OBV-Logistiek programmeer je zowel front- als back-end. Je werkt aan opdrachten van verschillende bedrijven in de rail sector, van groot tot klein, en werkt continu aan het uitbreiden, up-to-date houden en verbeteren van ons eigen CMS, RailSysteem.eu (gebaseerd op Laravel). Je komt bij OBV-Logistiek te werken in een klein, gezellig en informeel team. Je zal (voorlopig) als enige developer aan de slag gaan, dus zelfstandigheid en vindingrijkheid zijn absoluut een pre. OBV-Logistiek is sinds 2006 actief in de spoorsector, bijna alle spoorwegondernemingen zijn onze klanten. Klantvriendelijkheid en klantgerichtheid staat

Bekijk vacature »

Full stack developer

Bedrijfsomschrijving De organisatie waarbinnen je aan de slag zal gaan levert diensten aan een groot aantal organisaties binnen Nederland. De software die zij maken en inzetten voor hun klanten wordt dagelijks door honderden klanten gebruikt. Onze opdrachtgever is marktleider in Nederland als het gaat om full-service HR-dienstverlening. De afgelopen periode is onze klant hard gegroeid en daar zijn de nodige uitdagingen bij komen kijken. Om deze groei voort te kunnen zetten zijn ze op zoek naar nieuwe vaste medewerkers, dit om ervoor te zorgen dat ze marktleider blijven. Zij zijn op zoek naar professionals die samen met hen aan innovatieve

Bekijk vacature »

Senior/Lead .NET Developer/Architect - interne fun

Bedrijfsomschrijving Voor een informele organisatie, gevestigd in Den Haag, ben ik op zoek naar een Senior .NET Developer/Architect die het leuk vindt om regelmatig de leiding in een team te nemen. Het gaat hier om een interne functie waarbij je komt te werken aan een in-house ontwikkeld product. Je komt terecht in een klein en informeel ontwikkelteam, bestaande uit een handvol ontwikkelaars, het hele team bestaat uit ongeveer 30 personen. Het hoofdproduct waaraan jullie werken is het beste te bestempelen als een HR systeem voor grote bedrijven. Met het product van jouw nieuwe werkgever worden alle HR gerelateerde zaken, bijvoorbeeld

Bekijk vacature »

(Junior) Full Stack Developer

Vanwege onze ambities en groei is Explect op zoek naar een (Junior) Full Stack Developer Fulltime Als full Stack Developer ga je bij Explect een enorme en unieke uitdaging aan: om te beginnen creëer je met ons team een datamodel dat alle complexiteit van de logistiek weergeeft. Jouw taak met het team is om ervoor te zorgen dat het toch gemakkelijk te begrijpen en toegankelijk is. Jouw focus ligt daarbij op de UX. Wat ga je doen als Full Stack Developer? Je ontwikkelt dagelijks nieuwe features of je lost defects op voor ons logistieke SAAS platform. Hiervoor ontwikkel je services

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 »
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

08/03/2021 04:38:50
 
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.