Probleme mit W3C Check

TaraMaus · 05. Feb. 2009

ich arbeite grad eine Seite nach den W3C Standart um und hab folgendes Problem:

Fehler: Im Element table ist das Attribut `HEIGHT` nicht erlaubt.
Fehlerstelle: ...tyle='border-style: none;' cellspacing='0' cellpadding='0' height='100%'>

Das liegt daran dass das style attribut nicht in (") eingefasst ist. Entweder funktioniert der Quellcode oder besteht den W3C Check.

PHP:

## generiert einen dynamischen schatten um das image herum
function shadowtable($imagesrc)
{
        $output="";
    $output .= "<table style='border-style: none;' cellspacing='0' cellpadding='0' height='100%'>
    <tr><td class='td_gallery' rowspan='2' colspan='2' style='border-style: none;'>
    $imagesrc</td><td valign='top' style='border-style: none;' background='gallery/shadow/r.gif'>
    <img border='0' src='gallery/shadow/or.gif' width='8' height='10'></td></tr><tr>
    <td style='border-style: none;' background='gallery/shadow/r.gif'> </td></tr>
    <tr><td style='border-style: none;' background='gallery/shadow/u.gif' align='left'>
    <img border='0' src='gallery/shadow/ul.gif' width='10' height='10'></td>
    <td style='border-style: none;' background='gallery/shadow/u.gif'></td>
    <td style='border-style: none;' valign='top'><img border='0' src='gallery/shadow/ur.gif' width='8' height=
    </tr></table>";
    return $output;
}

Ich hoffe es kann mir jemand weiterhelfen

dkdenz · 05. Feb. 2009

Du musst die height-Angabe mit in's Inline-Style schreiben...

TaraMaus · 05. Feb. 2009

dkdenz schrieb:
Du musst die height-Angabe mit in's Inline-Style schreiben...

Danke hat auch geklappt

Jetzt hab ich aber wieder das Problem mit dass in TD kein background Attribut erlaubt ist, also hab ich es kurzerhand wie vorhin auch in dem Inline Style aufgenommen und der Quelltext bereich überstand die Vallidierung. Aber nun wird der dynamische schatten nicht mehr korrekt aufgebaut (die Schattenstücke an den eck Punkten des Bildes sind zu sehen aber die geraden Elemente werden nicht geladen)

PHP:

## generiert einen dynamischen schatten um das image herum
function shadowtable($imagesrc)
{
        $output="";
    $output .= "<table style='border-style: none; height=100%;' cellspacing='0' cellpadding='0' >
    <tr><td class='td_gallery' rowspan='2' colspan='2' style='border-style: none;'>
    $imagesrc</td><td valign='top' style='border-style: none; background=gallery/shadow/r.gif'>
    <img border='0' src='gallery/shadow/or.gif' width='8' height='10' alt='Rand'></td></tr><tr>
    <td style='border-style: none; background=gallery/shadow/r.gif'> </td></tr>
    <tr><td style='border-style: none; background=gallery/shadow/u.gif' align='left'>
    <img border='0' src='gallery/shadow/ul.gif' width='10' height='10' alt='Rand'></td>
    <td style='border-style: none; background=gallery/shadow/u.gif'></td>
    <td style='border-style: none;' valign='top'><img border='0' src='gallery/shadow/ur.gif' width='8' height=
    </tr></table>";
    return $output;
}

----------
//Edit

Nach durchforsten von selfhtml hab ich herausgefunden dass mir vorhin eine Seite falsche Infos gegeben hat

background-image:url( image ) ist das richtige Attribut. Nach dem Ändern wurde der Schatten wieder korrekt aufgebaut und die Vallidierung war auch kein Problem

Albu · 06. Feb. 2009

muss Töt^wTemplate-Engine nutzen

TaraMaus · 06. Feb. 2009

so

Konnte jetzt alle Documente bis auf eins erfolgreich vallidieren.

nur die gallery.php macht noch ärger mit 1 Fehler

Zeile 33 Spalte 205
Starttag für "TR" ausgelassen, obwohl die Deklaration dies nicht erlaubt

allery' align='center' valign='middle'><table style='border-style: none; hei

Hier der passende vollständie Outputcode:
Fehlerzeile ist mit ## Fehler gekennzeichnet

PHP:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title>Taras Image Hoster</title>
<link rel="stylesheet" href="style/style.css" type="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="description" content="Taras Image Hoster">
<meta name="robots" content="index,follow">
<meta name="revisit-after" content="7 days">
<meta name="page-topic" Content="Hosting, Internet, Gallery">
</head>
<body>
<center><img src="../style/tara.gif" alt="Logo"></center>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="760">
<tbody><tr>

	<td style="background-image:url(../style/bar_l.png)" height=27 width=26></td>
	<td align="left" valign="middle" style="background-image:url(../style/bar_c.png)" height=27>
                <center>
                <b>
                   <a href="index.php" title="Mainpage">Uploaden</a>
                 | <a href="rules.php">Regeln</a>
                 | <a href="gallery/gallery.php">Bildgalerie</a>
                 | <a href="admin.php">Adminlogin</a>
                </b>
                </center>
	</td>
	<td style="background-image:url(../style/bar_r.png)" height=27 width=27></td>
</tr></tbody>
</table>

## Fehler
<center><span>Bildergallerie</span></center><br><table align='center' cellpadding='5' cellspacing='0' style="border:1px solid black; empty-cells:show"><td class='td_gallery' align='center' valign='middle'><table style='border-style: none; height=100%;' cellspacing='0' cellpadding='0' >
## Fehler

    <tr><td class='td_gallery' rowspan='2' colspan='2' style='border-style: none;'>
    <a href='?image=1233651309.jpg&view=big'><img border='0' src='../getthumb.php?getimage=1233651309.jpg' alt='1233651309.jpg'></a></td><td valign='top' style='border-style: none; background-image:url(shadow/r.gif)'>
    <img border='0' src='shadow/or.gif' width='8' height='10' alt='Rand'></td></tr><tr>
    <td style='border-style: none; background-image:url(shadow/r.gif)'> </td></tr>
    <tr><td style='border-style: none; background-image:url(shadow/u.gif)' align='left'>
    <img border='0' src='shadow/ul.gif' width='10' height='10' alt='Rand'></td>
    <td style='border-style: none; background-image:url(shadow/u.gif)'></td>
    <td style='border-style: none;' valign='top'><img border='0' src='shadow/ur.gif' width='8' height='10' alt='Rand'></td>
    </tr></table><span class='text'>1233651309.jpg</span></td><td class='td_gallery' align='center' valign='middle'><table style='border-style: none; height=100%;' cellspacing='0' cellpadding='0' >

    <tr><td class='td_gallery' rowspan='2' colspan='2' style='border-style: none;'>
    <a href='?image=1233344836.jpg&view=big'><img border='0' src='../getthumb.php?getimage=1233344836.jpg' alt='1233344836.jpg'></a></td><td valign='top' style='border-style: none; background-image:url(shadow/r.gif)'>
    <img border='0' src='shadow/or.gif' width='8' height='10' alt='Rand'></td></tr><tr>
    <td style='border-style: none; background-image:url(shadow/r.gif)'> </td></tr>
    <tr><td style='border-style: none; background-image:url(shadow/u.gif)' align='left'>
    <img border='0' src='shadow/ul.gif' width='10' height='10' alt='Rand'></td>
    <td style='border-style: none; background-image:url(shadow/u.gif)'></td>
    <td style='border-style: none;' valign='top'><img border='0' src='shadow/ur.gif' width='8' height='10' alt='Rand'></td>
    </tr></table><span class='text'>1233344836.jpg</span></td></tr></table><center>Image Hoster V2.0 © TaraMaus</center>

<br>
<center>
    <a href="http://jigsaw.w3.org/css-validator/" target="_blanc">
        <img style="border:0;width:88px;height:31px"
        src="http://taras-imagehoster.ath.cx/img/vcss-blue"
        alt="CSS ist valide!" ></a>
    <a href="http://validator.w3.org/check?uri=referer" target="_blanc"><img
        src="http://taras-imagehoster.ath.cx/img/valid-html401-blue"
        alt="Valid HTML 4.01 Transitional" height="31" width="88"></a>
</center>


</body>
</html>

ZeitGeist · 06. Feb. 2009

deine Table hat kein tr-Tag. td-Tags direkt im table-Tag sind verboten. Mal abgesehen davon; ne Tabelle mit nur einer Zelle ist irgendwie keine Tabelle und überflüssig. Nimm lieber nen div-Tag.

Bieber · 06. Feb. 2009

von externen css-dateien hast du auch noch nichts gehört oder?

mal im Ernst, du solltest dir zwingend einen anderen Programmierstil zulegen!

Albu · 06. Feb. 2009

ZeitGeist schrieb:
deine Table hat kein tr-Tag. td-Tags direkt im table-Tag sind verboten.

Was man selbst sähe, würde man nicht alles in eine Zeile schreiben.

Probleme mit W3C Check

TaraMaus

New member

dkdenz

New member

TaraMaus

New member

Albu

New member

TaraMaus

New member

ZeitGeist

Lounge-Member

Bieber

New member

Albu

New member