Archief - rounded corners, 1px border

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
j

j design

Legacy Member
Hallo iedereen.

Ik vraag me af welke methode jullie gebruiken om een herhalend element te voorzien van ronde hoeken en een 1px border.

Ik heb het al gedaan met
- Jquery rounded corners (gaf geen mooi resultaat met 1px border)
- css en img (is omslachtig voor een groot aantal elementen)

Ik ben dus op zoek naar een methode, zo weinig mogelijk code, en toch heel eenvoudig in gebruik.
Dus een soort Jquery rounded corners maar die mooi gerenderd wordt bij een border van 1px.
CSS methode mag ook maar het is echt de bedoeling zo weinig mogelijk code te hebben en gemakkelijk in gebruik.

Om snel een voorbeeld te geven Hosting & Webhosting - Combell

Bedankt!
(en ja ik kan google ook opstarten :))
a

adrianhates

Legacy Member
welke afgeronde hoeken bedoel je net bij combell?
Want ik zie alleen maar afgeronde hoeken met achtergrond afbeeldingen :)

Kben ook wel geïnteresseerd in enkele handige oplossingen :)
j

j design

Legacy Member
Nee combel is enkel een visueel hulpmiddel :)
Niet de gebruikte techniek.

Ik had duidelijk bij rounded corners over "keep" gelezen.
Dat biedt toch al een mooier resultaat als met die padding.
G

GregoryCo

Legacy Member
Ben ook wel benieuwd, met css is het idd wat lang, idem met afbeeldingen
a

adrianhates

Legacy Member
nu , moest IE7 nog van de markt gaan kunnen we rekenen op css3 :D
X

Xavez

Legacy Member
-moz-border-radius en -webkit-border-radius. IE kan stikken :p.

(niet erg realistisch natuurlijk, maar ja, deze optie moet er ook bij =))
a

adrianhates

Legacy Member
die gebruik ik idd ook xavez :p,
maar wat dan met IE he ..

Zoals gij ook doe op een website van u ( ik weet niet juist meer welke ) is een extra divke laten zien met het aanraden van firefox of chrome.

Als ze deze dan downloaden is het idd een mooiere website
s

sGroggy

Legacy Member
Wat je ook kunt doen is een element met rechte hoeken maken en aan de boven/onderkant hiervan herhaaldelijk een iets kortere lijn/border zetten dan de breedte van je oorspronkelijk element. Hierdoor krijg je ook iets wat op afgeronde hoeken lijkt. Alleen denk ik niet dat dit goed gaat lukken met een 1px border.
[

[HBV]-=XortioN=-

Legacy Member
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan