Beiträge von stefan999

  • Script: Farbige Bildlaufleiste

    Zitat von Foulfang

    Wird jedoch auch "nur" vom IE unterstützt...

    Deshalb sollte man es in "Conditional Comments" packen. Das sieht dann so aus:

    Stefan

  • Scrolltext in Tabellenzelle

    Zitat von Anonymous

    Ich habe eine Tabelle mit mehreren Zellen, in eine Zelle möchte ich Text setzen. Ich möchte aber verhindern das sich die Tabellenzelle nach unten ausdehnt. (Per "height" habe ich die Höhe im "td" Tag festgelegt) Wenn mein Text länger als die angegebene höhe ist sollte eine Scrollleiste genutzt werden können. (Ähnlich wie bei textarea, nur soll kein Text eingegeben werden, und die Scrollleiste nur bei langen Texten sichtbar sein.)
    Ich möchte keine Frames benutzen.
    :roll: Weiß jemand Rat???
    Mario

    Code
    <table style="table-layout:fixed;">
<tr><td style="height:100px; overflow:scroll;">
Zelleninhalt
</td></tr></table>

    Stefan

  • CSS: Schrifteigenschaften im laufenden Text ändern...?!

    Zitat von electropolyp

    hey!

    ich suche nach einer möglichkeit über CSS die schrifteigenschaften innerhalb eines textes zu ändern... wenn ich also z.b. verschiedene bereiche meines textes mit unterschiedlichen farben kennzeichnen möchte mache ich das normalerweise über das font-tag, das sieht dann so aus:
    <font color=#00ff00>name:<font color=#0033ff>electropolyp<font color=#000000> usw...
    wie kann ich den selben effekt auch über CSS erreichen :?:

    thx.

    Beispielsweise so:

    CSS-Code:


    Hier nun der HTML-Code:

    Code
    <span class="gruen">Dieser Text ist grün</span> <span class="blau">Dieser Text ist blau</span> <span class="schwarz">Dieser Text ist schwarz</span>


    Stefan

  • Professionelle Homepage Layout

    Zitat von Shila

    Ich denke mal für einen reinen Anfänger ist die Erstellung einer Homepage in Tabellen Form einfacher.

    Davon würde ich dringend abraten. Die meisten Profis haben HTML zu einer Zeit gelernt, als der IE 4 und Netscape 4 die gängigen Browser waren. Diese Browser konnten nur sehr wenig CSS, om Tabellenlayout kam man nicht herum.

    CSS-Layout funktioniert aber konzeptionell völlig anders. Es ist nicht komplizierter, aber wer jahrelang mit Tabellen gearbeitet hat, kriegt einfach ein Tabellenlayout schneller hin als ein CSS-Layout. Dadurch empfindet er CSS-Layout als schwerer. Tatsächlich ist ein etnfaches Layout mit CSS und mit Tabellen etwa gleich schwer, je komplexer aber das Layout wird, um so einfacher wird er mit CSS im Vergleich zu Tabellen.

    Zitat von Shila

    Viele können da mit HTML noch nicht einmal viel Anfangen und CSS ist ein Bömisches Dorf für die ;)

    Die haben aber auch im Profibereich nichts verloren.

    Zitat von Shila

    Auch die meisten Programme verwenden Tabellen für die Darstellung.

    Welche Programme meinst du? Falls du z.B. in PHP geschriebene Foren oder Gästebücher meinst, dann kann man das getrost unter "gewachsenen Code" abhaken, ebenso wie 90% aller Profi-Websites im Internet.

    Aber seht euch mal http://csszengarden.com an. Es gibt dort eine Navigation, durck Klicken auf die Links dort verändert sich das Aussehen drastisch. Der HTML-Code bleibt gleich, nur das CSS wird ausgetauscht. Wenn nun z.B. eine Forensoftware das auch könnte, könnte man sie doch viel besser an das Layout der Homepage, in die das Forum eingebunden werden soll, anpassen.

    Zitat von Shila

    Bis dann das Programm mir eine Fehler reinschrieb. Mit Hilfe eine Bekannten versuchte ich das den Fehler im HTML Code rauszubekommen und mußten feststellen, daß uns das Programm uns da nicht dran läßt. :(
    Oben drein wie ich dann später noch erfuhr, schreibt Net-Fusion sehr umständlich und zu große Dateien.

    Du hast gerade wunderbar beschrieben, warum diese WYSIWYNG-Editoren nichts taugen. Gerade, wenn es darum geht, den Code zu warten, versagen diese Programme kläglich.

    Zitat von Shila

    Auf jeden Fall arbeite ich nach wie vor mit Tabellen und z.T. mit Ebenen, weil ich dies einfacher und leichter finde, gerade für Anfänger.

    Auch Dream
    weaver selbst besteht aus gewachsehem Code, ebenso wie die anderen WYSIWYNG-Editoren. Diese Programme so abzuändern, dass sie CSS-Layout statt Tabellenlayout generieren, ist sehr aufwändig, daher werden da wohl noch einige Versionsschritte erforderlich sein.

    Zitat von Shila

    An CSS habe ich mich noch nicht dran gewagt und ehrlich gesagt auch noch gar nicht befaßt.

    Und wie willst du dann beurteilen, ob CSS für Anfänger geeignet ist, wenn du dich damit noch nie befasst hast?

    Stefan

  • Link extern

    Zitat von jaaam

    vergesst bitte nicht den border="0" - tag. es sei denn du willst einen hässlichen rahmen um dein linkbild.

    also:

    Code
    [url='verlinkung.html'][img]bild.gif[/img][/url]

    also denn..

    muss weiter.

    Vergesst auch nicht das alt-Attribut, damit man bei grafischen Links auch dann weiß, wo der Link hinführt, wenn aus irgendeinem Grund das Bild nicht geladen werden kann. Also z.B.:

    Code
    [url='verlinkung.html'][img]bild.gif[/img][/url]

    Stefan

  • Professionelle Homepage Layout

    Zitat von jaaam

    .. css ist to much vorerst. man sollte lieber mit den grundlagen beginnen. css ist davon ab auch nicht mit allem zeugs kompatibel. css ist dann wohl mehr ne stilfrage.

    Ja, erst mit den Grundlagen. Das bedeutet, dass man zunächst lernen muss sein Dokument mittels (X)HTML logisch zu strukturieren.

    Im zweiten Schritt kommt dann die optische Gestaltung mittels CSS dran.

    erst danach kommt vertiefender Stoff, z.B. Gestaltung mittels Tabellen, selten gebrauchte Tags oder CSS-Eigenschaften etc.

    Das halte ich so für die didaktisch Vernünftigste Lösung, auch wenn die kurzfristigen Erfolgserlebnisse ausbleiben.

    Zur Kompatiblität von CSS muss man folgendes sagen: Die aktuellen Browser, also IE ab 5.0, Mozilla ab 1.4, Netscape ab 7.0, Opera ab 6.0 etc, unterstützen alle gemeinsam eine gewisse Teilmenge von CSS, mit der man gut arbeiten kann. Sie ist völlig ausreichend, um wirklich gute tabellenfreie Layouts hinzukriegen.

    Hinzu kommen neben den technischen Argumenten noch gestalterische. In der letzten Zeit merkt man doch, dass den Designern wenig Neues einfällt. Sie weichen auf Flash und andere Spielereien aus, was oft zu Lasten der Usability geht. Wirklich innovatives Design ist heutzutage häufig CSS-basiert.

    Stefan

  • N00b Frage zum Thema: Frames

    Zitat von Beatz

    Soetwas in der Art??? Vielleicht kannst Du damit ja weiter arbeiten?

    Habe den Code mal ein wenig verbessert. Da sind viele Fehler drin.

    Ein paar Anmerkungen:

    • Das Alt-Attribut sollte bei Bildern immer angegeben werden. Statt aber einfach nur "Button" da reinzuschreiben, sollte schon der Text da rein, der auf dem Button draufsteht. Bei Blindgifs einfach alt="" hinzufügen.
    • Für das Auswechseln der Bilder bei Mouseover solltest du CSS statt JS einsetzen
    • Die veraltete Browsererkennung habe ich ersatzlos aus deinem JS rausgeworfen.
    • Bei Größenangaben, z.B. in "width" oder "height"-Attriburten muss immer eine Maßeinheit angegeben werden, z.B. <table width="500px"> statt <table width="500">
    • In einigen Fällen sind deione Grafiken größer als die Tabellenzellen, die sie umgeben, da solltest du die Bilder passend zurechtschneiden.
    • Außerdem habe ich die fehlende Doctype-Angabe hinzugefügt und den überflüssigen und falschen Meta-Tag entfernt.



    Stefan

  • Professionelle Homepage Layout

    Zitat von Beatz

    oh, das ist eine Frage, die sich nicht so einfach beantworten läßt. Grundlegend lässt sich aber sagen: Übung macht den Meister.

    Das ist soweit richtig, üben ist das Wichtigste. niemand kriegt eine professionelle Website auf Anhieb hin.

    Zitat von Beatz

    Du solltest Dich für eine Professionelle Webseite intensiv auseinandersetzen mit:

    • HTML
    • Verwendung von Tabellen in HTML als Mittel zur ausrichtung von Elementen (Menü, Content etc.)
    • CSS
    • Grafikbearbeitung und Methoden im Web

    Tabellen sind eigentlich nicht zur Ausrichtung von Elementen gedacht. Dazu gibt es die Positionkerung mettels CSS. Wenn mal irgendetwas nicht mit CSS geht, dann kann man immer noch Tabellen zur Hilfe nehmen, aber eigentlich sollte man Tabellen nur zur Darstellung tabellarischer Daten verwenden

    Gerade Einsteigern würde ich empfehlen, zunächst ausschließlich mit Div/CSS zu arbeiten und erst später dann Tabellen als Ergänzung dazuzunehmen.

    Zu deinen Punkten würde ich noch folgende hinzufügen:

    • Benutzbarneit/Bedienbarkeit (Usability)
    • Zugänglichkeit (Accessibility)
    • Grundlagen über Design/Farbenlehre

    Stefan

  • Frames2Table

    Zitat von jaaam

    na klar ist eine height.angabe im table-tag zulässig.

    Wer sagt das? Laut W3C gibt es für das table-Tag folgende Attribute:

    summary, width, border, frame, rules, cellspacing und cellpadding.

    http://www.w3.org/TR/html401/struct/tables.html#h-11.2.1

    Wie soll es auch anders gehen? Stell dir mal folgenden Code vor:

    Code
    <table height="200px">
<tr><td height="80px">Zelleninhalt</td></tr>
<tr><td height="80px">Zelleninhalt</td></tr>
<tr><td height="80px">Zelleninhalt</td></tr>
<tr><td height="80px">Zelleninhalt</td></tr>
</table>

    Alle Zeilen der Tabelle haben so zusammen eine Höhe von 240px, die ganze Tabelle aber nur 200px. Was sollen die Browser wohl daraus machen?

    Stefan

  • Script: Navigation mit SSI und Preloaded Images

    Ich habe mal ein paar Seitenfragmente erstellt, die es einfach ermöglichen, eine Navigation mit Mouse-Over-Effekt und preloaded Image zu erstellen.

    Im Head steht folgendes:

    Praktisch wäre es nun, wenn euer Webhoster SSI (Server Side Includes) unterstützt. Dann müsst ihr nicht die Navigation in jede Seite einfügen.

    Zur Nutzung von SSI erstellt ihr nun eine datei namens "nav.inc", die sieht so aus:

    Code
    <div class="nav">
[url='seite1.shtml']Seite 1[/url] 
[url='seite2.shtml']Seite 2[/url] 
[url='seite3.shtml']Seite 3[/url] 
[url='seite4.shtml']Seite 4[/url] 
</div>

    So sieht nun der Body der HTML-Datei aus:

    Code
    <body onload="PreloadImages(image2.png)">


<div>
Hier steht nun der jeweilige Seitencontent
</div>
</body>

    Das ist im Prinzip alles. Da image1.png schon beim Start angezeigt werden soll, muss es nicht explizit vorgeladen werden. Eure Seiten müssen, wenn die Navigation angezeigt werden soll, die endung shtml statt html haben, die Startseite heißt dann "index.shtml".

    Der SSI-Befehl "include virtual="...." unterstützt nur relative Adressen, wer mit absoluten Adressen arbeiten will, verwendet folgenden SSI-Befehl:

    Code

    Viel Spaß beim Experimentieren. Insbesondere im CSS könnt ihr viel rumbasteln, z.B. Schriftgröße und -farbe, Breite der Navigation etc.

    Stefan

  • Script: Verschiedene Seiten für Tag und Nacht

    und

    Code
    <a onclick="wait()" href="default.html">

    Habe es dir mal ein wenig verbessert. Jetzt ist es valide und funktioniert definitiv auch mit Mozilla und Konqueror. Die Seite "default.html" ist für Leute, die JS abgeschaltet haben, damit der Link dann auch funktioniert.

    Stefan

  • ständig online??

    Zitat von Pfeffi

    Ich habe mit der Holtline meines Anbieters telefoniert: die einzige Möglichkeit nicht bums :wink: im Netzt zu sein ist einfach den Stecker ziehen.

    Hast du einen DSL-Zugang ohne PPPoE? Dann geht es tatsächlich nicht anders.

    Stefan

  • ständig online??

    Zitat von admin

    Hast Du nicht eine DFÜ Verbindung bzw ein Programm Deines Anbieters, mit dem Du dich vom Netzt trennen kannst ?
    Du gehst ja auch nur Online, wenn Du es willst, oder nicht!

    DSL ist eine Standleitungstechnik, daher gibt es keine richtige Trennung. Was man über das DFÜ-Netzwerk macht, ist nur ein An- und Abmelden beim Provider.

    Es gibt aber auch DSL-Angebote ohne PPPoE, meist sind das Teurere für Geschäftskunden. Da gibt es kein An- und Abmelden, da muss man schon den Stecker ziehen oder den Netzwerktreiber deinstallieren.

    Unter Linux gibt es auch die Möglichkeit, das Netzwerk-Subsystem einfach zu stoppen.

    Stefan

  • Automatisierter E-Mail-Versand

    Zitat von Anonymous

    THX!! Das hilft mir schon sehr dolle! Ich bin noch Einsteiger, was so PHP angeht... aber ich freu mich irre! Also... ich such jetzt nóch eine Möglichkeit, wenn ich ein programm mit c++ oder visual basic mach... dass ich online senden kann...

    Visual Basic kannst du vergessen. Es gibt eine Abart, die nennt sich Visual Basic Script. Solche Programme kannst du verwenden, wenn der Webhoster die Sprache unterstützt.

    C++ kannst du nur verwenden, wenn du einen eigenen (virtuellen oder dezidierten) Server mit Linux oder FreeBSD hast. Dann kannst du die Programme auf dem Server compilieren. Zur Kommunikation mit dem Webserver kannst du die CGI-Schnittstelle verwenden.

    Stefan

  • Schrifart einer ganzen Tabelle zuweisen

    Zitat von Don P.

    Hallo

    Wie kann ich einer kompletten Tabelle eine Schriftart,Farbe u.s.w. zuordnen?
    Habs bis jetzt nur so zustande gebracht,dass ich in jedem Feld der Tabelle
    <font> und </font> geschrieben habe

    Finde im SelfHTML nix

    Danke

    Code
    <table style="font-family:arial,helvetica,sans-serif;">

    Stefan

  • Maximalwerte bei Tabellen?

    Zitat von Skyfire

    Kann man den nicht irgendwie die Maximal oder Minimal größe bestimmen?

    Code
    <table style="min-width:500px; max-width:800px;min-height:100px;max-height:400px;">

    Größenangaben natürlich dem Befarf anpassen.

    Stefan