w3c valid ? wieso nicht ?*erledigt* - Software, allgemein

TrOuble

God

w3c valid ? wieso nicht ?erledigt

Freitag, 26. November 2004, 18:26

1

Moin,

Bin grad dabei eine Homepage für eine Fahrschule zu machen.

So sieht es im moment aus. *click*

Allerdings habe ich grad das unverständliche Problem,dass nach ein paar Zeilen code das ganze jetzt schon nichtmehr w3c valid ist - und ich ehrlich gesagt NICHT weiß wieso ...

Hier der w3c Check

Code :

Quellcode

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"><head>
<link rel="stylesheet" type="text/css" href="main.css">
<title>Fahrschule /¦\ Baumgarten</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div align="center"> 
  <table width="798" border="0" cellpadding="0" cellspacing="0" background="images/mittel.jpg"> 
    <tr> 
      <td colspan="2"><img src="images/header.jpg" alt="" width="798" height="234"></td> 
    </tr> 
    <tr> 
      <td width="200"><div align="center"> 
          <?php 
      include "inc/links.php";
      ?> 
        </div></td> 
      <td width="598"><div align="center"> 
          <?php 
      include "inc/include.php";
      ?> 
        </div></td> 
    </tr> 
    <tr> 
      <td colspan="2"><img src="images/footer.jpg" alt="" width="798" height="45"></td> 
    </tr> 
  </table> 
</div>
</body> 
<!-- Grafik & Coding von Raymond Schreiber aka TrOuble --> 
<!-- URL: http://www.troubledesynz.de/ -->

*yogineedhelp*

MfG TrOuble

r1ppch3n

Moderator

Re: w3c valid ? wieso nicht ? (css extern einbinde

Freitag, 26. November 2004, 18:33

2

also der link tag da... der steht weder im head noch im body... sicher dass das so soll?

TrOuble

God

Re: w3c valid ? wieso nicht ? (css extern einbinde

Freitag, 26. November 2004, 18:38

3

Zitat von »r1ppch3n«

also der link tag da... der steht weder im head noch im body... sicher dass das so soll?

ups sorry sollte natürlich in header :

*peinlich*

fehlt noch Line 9, column 75: there is no attribute "BACKGROUND"

r1ppch3n

Moderator

Re: w3c valid ? wieso nicht ? (css extern einbinde

Freitag, 26. November 2004, 18:44

4

sicher dass du tabellen überhaupt n hintergrundbild verpassen darfst/kannst?

ansonsten hätt i da noch n frägle:
WO ZUM GEIER IST DEIN BODY-TAG? ???

Y0Gi

God

Re: w3c valid ? wieso nicht ? (css extern einbinde

Freitag, 26. November 2004, 19:08

5

hehe, zuerst dachte ich "iih, schon wieder so klänpäitsch-ascii-missbrauch" als ich das /¦\ gesehen hab. aber jetzt muss ich mal sagen "respekt!".

wie der validator schon sagt: there is no attribute background. nimmste style="background-image: url(images/mittel.jpg)".

edit: also <body> seh ich beide, aber <html> dafür keins...

This is my sick nature. – NorthCon // LANresort Bispingen // BYCEPS (LAN party software platform) // OrgaTalk (LAN party orga board)

TrOuble

God

Re: w3c valid ? wieso nicht ? (css extern einbinde

Freitag, 26. November 2004, 19:48

6

Soooo...

2 Sachen ...

Also.

1. Wie kann ich als alternative für Textbrowser die Rollover Images darstellen ?

2. Wie binde ich das genau ein mit css ? (image als background)

r1ppch3n

Moderator

Re: w3c valid ? wieso nicht ? (css extern einbinde

Freitag, 26. November 2004, 19:51

7

Zitat von »Y0Gi«

style="background-image: url(images/mittel.jpg)"

ps:
manchma schreib i halt schneller als i denk
dann eben html
auf jeden fall fehlt er...

TrOuble

God

Re: w3c valid ? wieso nicht ? (css extern einbinde

Freitag, 26. November 2004, 19:55

8

Ahhh danke :-*

So jetzt is die Seite w3c konform und bekommt das :

;D

Ädit :

CSS Valid natürlich auch ...

Y0Gi

God

Re: w3c valid ? wieso nicht ? (css extern einbinde

Freitag, 26. November 2004, 20:07

9

entschuldige die frage: warum kein xhtml? wenn schon, denn schon! es braucht ja nur 1.0 transitional zu sein.

und jetzt gehen wir ne stufe weiter:
warum die rollovers mit javascript?
warum ein extra hover-bild, wenn es nur ein rahmen ist (momentan)?

xhtml:

Quellcode

<div id="nav">
  <a href="..." id="rundgang"><span>Rundgang</span></a><br />
  <a href="..." id="fahrlehrer"><span>Fahrlehrer</span></a><br />
  <a href="..." id="fahrzeuge"><span>Fahrzeuge</span></a><br />
...
</div>

css:

Quellcode

/* text bei css-fähigen browsern ausblenden */
#nav a span {
    display: none;
}

/* bildgröße */
#nav a {
    display: block; /* <------------- WICHTIG */
    width: 150px;
    height: 30px;
}

/* bilder definieren */
#rundgang {
    background: url(images/rollover/rundgang.jpg) no-repeat;
}
#fahrlehrer {
    background: url(images/rollover/fahrlehrer.jpg) no-repeat;
}
#fahrzeuge {
    background: url(images/rollover/fahrzeuge.jpg) no-repeat;
}
...

/* rahmen als hover-effekt */
#nav a:hover {
    border: 1px solid #000000;
}

falls du doch andere hover-pics haben willst, weil es mehr als nur ein rand sein soll, dann benutze statt
#nav a:hover { ... }
für jedes bild
#rundgang { background: url(images/rollover/rundgang_hover.jpg); }
(die anderen analog).

teste mal, die nav-pics als png zu speichern, 16 farben sollten reichen. dann vergleiche mal die dateigröße und schärfe. bin mir sicher, das ist die bessere lösung.

hinweis: der gottverdammte (etc.) IE kann das pseudoformat :hover nur auf anker anwenden. dadurch wird übrigens für hübsche popup-navigation fast immer javascript benötigt. DANKE MICROSUCK! da wir hier aber dem anker das hintergrundbild mitgeben, funktioniert diese navigation auch im IE. in richtigen browsern natürlich sowieso.

bei verschachtelten menüs, die wiederum ankern enthalten, klappt das ganze entsprechend nicht mehr, weil links verschachteln nicht drin ist.

This is my sick nature. – NorthCon // LANresort Bispingen // BYCEPS (LAN party software platform) // OrgaTalk (LAN party orga board)

TrOuble

God

Re: w3c valid ? wieso nicht ? (css extern einbinde

Samstag, 27. November 2004, 14:20

10

Moin,

Einen großen dank an Rippchen und besonders an Y0Gi,der mir sogar noch über ICQ auf meine (wohl ziemlich) dummen Fragen geantwortet hat.

:-*

MfG TrOuble