login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Problemen met I.E

Offline keverineke - 18/11/2010 20:54
Avatar van keverinekeLid Ik heb een link pagina waar de link tekst staat met daarom een achtergrond geregeld met css (met een radius).
De radius wordt weergegeven in M.F maar niet in I.E ...

Hier is mijn css gedeelte:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. .links a {
  2. 	border:1px solid #626262;
  3. 	padding: 3px;
  4. 	display: inline-block;
  5. 	background: #282828;
  6. 	-moz-border-radius: 7px;
  7. 	text-decoration:none;
  8. 	-webkit-border-radius: 7px;
  9. }
  10.  
  11. .links a {
  12. 	margin: 5px;
  13. 	padding-left: 7px;
  14. 	padding-right: 7px;
  15. }


links.php:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="style1">
  2. <div class="links"><a href="#">Test</a></div>
  3. </div>

6 antwoorden

Gesponsorde links
Offline Kevin - 18/11/2010 21:04 (laatste wijziging 18/11/2010 21:04)
Avatar van Kevin Crew Ajax/REST -moz-border staat voor mozilla (firefox) en webkit is eerder Safari, Chrome en nog wat andere webkit nightly builds.

Maw: Erg logisch dat je in IE geen afgeronde hoekjes hebt.

Afhankelijk van je versie van IE zal deze misschien geen CSS3 ondersteunen en zal je het moeten oplossen met JavaScript (of background images)
Bedankt door: keverineke
Offline Sam - 18/11/2010 21:05
Avatar van Sam PHP expert Welke versie van IE gebruik je? Want border-radius is een attribuut dat nog niet door IE 8 ondersteund wordt (wel door IE9  )

Waar je ook op moet letten, is de -moz- en -webkit- voor border-radius.
IE is op geen van beide engines gebaseerd en zal die attributen gewoon negeren. Voor IE gebruik je best gewoon border-radius.
Bedankt door: keverineke
Offline keverineke - 18/11/2010 21:46
Avatar van keverineke Lid werkt niet, maar hoe kan dat met javascript?
Offline Sam - 18/11/2010 22:07 (laatste wijziging 18/11/2010 22:07)
Avatar van Sam PHP expert Door dit artikel even te lezen . Het legt uit hoe je rounded corners aan je elementen geeft en het geef code-voorbeelden.
Bedankt door: keverineke
Offline Kevin - 18/11/2010 23:16
Avatar van Kevin Crew Ajax/REST Of als je het liever met een JS library en plugin doet: http://blue-anvil.com/jquerycurvycorners/test.html
Bedankt door: keverineke
Offline Sam - 18/11/2010 23:26
Avatar van Sam PHP expert Of als je het liever met een ander JS framework doet: http://mootools.net/forge/p/rounded
Bedankt door: keverineke
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.417s