6 berichten aan het bekijken - 1 tot 6 (van in totaal 6)
  • Q:
    Bijdrager
    Soedjono84

    [HTML] doctype / w3c validation

    Hallo,

    Ik ben bezig met mijn website te valideren volgens de w3c standaarden.

    Nou keurt W3C mijn index pagina goed, Transitional als Strict.

    Alleen wanneer ik strict gebruik (in plaats van transitional) in mijn html, krijg ik een witte open plekken in mijn ontwerp.

    Zie plaatje.

    Kan iemand mij vertellen hoe ik dit kan oplossen?

    mijn code:
    [code:1:251ebf1212]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>Optiek Vacature</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    body {
    text-align:center;
    }
    #container{
    width: 900px;
    margin-left:auto;
    margin-right:auto;
    border: 1px solid #000;
    margin-top:50px;
    }
    </style>
    </head>
    <body>
    <div id="container">
    <!– ImageReady Slices (index.psd) –>
    <table id="Table_01" width="900" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td colspan="3">
    <img src="images/index_01.jpg" width="900" height="549" alt=""></td>
    </tr>
    <tr>
    <td rowspan="4">
    <img src="images/index_02.jpg" width="137" height="151" alt=""></td>
    <td>
    <a href="vacatures.html"><img src="images/index_03.jpg" width="262" height="48" alt="knop vacatures" border="0"></a></td>
    <td rowspan="4">
    <img src="images/index_04.jpg" width="501" height="151" alt=""></td>
    </tr>
    <tr>
    <td>
    <img src="images/index_05.jpg" width="262" height="19" alt=""></td>
    </tr>
    <tr>
    <td>
    <a href="contact.html"><img src="images/index_06.jpg" width="262" height="49" alt="knop contact" border="0"></a></td>
    </tr>
    <tr>
    <td>
    <img src="images/index_07.jpg" width="262" height="35" alt=""></td>
    </tr>
    </table>
    <!– End ImageReady Slices –>
    </div>
    </body>
    </html>[/code:1:251ebf1212]

    Bijdrager
    311281

    met css:

    [code:1:e0a17ed5e2] img {
    display: block;
    }
    [/code:1:e0a17ed5e2]

    Bijdrager
    eklein

    Voor het oplossen van dit soort problemen kan FireFox met de Web Developer Toolbar handig zijn. Je kant dan namelijk een lijn om de tabel cellen heen laten tekenen dan kun je zien in welke cel de windruimte zit.

    Je kunt kunt ook even handmatig de verschillende cellen verschillende achtergrond kleuren geven. De wit ruimte zal dan niet meer wit worden maar de kleur van de cel die te groot is.

    Heb je ook een link naar de pagina (de strict versie aub)?
    Dan is het makkelijker om er iets specifieker wat van te zeggen op basis van de code zonder de bijbehorende afbeeldingen kan ik alleen zeggen dat je waarschijnlijk beter geen table had kunnen misbruiken maar gewoon divs had moeten gebuiken.

    Bijdrager
    iJoost

    Ken je Firebug? Ideaal om uit te vinden waarom je CSS niet doet wat jij wilt.

    Bijdrager
    remixed

    Het is echt heel slecht op alle manieren om gewoon zomaar export te drukken in photoshop of imageready. Je krijgt dan namelijk een super slecht gecodeerde website. Normaal gebruik je die functie om jou slice delen te laten exporteren en vervolgens die te gebruiken (header, knoppen, achtergronden, etc..). Begin opnieuw in divs en de website zal er gewoon normaal uit zien.

    Dit probleem wat je nu hebt moet je niet oplossen door gewoon een kleine code aan te passen, maar gewoon door alles opnieuw te coden.

    Bijdrager
    Soedjono84

    Het is echt heel slecht op alle manieren om gewoon zomaar export te drukken in photoshop of imageready. Je krijgt dan namelijk een super slecht gecodeerde website. Normaal gebruik je die functie om jou slice delen te laten exporteren en vervolgens die te gebruiken (header, knoppen, achtergronden, etc..). Begin opnieuw in divs en de website zal er gewoon normaal uit zien.

    Dit probleem wat je nu hebt moet je niet oplossen door gewoon een kleine code aan te passen, maar gewoon door alles opnieuw te coden.

    Ok.. Mijn tweede gedachte was ook inderdaad alles opnieuw coderen naar divjes. Maar de reden waarom dit mij weerhield is de tijd en de ervaring, ben namelijk pas nieuw in de webdesign. Ik was van mening dat het geen kwaad kan, de code wat ik nu gebruik.

6 berichten aan het bekijken - 1 tot 6 (van in totaal 6)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.