Schaut euch dass an!
Chriss
- css
0 Ole0 wahsaga1 Mathias Bigge0 Christoph Zurnieden
Hi Leute,
schaut euch diesen schön kurzen quelltext an und öffnet ihn im opera und im IE und sagt mir warum ihn der IE so interpretiert wie ich ihn haben will und die anderen nicht!?!?!
Hier:
<html>
<head>
<title>Untitled</title>
<style>
body{height: 100%;width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;font-family: verdana;font-size: 100.1%;font-weight: normal;}
a{font-family: geneva;font-size: 0.5em;font-weight: bold;text-decoration: none;color: #5E6ED6;}
a:hover{font-family: geneva;font-size: 0.5em;font-weight: bold;text-decoration: none;color: navy;}
a:activate{font-family: geneva;font-size: 0.5em;font-weight: bold;text-decoration: none;color: navy;}
#body{position: absolute;top: 0px;left: 0px;height: 100%;width: 100%;background: transparent;border-style: solid;border-color: navy;border-width: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
#navil{position: absolute;top: 0px;left: 0px;height: 100%;width: 183px;background: #E5E5E5;border-style: solid;border-color: navy;border-width: 0px 1px 0px 0px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
#navir{position: absolute;top: 0px;right: 0px;height: 100%;width: 160px;background: #E5E5E5;border-style: solid;border-color: navy;border-width: 0px 0px 0px 1px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
#oben{position: absolute;top: 0px;left: 0px;height: 117px;width: 100%;background: transparent;border-style: solid;border-color: navy;border-width: 0px 0px 1px 0px;}
#obenlinks{position: absolute;top: 0px;left: 0px;height: 117px;width: 183px;background: white;}
#balkenw{position: absolute;top: 0px;left: 184px;height: 117px;width: 810px;background: white;}
#balkenb{position: absolute;top: 59px;left: 183px;height: 58px;width: 809px;background: navy;}
#palles{position: absolute;top: 16px;left: 211px;height: auto;width: auto;}
#obenmitte{position: absolute;top: 118px;left: 0px;height: 25px;width: 100%;background: white;border-style: solid;border-color: navy;border-width: 0px 0px 1px 0px;}
#obenmittemitte{position: absolute;top: 118px;left: 183px;height: 25px;width: 629px;border-style: solid;border-color: navy;border-width: 0px 1px 0px 1px;text-align: right;padding: 0px 20px 0px 0px;font-family: verdana;font-size: 1.2em;font-weight: normal;}
.obenmittemitte{color: navy;}
#text{position: absolute;padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;top: 144px;left: 184px;height: 400px;width: 645px;background: transparent;}
#artikel{padding: 20px 0px 80px 0px; margin: 0px 0px 0px 0px; position: absolute;top: 35px;left: 5px;height: auto;width: 635px;background: transparent;border-style: solid;border-color: navy;border-width: 1px 0px 1px 0px;}
h1{font-family: verdana;font-size: 1.2em;font-weight: bold;color: navy;text-decoration: none;padding: 2px 0px 0px 5px; margin: 0px 0px 0px 0px;}
#phaus{float: left;height: 15px;width: 30px;margin: 0px 5px 0px 0px; padding: 0px 0px 0px 0px;}
#art{height: auto;width: auto;font-size: 0.7em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#home{position: absolute;top: 170px;left: 20px;height: auto;width: auto;background: transparent;font-family: geneva;font-weight: bold;font-size: 1.5em;}
#firma{position: absolute;top: 195px;left: 20px;height: auto;width: auto;background: transparent;font-family: geneva;font-weight: bold;font-size: 1.5em;}
#produkte{position: absolute;top: 220px;left: 20px;height: auto;width: auto;background: transparent;font-family: geneva;font-weight: bold;font-size: 1.5em;}
#anfahrt{position: absolute;top: 245px;left: 20px;height: auto;width: auto;background: transparent;font-family: geneva;font-weight: bold;font-size: 1.5em;}
#linksunten{position: absolute;top: 400px;left: 20px;height: auto;width: 150px;font-size: 0.55em;}
h2{font-size: 1em;font-weight: bold;}
#button{text-align: right;position: absolute;top: 425px;right: 30px;heigth: auto;width: auto;}
</style>
</head>
<body>
<table align="center" style="height:100%; width:994px;" border="0" cellpadding="0" cellspacing="0" bordercolor="red">
<tr>
<td width="994" height="100%">
<div id="body">
<div id="navil"></div>
<div id="navir"></div>
<div id="oben"></div>
<div id="obenlinks">
<a href="http://www.poeselt.de"><img src="plogo.gif" style="margin: 20px 0 0 0" border="0"></a>
</div>
<div id="balkenw"></div>
<div id="balkenb"></div>
<div id="palles">
<img src="palles.jpg" border="0">
</div>
<div id="obenmitte"></div>
<div id="obenmittemitte">
<a href="Kontakt.html" class="obenmittemitte">Kontakt |</a>
<a href="Impressum.html" class="obenmittemitte">Impressum</a>
</div>
<div id="text">
<h1>Wilkommen...</h1>
<div id="artikel">
<div id="phaus">
<img src="phaus.bmp" border="0">
</div>
<div id="art">
<p>Wir fertigen mit ca. 20 Mitarbeitern Präzisionsdrehteile auf mehr als 40 Drehmaschinen.</p>
<p>Zu unseren Kunden zählen Firmen aus der Automobil-, Maschinenbau-, Kunststoff-, Elektro-, und Medizinindustrie.</p>
<p>Unsere langjährige Erfahrung und Verläßlichkeit sind der Grundstein für die Zufriedenheit unserer Kunden.</p>
<br />
<br />
<br />
<p>Suchen Sie einen Lieferanten mit Know How und Flexibilität; finden Sie in uns den richtigen Partner</p>
<br />
<p>Hinweis:
<br />
Wir überarbeiten gerade das Leistungsangebot unseres Internetauftritts.
Wir würden uns freuen Sie als Besucher bald wieder mit neuen Informationen begrüßen zu dürfen.</p>
</div>
</div>
<div id="button">
<a href="weiter.html" style="font-size: 0.6em; color: navy"><img src="weiter.gif" border="0"> Weiterleiten</a></a>
<a href="druck.html" style="font-size: 0.6em; color: navy"><img src="druck.gif" border="0">Drucken</a>
</div>
</div>
<div id="home">
<a href="file:///C:/Dokumente%20und%20Einstellungen/Prakti2/Desktop/Poeselt3.html"><img src="pt.jpg" border="0"> Home</a>
</div>
<div id="firma">
<a href="firma.html"><img src="pt.jpg" border="0"> Firma</a>
</div>
<div id="produkte">
<a href="produkte.html"><img src="pt.jpg" border="0"> Produkte</a>
</div>
<div id="anfahrt">
<a href="anfahrt.html"><img src="pt.jpg" border="0"> Anfahrt</a>
</div>
<div id="linksunten">
<h2>Pöselt GmbH </h2>
Böhmerbrunnenstraße 15 <br />
Postfach 20 <br />
92343 Dietfurt <br />
<br />
Telefon: 08464/6421-0 <br />
Telefax: 08464-6421-20 <br />
<br />
Email:info@poeselt.de <br />
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
thx
Mfg Chriss
Hi Chriss
Das ist jetzt nicht ernst gemeint, oder?
Du wirfst hirr einen Codewust rein, in dem auf den ersten Blick schon einige Fehler zu erkennen sind und hättest gerne von uns eine Fehleranalyse ohne das du eine Fehlerbeschreibung machst?
Nee, lass ma...
so long
Ole
(8-)>
hi ole
»»auf den ersten Blick schon einige Fehler zu erkennen sind »»
Wenn da so viele Fehler sind kannst du mir dann im groben sagen welche das sind?
Ich wäre echt dankbar dafür.
grüße
hi,
Wenn da so viele Fehler sind kannst du mir dann im groben sagen welche das sind?
bitte nutze die tools, deren links ich dir genannt habe - die sind genau dafür gemacht worden.
gruß,
wahsaga
hi,
schaut euch diesen schön kurzen quelltext an
was soll an dem "schön" sein?
reichlich unübersichtlich, und dazu noch mit einigen fehlern behaftet - bitte beseitige diese zuerst, mit hilfe des HTML-validators und des CSS-validators.
und nutze für formatierungen bitte ausschlißelich CSS, anstatt CSS-angaben und veraltete HTML-formatierungsattribute wild zu vermischen.
und öffnet ihn im opera und im IE
ich kann klicken so viel ich will - es passiert einfach nichts *scnr*.
stelle doch bitte ein online-beispiel bereit.
und sagt mir warum ihn der IE so interpretiert wie ich ihn haben will und die anderen nicht!?!?!
das ist idR. dann der fall, wenn jemand CSS genauso falsch verstanden hat, wie der IE.
gruß,
wahsaga
Hi
könntest du mir sagen wo ich einen css validator herbekomme (muss keine freeware sein)
oder wenn du nur den vom w3c kennst erklären wie ich an den rankomme denn ich habe schon versucht den runterzuladen aber da bekomme ich nur irgendeinen komischen quellcode den ich net verstehe
und die Installationsanleitung auf selfhtml verstehe ich auch net.
mfg
mathias
könntest du mir sagen wo ich einen css validator herbekomme (muss keine freeware sein)
Haaaaahaaaaa ... Das gibts nicht. Tut mir leid, aber soviel Dummheit gehört bestraft (nicht wörtlich nehmen).
Den Validator gibt es nicht zum runterladen! Der steht online und der prüft dein Dokument (wenn du es schon auf einem Webspace hast) auf Fehler.
Rufe die Adresse nach folgendem Prinzip auf:
validator.w3.org/check?uri=http://www.deine-adresse.de
Ersetze "http://www.deine-adresse.de" durch die Adresse der Seite, die du prüfen lassen willst.
Beispiel: Dir gehört dir Adresse "www.bernd-das-brot.de". Dann rufe die Seite so auf:
http://validator.w3.org/check?uri=http://www.bernd-das-brot.de
Dann müssten eigentlich die Validierungsergebnisse kommen.
Viel Spaß dabei.
Max
Hi,
Haaaaahaaaaa ... Das gibts nicht. Tut mir leid, aber soviel Dummheit gehört bestraft (nicht wörtlich nehmen).
Den Validator gibt es nicht zum runterladen!
Welche Strafe hättest Du denn gerne?
http://jigsaw.w3.org/css-validator/DOWNLOAD.html
cu,
Andreas
Hihallo,
Haaaaahaaaaa ... Das gibts nicht. Tut mir leid, aber soviel Dummheit gehört bestraft (nicht wörtlich nehmen).
Den Validator gibt es nicht zum runterladen!Welche Strafe hättest Du denn gerne?
http://jigsaw.w3.org/css-validator/DOWNLOAD.html
Ging es nicht um den HTML-Validator? Das mit dem CSS-Validator wusste ich. Gibt es den HTML-Validator auch zum download?
Hallo,
wie interpretierst Du denn die Buchstabenfolge CSS in:
könntest du mir sagen wo ich einen css validator
?
Wenn man argwöhnt, sich verlesen zu haben, kann man auch gerne noch mal selber nachlesen, wonach denn wirklich gefragt wurde. Und ein "ups, sorry" freut dann auch den Ausgangsposter.....
Chräcker
Hi,
Haaaaahaaaaa ... Das gibts nicht. Tut mir leid, aber soviel Dummheit gehört bestraft (nicht wörtlich nehmen).
Den Validator gibt es nicht zum runterladen!Welche Strafe hättest Du denn gerne?
http://jigsaw.w3.org/css-validator/DOWNLOAD.htmlGing es nicht um den HTML-Validator? Das mit dem CSS-Validator wusste ich.
Wie war das? "soviel Dummheit gehört bestraft"?
Lies Dir die Frage von mathias nochmal durch, auf die Du mit ebenjenem Satz geantwortet hast:
"könntest du mir sagen wo ich einen css validator herbekomme"
Gibt es den HTML-Validator auch zum download?
http://validator.w3.org/source/
cu,
Andreas
Hallo Max,
Der steht online und der prüft dein Dokument (wenn du es schon auf einem Webspace
oder auf einem Datenträger, der in deinem Computer steckt,
hast) auf Fehler.
Viele Grüße
Vaclav
Hallo Max,
Den Validator gibt es nicht zum runterladen!
*den* nicht. Aber etwas gleichwertiges: http://arealvalidator.com
Grüße,
Jochen
Hi Chriss,
schaut euch diesen schön kurzen quelltext an und öffnet ihn im opera und im IE und sagt mir warum ihn der IE so interpretiert wie ich ihn haben will und die anderen nicht!?!?!
Was für ein Posting:
Warum soll sich irgendjemand damit befassen?
Viele Grüße
Mathias Bigge
Hi,
Hier:
Doctypeangabe fehlt. Die ist teilweise wichtig. Siehe auch "quirks mode" bei Google.
<html>
font-family: verdana;
Da sollte wirklich eine Familie angegeben werden. Im Falle Verdana wäre das sans-serif.
Bei allen andern natürlich auch und entsprechend.
font-size: 100.1%;
Dafür hast Du aber lange gebraucht, was? ;-)
font-weight: normal;}
Wofür diese Angabe?
a{font-family: geneva;font-size: 0.5em;
Die Fontgröße ist also genau die Hälfte der Breite des Buchstabens 'M' im besagtem Font? Mmh... ;-)
font-weight: bold;text-decoration: none;color: #5E6ED6;}
a:hover{font-family: geneva;font-size: 0.5em;font-weight: bold;text-decoration: none;color: navy;}
a:activate
Was ist "activate"?
#button{text-align: right;position: absolute;top: 425px;right: 30px;heigth: auto;width: auto;}
Was ist "auto"?
</style>
</head><body>
<table align="center"
Bitte den dann auch in CSS, ja?
100%; width:994px;" border="0" cellpadding="0" cellspacing="0" bordercolor="red">
<tr>
<td width="994" height="100%">
<div id="body">
<div id="navil"></div>
<div id="navir"></div>
So eine Mischung zwischen CSS- und Tabellenlayout ist nicht sehr gesund, Du solltest Dich entscheiden.
Wir empfehlen hier allerdings ausschließlich CSS.
<a href="http://www.poeselt.de"><img src="plogo.gif" style="margin: 20px 0 0 0" border="0"></a>
Bitte bei solchen Links, die _ausschließlich_ als Bilder ausgegeben werden, entweder einen alt-Text oder einen zusätzlichen Textlink. Gerne auch beides.
Bitte auch Größenangaben den Bildern mitzugeben, das erleichtert den Browsern die Arbeit. Und vor allem den Testern, die mangels Bilder den Platz nicht einschätzen können den die brauchen und somit überhaupt nicht wissen _können_ wie die Seite tatsächlich aussieht.
</div>
<div id="balkenw"></div>
<div id="balkenb"></div>
<div id="palles">
<img src="palles.jpg" border="0">
Normalerweise bekommen sogar alle Bilder einen alt-Text, aber bei rein dekorativer Ware könnte(!) man das auch mal lassen. Da es aber auch nicht wirklich 'was kostet, da eben ein alt="deko" hinzupappen, gibt es auch keine Entschuldigung das nicht zu tun.
Nein, Bandbreite zu sparen ist keine Entschuldigung, dann hättest Du von Anfang an auf diesbezüglich sehr teuere Bilder verzichten müssen! ;-)
class="obenmittemitte">Kontakt |</a>
Ein normales Leerzeichen _und_ ein hier-nicht-umbrechen-Leerzeichen in Reihe machen nicht viel Sinn, oder?
<p>Wir fertigen mit ca. 20 Mitarbeitern Präzisionsdrehteile auf mehr als 40 Drehmaschinen.</p>
Das bedeutet: nur ein Mann auf zwei Maschinen?
Was besagt das für die Auftragslage, Geschwindigkeit und Leistung?
Naja ...
Würde ich besser rausnehmen.
<p>Zu unseren Kunden zählen Firmen aus der Automobil-, Maschinenbau-, Kunststoff-, Elektro-, und Medizinindustrie.</p>
Ohne Namen zu nennen nur Blabla und das kann auch jeder deutlich erkennen. Schmeiß das raus.
Den ganzen Rest ebenfalls:
<p>Unsere langjährige Erfahrung und [...]
<p>Suchen Sie einen Lieferanten mit Know How und [...]
Wir überarbeiten gerade das Leistungsangebot unseres Internetauftritts.
Ach!
Nä, _das_ sollte schleunigst verschwinden. Der Auftritt wird intern bearbeitet und solange bleibt die alte Seite online.
Wir würden uns freuen Sie als Besucher bald wieder mit neuen Informationen begrüßen zu dürfen.</p>
Ui, das' aber spann'nt!
Nein, wenn Du schon sowas ankündigst, dann nenne die neuen Themen oder laß es ganz.
<a href="file:///C:/Dokumente%20und%20Einstellungen/Prakti2/Desktop/Poeselt3.html"><img src="pt.jpg" border="0"> Home</a>
Ja, _das_ scheint mir wirklich Deine Heimat zu sein ,-)
Das Layout, das Dir vorzuschweben scheint, ist recht simpel und auch für den Anfänger einfach umsetzbar. Schau mal hier bei den Vorlagen nach, ich glaube mich entsinnen zu können, das es da 'was passendes gibt, bin jetzt aber zu faul zum Suchen.
so short
Christoph Zurnieden
Hi,
font-weight: normal;}
Wofür diese Angabe?
Um sicherzustellen, daß normal benutzt wird, auch wenn irgendein dahergelaufener Browser im Default-Stylesheet was anderes gesetzt hat.
a{font-family: geneva;font-size: 0.5em;
Die Fontgröße ist also genau die Hälfte der Breite des Buchstabens 'M' im besagtem Font? Mmh... ;-)
Bei font-size bezieht sich die Einheit NICHT auf die Schriftgröße des Elements selbst, sondern auf die des Elternelements.
#button{text-align: right;position: absolute;top: 425px;right: 30px;heigth: auto;width: auto;}
Was ist "auto"?
Wenn Du nicht die vierrädrigen stinkenden Blechkästen auf den STraßen meinst: ein gültiger Wert für width.
Normalerweise bekommen sogar alle Bilder einen alt-Text, aber bei rein dekorativer Ware könnte(!) man das auch mal lassen. Da es aber auch nicht wirklich 'was kostet, da eben ein alt="deko" hinzupappen, gibt es auch keine Entschuldigung das nicht zu tun.
Bei rein dekorativen Bildern sollte alt="" benutzt werden.
Läßt man es weg, setzen manche Textbrowser den Dateinamen ein - nicht sehr sinnvoll. Genausowenig ist es sinnvoll, wenn "deko" da steht.
Wenn die Graphik keinen Inhalt vermittelt, sollte das alt-Attribut das dadurch wiedergeben, daß es keinen Inhalt hat.
class="obenmittemitte">Kontakt |</a>
Ein normales Leerzeichen _und_ ein hier-nicht-umbrechen-Leerzeichen in Reihe machen nicht viel Sinn, oder?
Doch - der Abstand ist größer als wenn nur eines der beiden benutzt wird.
(hier in diesem Fall könnte aber ggf. padding-right und border-right zum Einsatz kommen.
<p>Wir fertigen mit ca. 20 Mitarbeitern Präzisionsdrehteile auf mehr als 40 Drehmaschinen.</p>
Das bedeutet: nur ein Mann auf zwei Maschinen?
Was besagt das für die Auftragslage, Geschwindigkeit und Leistung?
Da Drehmaschinen oft (nach Programmierung und Einspannen des Werkstücks) selbstständig arbeiten, reicht das doch.
cu,
Andreas
Hi,
was denn? Volle 15 Minuten? Und das am Sonntagabend und nix in der Glotze? ;-)
font-weight: normal;}
Wofür diese Angabe?Um sicherzustellen, daß normal benutzt wird, auch wenn irgendein dahergelaufener Browser im Default-Stylesheet was anderes gesetzt hat.
Ja, stimmt, da habe ich ein Smiley vergessen, sorry.
Finde es aber nunmal höchst merkwürdig, um mich einmal höflich auszudrücken, das man schon explizite Normalitätsangaben machen muß.
a{font-family: geneva;font-size: 0.5em;
Die Fontgröße ist also genau die Hälfte der Breite des Buchstabens 'M' im besagtem Font? Mmh... ;-)Bei font-size bezieht sich die Einheit NICHT auf die Schriftgröße des Elements selbst, sondern auf die des Elternelements.
_Da_ war jetzt aber ein Smiley hinter! ;-)
#button{text-align: right;position: absolute;top: 425px;right: 30px;heigth: auto;width: auto;}
Was ist "auto"?Wenn Du nicht die vierrädrigen stinkenden Blechkästen auf den STraßen meinst: ein gültiger Wert für width.
Ja, durchaus. Aber warum? Ist das denn nicht default?
Bei rein dekorativen Bildern sollte alt="" benutzt werden.
Läßt man es weg, setzen manche Textbrowser den Dateinamen ein - nicht sehr sinnvoll. Genausowenig ist es sinnvoll, wenn "deko" da steht.
Wenn die Graphik keinen Inhalt vermittelt, sollte das alt-Attribut das dadurch wiedergeben, daß es keinen Inhalt hat.
Ja, das ist diskutabel, ich weiß. Bin da wohl eher der Freund der ehrlichen Angabe: "das ist eine rein dekorative Spielerei und zu sonst nix nutze" was das alt="deko" ganz gut zum Ausdruck bringt, wie ich finde.
class="obenmittemitte">Kontakt |</a>
Ein normales Leerzeichen _und_ ein hier-nicht-umbrechen-Leerzeichen in Reihe machen nicht viel Sinn, oder?Doch - der Abstand ist größer als wenn nur eines der beiden benutzt wird.
Ha ha ... *grmpf* ;-)
(hier in diesem Fall könnte aber ggf. padding-right und border-right zum Einsatz kommen.
Gaaanz genau!
Geht doch nicht, das man ausgerechnet _hier_ sowas durchgehen läßt, oder? ;-)
<p>Wir fertigen mit ca. 20 Mitarbeitern Präzisionsdrehteile auf mehr als 40 Drehmaschinen.</p>
Das bedeutet: nur ein Mann auf zwei Maschinen?
Was besagt das für die Auftragslage, Geschwindigkeit und Leistung?Da Drehmaschinen oft (nach Programmierung und Einspannen des Werkstücks) selbstständig arbeiten, reicht das doch.
Für 40 neuere CNC Maschinen mit mittleren Stückzahlen reichen sogar 10 Mitarbeiter, selbst für 3-Schichtbetrieb. (Ist dann aber eigentlich etwas zu knapp kalkuliert, da darf dann nicht mehr als einer pro Schicht fehlen)
Ich habe auch rein provokativ/rethorisch gefragt, schließlich dürfte sich der Kunde nicht auskennen und evt vermuten, das der Laden hoffnungslos unterbesetzt ist (in den 20 Leuten sind ja Buchhalter dabei, Sekretärin, Unterhäuptlinge usw ) und er nicht die nötige Aufmerksamkeit bekommt. Und für solche kleinen mittelständischen Handwerksbetriebe ist nunmal _jeder_ Auftrag wichtig! Kann zwar sein, das er nicht angenommen werden kann, aber es wäre fatal potentielle Kunden zu vergraulen.
Deshalb gehört auch jede "Willkomemn-Seite" auf den Müll, es muß direkt in medias res gegangen werden. Da sind Preise interessant (hier zwar nur schlecht aber trotzdem möglich), Möglichkeiten (Werkstücke aus Stahl bis 2,5 Tonnen und 1500x1000x500mm Ausmaßen, Diamant-Keramikbearbeitung bis soundso x soviel x dieses mm - und so weiter), Liefer- und evt noch Montagemöglichkeiten usw.
Als Defaultseite sollte als erstes die Kontaktmöglichkeit kommen. Als Photo auch keine Grinsmännchen aus dem Büro oder noch schlimemr von der Photo-CD des Graphikprogrammes (will hier keine Namen nennen, aber man kennt die Photos ;-) sondern ein möglich typisches Produkt (_kein_ Werkzeug, es sei denn, das genau das das Produkt ist!)
Aber was rege ich mich hier überhaupt schon wieder so künstlich auf nur weil ich heute schon wieder volle zwei Studnen auf solchen Seiten zwecks "Markerhebung" rumtreiben mußte. Das hätte man bei halbwegs ordentlich organisierten -- oder mit einer _funktionierenden_ Suche! warum schafft das eigentlich kaum mal einer? -- Webseiten durchaus in 15-20 Minuten hätte erledigen können!
Und das am Montag, das liebe ich dann ganz besonders *sigh*
so short
Christoph Zurnieden
Hi,
was denn? Volle 15 Minuten? Und das am Sonntagabend und nix in der Glotze? ;-)
In welcher Zeitzone bist Du, daß Du heute noch Sonntag hast?
Wenn Du nicht die vierrädrigen stinkenden Blechkästen auf den STraßen meinst: ein gültiger Wert für width.
Ja, durchaus. Aber warum? Ist das denn nicht default?
Schon, aber ... (siehe font-weight:normal)
Bei rein dekorativen Bildern sollte alt="" benutzt werden.
Läßt man es weg, setzen manche Textbrowser den Dateinamen ein - nicht sehr sinnvoll. Genausowenig ist es sinnvoll, wenn "deko" da steht.
Wenn die Graphik keinen Inhalt vermittelt, sollte das alt-Attribut das dadurch wiedergeben, daß es keinen Inhalt hat.
Ja, das ist diskutabel, ich weiß. Bin da wohl eher der Freund der ehrlichen Angabe: "das ist eine rein dekorative Spielerei und zu sonst nix nutze" was das alt="deko" ganz gut zum Ausdruck bringt, wie ich finde.
Naja, wenn Du 50 Deko-Graphiken in der Seite hast, bekommt der Blinde dann 50 mal "deko" vorgelesen.
Sehr sinnvoll.
cu,
Andreas
Hi,
was denn? Volle 15 Minuten? Und das am Sonntagabend und nix in der Glotze? ;-)
In welcher Zeitzone bist Du, daß Du heute noch Sonntag hast?
Ich habe gerade lange überlegt, woher dieser Schnitzer kam, bis ich sah, das ich die Fernsehzeitschrift noch nicht umgeblättert hatte. Bin wohl schon wieder urlaubsreif :-}
Wenn Du nicht die vierrädrigen stinkenden Blechkästen auf den STraßen meinst: ein gültiger Wert für width.
Ja, durchaus. Aber warum? Ist das denn nicht default?Schon, aber ... (siehe font-weight:normal)
Aha, also dito: mit Gürtel _und_ Hosenbändern. Aber was spöttel ich über sowas; ich mach das, wenn auch auf anderem Gebiet, ja ähnlich.
Wenn die Graphik keinen Inhalt vermittelt, sollte das alt-Attribut das dadurch wiedergeben, daß es keinen Inhalt hat.
Ja, das ist diskutabel, ich weiß. Bin da wohl eher der Freund der ehrlichen Angabe: "das ist eine rein dekorative Spielerei und zu sonst nix nutze" was das alt="deko" ganz gut zum Ausdruck bringt, wie ich finde.
Naja, wenn Du 50 Deko-Graphiken in der Seite hast, bekommt der Blinde dann 50 mal "deko" vorgelesen.
Sehr sinnvoll.
Ja, genau: diese 50 Dekographiken sind wenig sinnvoll >;->
Auch heute noch schaffen es einige der Screenreader nicht ohne Punkt einen Satz zu beenden. Peinlich, aber wahr. Machst Du deshalb hinter jede Überschrift, die ja keinen Punkt hat, mittels <span style="display:none">.</span> o.ä. einen solchen? Nein? Warum argumentierst Du dann damit, auf Screenreader Rücksicht nehmen zu müssen?
BTW: Bei durch CSS eingebundenen Hintergrundgraphiken besteht o.a. Problem gar nicht erst. Aber das nur mal am Rande ;-)
So, und jetzt ist es auch schon wieder ein Uhr durch, aber dafür sind alle Rechnungen geschrieben und eingetütet.
so short
Christzoph Zurnieden
Grundlage für Zitat #67.
Hallo Christoph.
Machst Du deshalb hinter jede Überschrift, die ja keinen Punkt hat, mittels <span style="display:none">.</span> o.ä. einen solchen? Nein? Warum argumentierst Du dann damit, auf Screenreader Rücksicht nehmen zu müssen?
Hm... Ich bezweifle, dass ein Screenreader hier den "." berücksichtigt. Schließlich wird er ja behandelt, als wäre er nicht existent.
Entweder hast du dies nun auf eine normale CSS Datei für Bildschirme im Vergleich zu einer CSS-Datei für Screenreader bezogen, oder du meintest eigentlich:
<span style="visibility:hidden;">.</span>
Gruß, Ashura
Hi,
Hm... Ich bezweifle, dass ein Screenreader hier den "." berücksichtigt. Schließlich wird er ja behandelt, als wäre er nicht existent.
Mein Beispiel beruht auf einer Probe. das ist aber auch schon -- na, drei Jahre her, da hat sich zwischenzeitlich mit Sicherheit viel getan. Hoffe ich zumindest.
<span style="visibility:hidden;">.</span>
Ja, das funktionierte auch, wenn mich meine Erinnerung nicht täuscht (Im Grunde wurde CSS überhaupt nicht geparsed, nur Emacsspeak tat das, aber auch nur rudimentär). Nur hast Du hier einen Platzhalter, oder?
so short
Christoph Zurnieden
Hallo Christoph.
Hm... Ich bezweifle, dass ein Screenreader hier den "." berücksichtigt. Schließlich wird er ja behandelt, als wäre er nicht existent.
Ich korrigiere meine Aussage: die _meisten_ Screenreader ignorieren den Punkt für die Sprachpause. Leider...
Gruß, Ashura
Hi,
Hm... Ich bezweifle, dass ein Screenreader hier den "." berücksichtigt. Schließlich wird er ja behandelt, als wäre er nicht existent.
Ich korrigiere meine Aussage: die _meisten_ Screenreader ignorieren den Punkt für die Sprachpause. Leider...
Der von Mathias gegebene Link (danke übrigens dafür, mir ist der beim letztem Aufräumen leider verlorengegangen) ist da sehr aufschlußreich. Die angebotenen Lösung gefällt auf den ersten Blick, mal schauen was die betroffenen Kollegen dazu sagen. Leider fehlt in der Liste emacsspeak, das bei vielen sehbehinderten Programmierern guten Zuspruch zu finden scheint. (Das übrigens auch das einzige ist, das ich bei mir jemals an's Rennen bekommen habe ;-)
Na, wieder 'was dazugelernt ;-)
so short
Christoph Zurnieden
Hm... Ich bezweifle, dass ein Screenreader hier den "." berücksichtigt. Schließlich wird er ja behandelt, als wäre er nicht existent.
Entweder hast du dies nun auf eine normale CSS Datei für Bildschirme im Vergleich zu einer CSS-Datei für Screenreader bezogen, oder du meintest eigentlich:
<span style="visibility:hidden;">.</span>
Auch visibility:hidden führt dazu, dass Screenreader den Text nicht vorliest. Bitte informiert euch erst einmal, anstatt Halbwissen zu verbreiten. http://css-discuss.incutio.com/?page=ScreenreaderVisibility
Die Aussage »Auch heute noch schaffen es einige der Screenreader nicht ohne Punkt einen Satz zu beenden.« würde ich auch gerne verifizieren oder falsifizieren, aber sie ist wohl zu vage.
Hallo molily.
Auch visibility:hidden führt dazu, dass Screenreader den Text nicht vorliest. Bitte informiert euch erst einmal, anstatt Halbwissen zu verbreiten. http://css-discuss.incutio.com/?page=ScreenreaderVisibility
Ich habe den Text nachvollzogen und auch den Test mit meinem Screenreader (FoxyVoice - Mozilla Firefox) durchgeführt.
Auf allen Seiten wurden die mit display:none; ausgeblendeten Links und Überschriften korrekt vorgelesen.
Jedoch habe ich auch die Übersichtstabelle gesehen, was ich wiederum recht erschreckend empfinde. Wenn eine kleine Firefox-Erweiterung dazu imstande ist, warum können dies dann Großhersteller nicht umsetzen..?
Die Aussage »Auch heute noch schaffen es einige der Screenreader nicht ohne Punkt einen Satz zu beenden.« würde ich auch gerne verifizieren oder falsifizieren, aber sie ist wohl zu vage.
Weshalb? Dem ist so. Eine einfache Liste, die die Navigation darstellt, wird in einem Ritt hintereinander gelesen.
In diesem Sinne ändere ich hiermit meine Aussage ab:
Zumindest mein Screenreader erfasst mit display:none; und damit auch visibility:hidden; ausgeblendete Elemente und liest sie vor.
Gruß, Ashura
Jedoch habe ich auch die Übersichtstabelle gesehen, was ich wiederum recht erschreckend empfinde. Wenn eine kleine Firefox-Erweiterung dazu imstande ist, warum können dies dann Großhersteller nicht umsetzen..?
Weil dieses Verhalten Absicht ist. Screenreader geben aus, was auf dem Bildschirm angezeigt wird. Wie du siehst, ist der neue JAWS 6 sogar noch konsequenter in diesem Punkt.
Die Aussage »Auch heute noch schaffen es einige der Screenreader nicht ohne Punkt einen Satz zu beenden.« würde ich auch gerne verifizieren oder falsifizieren, aber sie ist wohl zu vage.
Weshalb? Dem ist so. Eine einfache Liste, die die Navigation darstellt, wird in einem Ritt hintereinander gelesen.
Du meinst, vor jedem Listelement wird selbiges nicht angesagt und nach jedem Listenelement wird keine ausreichende Sprechpause eingelegt?
Hallo molily.
Du meinst, vor jedem Listelement wird selbiges nicht angesagt und nach jedem Listenelement wird keine ausreichende Sprechpause eingelegt?
Ja genau das meinte ich. Ich weiß leider nicht, wie dies bei professionellen Screenreadern vonstatten geht.
Gruß, Ashura