Beiträge von Alexandra-Bijou

    Das interessiert mich als User herzlich wenig.


    Tatsache ist, dass Forster eine Zivilklage bekommen könnte, weil er ohne Befugnis und Wissen des Users!! ein Programm auf einen fremden Rechner installieren hat lassen.


    Kannst du dir vorstellen, wie teuer das wird? Anwaltskosten, Gerichtskosten .... Forster, bist du Schüler, oder arbeitest du schon?


    Dan spar schon mal ...


    Achja und es hat Auswirkungen auf den Programmierer, der ihm dieses nette Progrämmchen gezaubert hat. Oder glaubst du, dass das für dich keine Folgen haben wird.


    Achja und wenn du schon auf Musik-CDs zu sprechen kommst, was ich als Privatuser mache oder nicht, liegt in meiner eigenen Verantwortung. Zudem höre ich meine CDs im CD-Player.

    Alex, darf ich dir einen Tipp geben?


    Wenn du eine Liste hast und die möchtest du nicht untereinander haben, dann bitte in der CSS


    li {display:inline;}


    Vorteil: Es passt sich immer die Länge des Listeninhaltes an.


    Somit stellt er automatisch alle Listenpunkte in eine Reihe. float wir fast nur bei Bildern oder Divs benutzt.

    Das märe mies ... ohne das Einverständis des Users was zu installieren, kann böse enden!!!


    Allein schon aus rechtlicher Sicht sollte man das unterlassen. Und wenn ein User it einer guten Firewall bestückt ist, schauts nicht gut aus.


    Ich wäre halt für die Faire variante. Denn man kann sich zumindest sicher sein, dass die User auch wieder kommen, ohne befürchten zu müssen, dass jemand was auf ihrem Rechner installiert, was sie vielleicht nicht wollen.


    img hat immer die höchste Priorität!!


    Danakch klassen und dann IDs


    Und dann kommts drauf an, wie die CSS eingebunden wird, denn auch da gibt Proiritätsunterschiede.


    Und zu deiner Frage: Beide haben einen Rahmen.


    die Klasse .pic, die du haben willst, ist halt eine Priorität weiter unten und kannst somit in der HTML-Seite für ein Bild zuweisen.


    Hier ein Beispiel:


    Sagen wir mal, du hast 3 Bilder in deiner HTML-Seite, die gleich groß sind ...


    Dem ersten und den dritten Bild weisen wir die klasse .pic zu.


    Was passiert?


    Nur das erste und das dritte Bild haben einen schwarzen Rahmen.


    Nur nummero zwei hat keinen.


    Weist du jetzt in der CSS dem img die Eigenschaft zu, was passiert dann?


    Alle 3 Bilder haben einen schwarzen Rahmen


    Versuchs mal aus.


    Dann kannst du zB .pic einen grünen Rahmen geben und scheibst in der CSS follgenden Code:


    img {border: 2px solid green;}
    .pic {border: 2px solid black;}


    Und nun schau dir dein Ergebnis an:


    Wichtig, du hast dem ersten und dem dritten Bild noch immer die Klasse .pic zugewiesen!!!

    Du kannst dich nur für eine Sache entscheiden.


    Entweder ID oder Klasse, wobei aus der Erfahrung heraus Bilder immer mit Klassen formaitiert werden.


    zB so:


    /* CSS für Bilder */


    .pic {boder: 2px solid black;}


    <!-- HTML -->

    <img class="pic" src="pfadunbildname.gif" width="" height="" alt="">


    Somit wird diesem Bild deine Klasse zugewiesen.


    Eine ID ist also nicht mehr nötig. Vor allem, weil du ID nur einmal verwenden kannst.


    Aber möchtest du ALLEN Bildern so aussehen lassen, dann verwende eine globale Formatiereung:


    zB so:


    img {boder: 2px solid black;}


    Dann haben alle deine Bilder dieses aussehen und du brauchst dich nicht um Klassen oder IDs kümmern.

    Zitat von &quot;Foster&quot;

    Und denk bitte daran, dass dieses Forum dafür da ist, dir bei Problemen unter die Arme zu greifen. Es wurde nicht gemacht um dir das Denken abzunehmen.


    Interessante Ansätze, vor allem, wenn sie von jemanden kommen, der anscheinend nicht in der Lage ist, das Internet nach Hilfeseiten für C++ abzusuchen oder sich gar in der Bibliothek ein Buch zu dem Thema zu holen ...


    Sehr freundlich ist das nicht ... aber ok!


    Zitat von &quot;Detlef&quot;

    Ich möchte folgenden Code so in die CSS Datei haben, weil ich es auf jeder Seite benötige. Kann mir da einer bei helfen ?


    Hallo Detlef!


    Du kannst in CSS alles definieren, wozu du lustig bist.


    Möchstes du, dass die gesamte Tabelle einen bestimmten Hintergrund hat, versuchs damit ...


    /* CSS für Tabellen */


    table {background-color:#farbcode;}


    Du hast die Möglichkeit, alles in einer Tabelle zu formatieren. Dir muss aber auch klar sein, dass alle Tabellen dann so aussehen, sofern du überall auf deinen Seiten die gleiche CSS-Datei eingebunden hast.


    td {Eigenschaft:Wert;}


    Auch hier kannst du den Tabellenzellen eine globale Formatierung angeben. Wie breit, hoch, welche Farbe, Randfarbe und Dicke ... etc. Auch hier gilt, dass diese Eigenschaften dann für die gesamte Website gilt.


    Was für dich vielleicht noch interessant sein könnte ist, Links in Tabellenzellen:


    hier gehst du so vor:


    td a:link {}
    td a:visited {}
    td a:hover {}
    td a:active {}


    Das bedeutet, dass NUR die Links in diesen Tabellenzellen deine besonderen Eigenschaften aufweisen.


    Links die ausserhalb dieser Tabellenzellen sind, werden davon nicht betroffen.


    Man spricht von der Abhängigkeit des Elternelements.


    Ich hoffe, dass ich dir ein bissl helfen konnte .. und noch ein kleiner Tipp:


    Bitte keine gezwungenen Leertasten, das ist sehr unelegant. Besser du arbeitest mit Zellen, Abständen und natürlich CSS.


    Viel Spaß noch!

    Was du tun kannst, ohne die Sicherheit deiner User zu gefähren, du stellt den Font als ttf-Datei zur Verfüugung. Dann können sich die User aussuchen, ob sie die Seite mit deiner Schriftart sehen wollen, oder die, die sie installiert haben. Ich halte dies sogar für die fairste Lösung.

    Ich erinnere mich an meine schlimmsten Zeiten als Programmiererin ...


    Ich hab C++ gelernt ... hatte Alpträume ...


    Ich kann nur noch 2 Befehle: Main und fscan ... aber kann mich auch irren.


    Im schlimmsten Fall durchstöberst halt den Google.

    ID


    - IDs werden in CSS mit #id-name definiert und werden in der Rangordnung am niedrigsten gereiht. Sie können in einer HTML-Seite auch nur einmal angewandt werden


    Class


    - Klassen werden in CSS mit .klassennamen definiert und diese werden einer höheren Priorität zugeordnet. Klassen können in HTML-Seiten beliebig oft benutzt werden.


    Elemente an sich, wie p, body etc. haben die höchste Priorität und dann kommst auch noch an, wie CSS eingebunden wird. Inline, Embedded oder Extern.



    Span


    - Span definiert eher einen kleinen Bereich in einer HTML-Seite wie zB eine beliebige Zeichenfolge


    <p>Das ist ein Mustertext: Hallo, mein <span class="klassennamen">Name</span> ist Alex und ich bin aus Wien.</p>


    Div


    - Divs definieren einen grossen Bereich einer HTML-Seite in denen unterschiedlichste Elemente wie Bilder, Überschriften, Absätze etc. gemeinsam positioniert werden können. Man kann Divs mit Klassen und IDs formatieren.


    Das sind halt die einfachsten Erklärungen und das versuch ich auch so meinen Schülern beizubringen.

    Kannst du ein bissl genauer beschreiben? Ich hab deinen Code übernommen und mir ist nicht klar, was du eigentlich willst.


    Soll die Tabelle eine fixe Position haben oder eine bestimmte Zelle?


    Versuchs mal etwas genauer zu beschreiben ... so, wie es hier beschrieben ist, versteh ichs nicht und daher auch nicht wirklich klar, was denn diese Tabelle machen soll.

    Zitat von &quot;pulse180&quot;

    Und was willst du mit dem Eintrag bezwecken, das die Tags aus der Liste gelöscht werden oder was???


    Was unterstellst du mir? Gelöscht muss die Liste nicht, aber aktualisiert.


    Ich denke, dass du leider nicht viel Ahnung von CSS hast, denn in CSS kann man auch Variablen für PHP-Seiten - sofern sie auch HTML-Tags verwenden, auslagern. Und es ist doch schöner nur an einer Datei was zu verändern, als an 20. Das ist eine enorme Zeitersparnis. Allein wenn ich dann an den sauberen Code denke, der auch die Ladefähigkeit begünstigt. Denn ich geh nicht davon aus, dass jeder User mit High-Speed durchs Internet kurvt.

    Auch wenn ich mich jetzt unbliebt mache, aber die Liste der HTML-Tags sind mehr als Überarbeitungsbedürftig. Einige der Tags sind veraltet und werden nicht mehr angewandt.


    zB


    <font size=...> < /font >


    Alles was mit Schrift zu tun hat, wird in CSS ausgelagert, daher gibt <font ...> in HTML nicht mehr.


    bgcolor="" ... gibt es auch nicht mehr.


    Wie gesagt, alles was die Gestaltung einer HTML-Seite betrift wird in CSS ausgelagert, alles andere ist unprofessionell - und nicht barrierefrei, da nicht alle Tags von allen Browsern interpretiert werden.

    Zitat von &quot;pulse180&quot;

    Und eins verstehe ich gerade bei dir nicht warum sind DIV barrierefrei???
    Alles ist Barrirefrei solange man nicht von anderen unterdrück wird und bestimmte sachen nicht veröfentlich lichen darf...


    Oder was verstehst du unter Barrirefrei???


    Der Unterschied zwischen Tabellen, Frames und Divs besteht darin, dass ein Screenreader, also ein Sprachausgabegeräte für blinde Menschen, die Inhalte der Tabellenzellen nicht richtig auslesen können. Auch können Screenreader nichts mit Frames anfangen, da man schlecht zwischen Frames und Inhalt Inhaltliche Beziehungen herstellen kann.


    Zumal sind Iframes keine besonders schöne und elegante Variante, Inhalte in abgegrenzten Bereichen dazustellen. Mit Div geht das sehr einfach und ist sehr effektiv. Ja, und man kann sicher gehen, dass sich wirklich jeder die Seite anschauen kann, auch wenn er keine Frames sehen kann. Und das sollte doch Ziel eines jeden kreativen Kopf sein, sein Werk nicht nur einer begrenzen Anzahl von Usern zugänglich zu machen, sondern alle können sich die Seite problemlos anschauen.


    Zum Thema Barrierefrei möchte ich nur kurz was sagen:


    Barrierefrei bedeutet, für alle zugänglich, also auch Menschen mit motorischen Schwierigkeiten, oder sehbehinderte Menschen oder alten Menschen. Denen kann man mit Tab-Index oder Acceskey geholfen werden. Sie können die Website mittels Tastaturkürzeln bedienen - brauchen logischerweise keine Maus dazu.


    Barrierefrei bedeutet aber auch Texte einfach zu gestalten, also keine Fremdworte oder zu langen Sätze. Zumal hilft man auch Migranten dabei, Websites richtig zu lesen und zu verstehen. Ein weiterer Punkt ist die Schrift. Die Schrift muss in barrierefreien Seiten skalierbar sein, also keine Schrift im Bild!. Bilder müssen einen alternativen Text haben. Nicht nur, weil man dann auch die Inhalte des Bildes besser versteht, sondern es hilft auch, wenn das BIld nicht geladen werden kann und somit erscheint ein Text, um zumindest den User mitzuteilen, das da noch ein Bild kommt.


    Barrierefrei bedeutet sich auf die Zielgruppe zu konzentrieren und natürlich auch Websites für alle gängigen Browsern zu entwickeln. Was natürlich nicht einfach ist, wenn man sich stundenlang über den IE ärgert, weil der wiedermal was anderes darstellt, als der Rest der Browser, aber solange 85% der User den IE benutzen, muss ich zwangsläufig Rücksicht nehmen.


    Barrierefrei bedeutet, dass jeder ein potantieller Kunde sein kann. Daher werden Unternehmen in diese Richtung hingesteuert, um auch behinderte User als Zielgruppe zu erkennen und diese auch miteinzubeziehen. Alte Menschen sind ebenfalls eine Zielgruppe, die man nicht vernachlässigen sollte und bereits jeder 6 User ist über 50. Und es werden immer mehr.


    Barrierefrei bedeutet für den Designer, neue Wege zu gehen. Wege zu gehen, die mehr als nur ein flippiges Design bedarf. Funktionalität und Stabilität sind die wichtigsten Punkte, auf die sich ein werdender Webdesigner konzentrieren sollte.


    Das war erstmal ein grober Grundriss. In Wirklichkeit ist Barrierefreiheit ein tägliches Auseinandersetzen mit Bedrüfnissen und Emotionen von Menschen - und in meinem Falle ... von Menschen, die meine Arbeit wollen und dafür auch noch bezahlen. Das korrekte Umsetzen von Ideen macht meinen Job besonders anspruchsvoll und interessant. Jedoch sollte man sich im Klaren sein, dass es immer bessere und kompetentere Leute gibt, als man es selbst ist. Daher arbeite ich viel mit anderen Designern zusammen, weil Teamarbeit in so einem Job unerlässlich ist. Schliesslich gehts um den Kunden, der sich ein funktionierendes Produkt wünscht und auch bereit ist, sehr viel dafür zu zahlen. Und sie zahlen nicht schlecht. Mit barrierefreien Seiten lassen sich mehr Geld verdienen, als mit "Standardseiten", da zwar der Mehraufwand nicht mehr ist, aber die Beratungsphasen.


    Und nur am Rande erwähnt: iFrames ist nicht strict-HTML und verursacht oft mehr Probleme, als das es was nutzt. Es gibt nur ganz wenige Beispiele, wo man Frames benutzen kann, aber nur dann mit der Bedingung, dass der Rest der Website in wunderschönes und sauberes HTML und CSS geschrieben ist. Es gibt kaum grafische Editoren, die das schaffen. Texteditoren gibts hingegen zu Hauf. Html zu lernen ist nicht schwer, aber es richtig anzuwenden, das sehr wohl.


    So würde eine ganz simple Div-Box aussehen:


    In der HTML-Seite:


    <div id="fensterl">


    Inhalt des Fensters


    </div>


    In CSS


    #fensterl {width: 20em; height: 12em; position:absolute; overflow:scroll;}


    Natürlich muss es noch richtig positioniert und eingefärbt werden.


    In diesem Sinne ...

    Zitat von &quot;Foster&quot;

    Wenn du deinen Text neben dem Bild haben willst, musst du Tabellen oder Divs benutzen.


    Nicht korrekt!


    Es reicht ein float völlig.


    zB so ...


    <img style="float:left" src="bilderpfad.jpg" height="100" width="100" alt="Beschreibung des Bildinhaltes">


    Beim nächsten Element, das nicht mir das Bild umfliessen soll, muss ein style="clear:left" eingebunden werden.

    Zitat von &quot;Foster&quot;

    ALSO:
    Von Vornherein:
    Frames sind meiner Meinung nach etwas äußerst unratsames für das Layout einer Homepage.


    Du benutzt ja selbst iframes, was nichts anderes, als frames sind. Ist ebenso unelegant wie Tabellen.


    Div-Boxen sind die eleganteste Variante. Sehr flexibel, platzsparend und zudem auch noch barrierefrei.


    3 Div-Boxen nebeneinander können in der CSS mittels float:left oder right positioniert werden. Das erlaubt eine optimale Positionierung und sieht in jedem Browser gut aus - sofern man sauber arbeitet.