login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Ronde lijnen CSS Box (Opgelost)

Offline ekki - 11/08/2011 17:05
Avatar van ekkiLid Ik heb mij weer op een nieuw gebied gewaagd waar ik even niet uit kom. Mijn fotografiewebsite (www.makwafotos.nl) wil ik graag wat sprekender maken door de boxen ronde lijnen te geven. Nu is dit mij wel gelukt hiermee:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. .LOGO2{ position: absolute; top: 20px; left: 30px; height: 170px; width: 626px; padding: 0px; 
  2.  border-radius:20px; border: 5px solid #667788;
  3.  background-color: #667788; background-image:url(12.jpg); background-repeat:no-repeat;}


Maar het probleem is dat Internet Explorer dit totaal niet herkend en de vormen daar dus rechthoekig blijven.

Wat voor een CSS-script heb ik dus nodig om mooie ronde lijnen te kunnen creëren?

9 antwoorden

Gesponsorde links
Offline Martijn2008 - 11/08/2011 17:09 (laatste wijziging 11/08/2011 17:10)
Avatar van Martijn2008 PHP beginner Browsers verschillen onderling nogal van elkaar. De 1 interpreteert de code anders dan de andere. Om die reden heeft het W3C richtlijnen opgesteld voor het bouwen van een website. Vooralsnog zou ik je willen adviseren de focus te leggen op CSS V2.1 en nog niet op versie CSS3. Niet iedere browser ondersteunt dat nog of niet volledig. Denk dat je het best ronde hoeken met afbeeldingen of javascript kunt maken.
Offline Esli - 11/08/2011 17:42
Avatar van Esli PHP interesse Met afbeelding dan, niet javascript. Want je hebt nog steeds de kans dat JS uit staat + volgens mij via javascript meer resources kosten dan een afbeelding.
Offline ekki - 11/08/2011 17:49
Avatar van ekki Lid Bedankt voor de snelle antwoorden. Hoe ziet zo'n script met een afbeelding eruit? Want ik kan mij daar niet direct iets bij voorstellen namelijk.
Offline Esli - 11/08/2011 18:51
Avatar van Esli PHP interesse 100% CSS en HTML?
Offline ekki - 11/08/2011 19:00
Avatar van ekki Lid Ik werk al met CSS en HTML, maar ik bedoel hoe het script eruit ziet wanneer je van die ronde belijningen om je box wilt hebben. Uit de voorbeelden die ik oa. hier zie staan, kom ik niet veel wijzer uit.
Offline Martijn2008 - 11/08/2011 19:06 (laatste wijziging 11/08/2011 19:18)
Avatar van Martijn2008 PHP beginner
Esli schreef:
Met afbeelding dan, niet javascript. Want je hebt nog steeds de kans dat JS uit staat + volgens mij via javascript meer resources kosten dan een afbeelding.


De kans dat javascript uit staat is vrijwel nihil. Trouwens voor een beginner is dat de simpelste manier denk ik zo. Met CSS V2.1 kan het op deze manier.
Offline ekki - 11/08/2011 19:49
Avatar van ekki Lid Bedankt! Ik zal kijken of ik daar wijs uit kan worden, anders horen jullie weer van mij.
Offline ThAlmighty - 13/08/2011 17:45
Avatar van ThAlmighty HTML beginner Over ronde hoeken maken kan je echt ontzettend veel vinden. Voor zover ik weet is het vrij gemakkelijk te doen als je modernizr gebruikt. Gewoon een javascript die je toevoegd die functie's "unlocked" in IE.
Offline ekki - 27/08/2011 10:36
Avatar van ekki Lid Ik ben een grote beginneling op dit gebied en aan javasript begin ik liever nog niet. Ondertussen heb ik het anders opgelost (wwww.makwafotos.nl), nu heb ik geen ronde hoeken meer nodig voor de tekstvakken en de afbeeldingen heb ik afgerond in een fotoprogramma.
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.178s