Ga naar inhoud

[CSS] Zwart-wit plaatje niet zichtbaar in IE en Opera


Aanbevolen berichten

[CSS] Zwart-wit plaatje niet zichtbaar in IE en Opera maar wel in Mozilla [/quote] In Mozilla wordt de onderstaande webpagina goed weergeven maar in IE en Opera wordt het zwart-wit plaatje bij Biografie niet weergegeven. Wat is de oorzaak hiervan en wat te doen om dit voor alle browsers goed te krijgen? webpagina: http://members.home.nl/rjyska/info%20website-bio.html voor de volledigheid hier de css voor zover van toepassing (moet nog worden opgeschoond, maar dit werkt wel) .floatright { float: right; margin: 5px 5px 5px 5px; border: 0px solid #666; padding: 8px; position: relative; visibility: visible; } .floatleft { float: left; margin: 5px 5px 5px 5px; border: 0px solid #666; padding: 8px; position: relative; } .thumbnail { float: left; width: 90px; border: 0px solid #999; margin: 0 15px 15px 15px; padding: 5px; } body { margin-top: 60px; /* take care - if changed - all boxpositions must be changed too */ margin-right: 10px; margin-bottom: 10px; margin-left: 10px; border: 0 none; /* border: 1px solid #fff; for proof only - if - box-positions will change */ padding: 0px; background-color: #FFFFFF; color: #000000; font-size: 11px; line-height: 16px; font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; z-index: 1; } h1 { font-size: 12px; line-height: 16px; font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; font-weight: bold; color: #0000FF; margin: 0px 0px 0px 0px; /* top, right, bottom, left */ padding: 0px; } h2 { font-size: 11px; line-height: 16px; font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; color: #000000; margin: 0px 0px 0px 0px; padding: 0px; font-style: normal; font-weight: bold; } p { font-size: 11px; line-height: 16px; font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; color: #000000; margin: 0px 0px 0px 0px; /* top, right, bottom, left */ padding: 0px; } ul { } a { color: #0000FF; text-decoration: none; } a:link { color: #0000FF; } a:visited { color: #990000; } a:hover { background-color: #ccc; color: #FF0000; font-weight: bold; } img { border: 0 none; position: relative; } img.w3cimage { /* affects only images with class w3cimage */ background-color: #333; border: 0 none; vertical-align: middle; } .content-titel { position: relative; width: auto; min-width: 150px; margin-top: -38px; margin-right: 180px; margin-bottom: 50px; margin-left: 160px; border: 1px #ccc solid; background-color: #FFFFFF; padding: 10px; z-index: auto; color: #0000FF; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: 500; text-align: center; } .content { position: static; width: auto; min-width: 150px; margin-top: -38px; margin-right: 180px; margin-bottom: 50px; margin-left: 160px; border: 1px solid #ccc; background-color: #FFFFFF; padding: 10px; z-index: 4; color: #000000; } #leftside { position: absolute; width: 130px; top: 22px; left: 10px; border: 1px solid #ccc; background-color: #FFFFFF; padding: 10px; z-index: 3; color: #0000FF; } #leftside ul { font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; font-size: 10px; line-height: 18px; margin: 0px 0px 0px 0px; padding: 0px; color: #0000FF; } #leftside li { list-style-type: none; margin: 0; color: #0000FF; } #rightside { position: absolute; width: 150px; top: 22px; right: 10px; border: 1px solid #ccc; background-color: #FFFFFF; padding: 10px; z-index: 2; color: #0000FF; } .headliner { position: relative; width: auto; /* is positioned after body, so it gets the right width */ top: -50px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border: 1px solid #ccc; background-color: #FFFFFF; color: #0000FF; font-weight: bold; padding: 10px; z-index: 6; }
Link naar reactie
Aan die è ligt het niet. (Alhoewel het inderdaad niet handug is om accenten te gebruiken in bestandsnamen.) Wat ook niet slim is, is dat ik de oplossing ben vergeten die ik gebruikt heb toen ik een tijd terug hetzelfde probleem tegenkwam. Daar heb je dus even niks aan, maar ik denk na, heel diep... :-?
Link naar reactie
Ik heb geprobeerd de fout te reproduceren (lokaal, maar toch) met een è in de naam van een plaatje, maar ik krijg gewoon een afbeelding te zien. Of ik de <img> nu codeer als è, &egrave; of &#232 Dus ik wil toch graag even volhouden dat het daar niet aan ligt. Als roemwolf intussen het probleem heeft opgelost door het accent uit de naam te verwijderen, hoor je me natuurlijk niet meer :wink:
Link naar reactie

Om een reactie te plaatsen, moet je eerst inloggen

Gast
Reageer op dit topic

×   Geplakt als verrijkte tekst.   Herstel opmaak

  Er zijn maximaal 75 emoji toegestaan.

×   Je link werd automatisch ingevoegd.   Tonen als normale link

×   Je vorige inhoud werd hersteld.   Leeg de tekstverwerker

×   Je kunt afbeeldingen niet direct plakken. Upload of voeg afbeeldingen vanaf een URL in

  • Populaire leden

    Er is nog niemand die deze week reputatie heeft ontvangen.

  • Leden

    Geen leden om te tonen

×
×
  • Nieuwe aanmaken...