Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

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

roemwolf
6 antwoorden
  • [CSS] Zwart-wit plaatje niet zichtbaar in IE en Opera maar wel in Mozilla

    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
    jyska/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;
    }
  • Probeer eens die 'è' in de filename van het zwart-witplaatje te veranderen in een normale 'e'? (Dus in de html en in de naam van het bestand zelf)
  • In de broncode staat dan-turèll-profil.jpg
    Verander de naam eens naar dan-turell-profil.jpg
    misschien dat IE en Opera er dan niet meer over struikelen.

    [edit]boelieboelie was me net voor [/edit]
  • 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… :-?
  • ligt wel aan de è.

    Maak er maar eens http://members.home.nl
    jyska/dan-tur%E8ll-profil.jpg van :)

    "it's not a bug, it's a feature" ….


    t.
  • 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:

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.