Beiträge von Foster

  • CSS lernen etc.

    Den besten und am schnellsten zugänlichen Webspace gibts eigentlich von <!-- w --><a class="postlink" href="http://www.funpic.de">http://www.funpic.de</a><!-- w -->
    Da hast du quasi unbegrenzt Speicherplatz, FTP-Zugang, sowie PHP und eine MySGL Datenbank.
    Da bekommst du dann von Funpic auf einer ihrer Festplatten ein Stück Platz für dich, wo du Dateien draufladen kannst, die dann übers Internet errichbar sind. Zugang zu diesem Webspace hast du, wie schon gesagt über ein FTP(File Transport Protocol)-Progamm. Da musst du dann die Adresse deines FTP-Servers angeben (meist ähnlich der URL, über die deine Seite dann erreichbar ist), deine Benutzernamen, mit dem du auf dem Webspace registriert bist (ist auch der Name, mit dem du dich bei Funpic anmeldest) und das dazugehörige Passwort.
    Dann kannst du Dateien von deiner Festplatte hoch ins Internet laden oder andersrum.
    Ich hab auch gerade für solche Ausprobier-Zwecke mit FTP-Programmen extra mal einen Webspace bei Funpic eingerichtet.
    Ich werd gleich mal mit der Forensuche nach den Zugangsdaten gucken.

    Was das CSS lernen angeht, kann man nicht sagen, wie lange es dauert es zu lernen.
    Wenn du anfängst CSS zu gebrauchen, wirst du erstmal nur einfache Angaben brauchen, wie sie sicher auch auf <!-- w --><a class="postlink" href="http://www.html-seminar.de">https://www.html-seminar.de</a><!-- w --> zu finden sind.
    Später wirst du ein breiteres Repertoir an CSS-Befehlen brauchen und dich auch auf Seiten umsehen, die sich extra mit CSS befassen, wie <!-- w --><a class="postlink" href="http://www.css4you.de">http://www.css4you.de</a><!-- w --> oder alternativ auch <!-- w --><a class="postlink" href="http://www.selfhtml.de">http://www.selfhtml.de</a><!-- w -->.
    Wenn du von anderen Seiten den Quellcode durchliest, wirst du auch immer neuere und bessere Methoden in der Anwendung von CSS finden.
    Selbst ich kenne sicher längst nicht alle Befehle, geschweige denn, dass ich sie sinnvoll einsetzen bzw anwenden kann.
    Der sichere Umgang mit CSS kommt also mit der Zeit.
    So wie es sich anhört, hast du auch mit dem CSS-Syntax ein paar Problemchen, aber der ist schnell erklärt:
    Du hast in deiner HTML-Datei ein Element, wie ein Bild <img>, dem du einen speziellen Namen mittels <img id="titelbild"> zuordnest.
    Dann kannst, mit Hilfe dieses Namen, das Element in CSS ansteuern, indem du im CSS-Abschnitt deiner Datei (wird auf der Hauptseite auch alles erklärt) notierst:

    Code
    #titelbild{
border: 1px solid  #000;
width: 200px;
height: 400px;
}


    Die Raute (#) ist dabei das Zeichen, dass stehen muss, wenn du eine ID für das Element benutzt. Du kannst auch in der ersten CSS-Zeile nur schreiben img; damit würden alle Bilder deiner HTML-Datei mit den darunterstehenden Eigenschaften belegt werden.
    Womit wir auch beim 2. wären - den Eigenschaften.
    Nachdem du nun die CSS-Titelzeile geschrieben hast, die definiert, welche Elemente alles durch die Angaben formatiert werden, kommt eine geschwungene Klammer ( AltGr+7 ), die den Bereich der Eigenschaften einleitet und eine geschwungene schließende Klammer ( AltGr+0 ), die den Bereich wieder beendet.
    Die Eigenschaften sind wie folgt aufgebaut:
    Eigenschafts-Typ: Wert;
    Nach jedem Typ kommt ein Doppelpunkt und nach dem passenden Wert ein Semikolon, nach dem weitere Eigenschaften folgen können.
    Am Ende wie schon gesagt wieder die Klammer.
    Jeder Eigenschaftstyp hat seine speziellen Werte.
    Breite und Höhe zB können in Pixlen oder Centimetern angegeben werden. Für andere gibt es bestimmte andere Begriffe wie zB:
    text-decoration: underline;
    Damit wird er bestimmter Text (würde bei Bildern wenig Sinn machen) unterstrichen.
    Andere Werte für das Attribut text-decoration wären overline, none oder irgendeins, damit es durchgestrichen wird. Da man durchgestrichenes wenig braucht, weiß ich den Wert jetzt selbst nicht, könnte ihn aber innerhalb von Sekunden via Google nachschlagen.

    Es ist also alles eine Frage der Übung, mit CSS korrekt und sinnvoll umzugehen. Und je mehr du es benützt, desto mehr wirst du merken, dass es dir immer leichter fällt es richtig und gewinnbringend (was den Schreibaufwand betrifft) anzuwenden.


    Ich hoffe der kleine Einblick in CSS konnte dir etwas weiterhlefen.
    Arbeite dir am besten einfach die CSS-Kapitel, oder noch besser den gesamten Inhalt von <!-- w --><a class="postlink" href="http://www.html-seminar.de">https://www.html-seminar.de</a><!-- w --> durch und du wirst merken, dass CSS alles andere als schwer ist ^^ :D

  • css abschnitt3 variante 3 geht nicht

    Offenbar ist bei dir in den Windowseinstellungen die Anzeige von Dateiendungen (wie .css, .htm, etc.) deaktiviert.
    Das bedeutet,dass Windows anstelle von design.css einfach nur design anzeigt. Du wolltest nun deine Datei design.css nennen. Da Windows bei dir aber die Dateiendung ausblendet, würde bei design.css einfach nur design angezeigt werden. Also hast du es so eingerichtet, dass auch wirklich design.css angezeigt wird, indem du die Datei design.css.css genannt hast. Dabei ist dann nur das fettgeschriebene die Dateiendung. Der rest gehört zum eigentlichen Dateinamen.
    Somit hast du auch zu einer falschen Datei verlinkt, wenn du auf design.css referenziert hast.

    Um das Anzeigen der Dateiendungen wieder zu aktivieren, musst du einfach einen beliebigen Ordner nehmen und oben unter "Extras" im Dropdown-Menü den letzten Punkt "Ordneroptionen..." auswählen. Dann auf die Kartei "Anzeige" wechseln und das 5. Häkchen bei "Erweiterungen bei bekannten Dateitypen ausblenden" entfernen. :)

  • webspace-kostenlos.com

    Ich versteh nicht ganz, wo das Problem liegt...
    Mit 'Verzeichnis erstellen', kannst du irgendwo ein Verzeichnis (also einen Ordner) erstellen. Was denkst du, kann man dann mit der Schaltfläche 'Datei erstellen' erstellen? Das erste Kästchen ist für den Dateinamen (also zB index) und das zweite nach dem . ist für die Dateiendung (also zB htm).


    Zitat

    Bitte loggen Sie sich in Ihren Account ein und ersetzen die Datei Index.html mit Ihrer Startseite. Vesrteh ich nid :O

    Bedeutet:
    Du loggst dich mit deinen Daten ein und ersetzt die bestehende index.htm Datei.
    Kleine Unterrichtsstunde:
    Wenn du im Internet eine Seite aufrufst, wirst du normalerweise einfach nur mit einem einfachen Ordner verlinkt. So, als wenn du "Eigene Dateien" öffnen würdest.
    Nun ist es aber so eingestellt, dass dein Browser (Internet Explorer, Opera, etc.) automatisch zuerst in diesem Ordner(=Verzeichnis) nach der Datei index.htm (alternativ auch welcome.htm, was allerdings sehr unüblich ist) sucht und diese öffnet, wenn er sie findet. Wenn er sie nicht findet, wird einfach der Ordner mit seinen Dateien und Unterordnern angezeigt, genauso wie in "Eigene Dateien" zum Beispiel die Datei bild.jpg und der Unterordner "Eigene Bilder" angezeigt werden.

    Der Schriftzug Bitte loggen Sie sich in Ihren Account ein und ersetzen die Datei Index.html mit Ihrer Startseite., ist also in einer index.htm Seite geschrieben, die geöffnet wird, sobald du deine Domain im Browser eingibst und dein Hauptordner angesprungen wird. Wenn du mal in der Adresszeile nachschaust, dürftest du auch sehen, dass die Datei, die du gerade siehst (immer das, was nach dem letzten / steht) index.htm heißt. Sollte das nicht der Fall sein, kann ich dir auch ein anschauliches Beispiel zeigen ^^
    Da du nun weißt, dass die Datei mit dem Schriftzug, den du siehst, wenn du deine Domain aufrufst, eine index.htm (also eine "Startseite") ist.
    Jetzt ergibt (hoffe ich) für dich auch der Satz an sich Sinn.
    Du sollst also die bereits vorhandene index.htm (mit dem Schriftzug ^^) löschen und deine eigene, von dir selbst geschriebene, einfügen.
    Damit wird, wenn du dann deine Domain aufrufst wieder die index.htm geöffnet. Nur ebend, dass dann da zB "Hi, und willkommen auf Chaosgöttins Seite!" steht.


    So, ich hoffe ich hab nu nix vergessen und du hast alles kapiert, und bist jetzt schlauer ^^
    Sollte dennoch was unklar sein, bin ich für Fragen immer offen :D

  • Coding tut...

    Wenn du eine Internetseite via HTMl selbst coden willst, kann ich dir <!-- w --><a class="postlink" href="http://www.html-seminar.de">https://www.html-seminar.de</a><!-- w --> empfehlen...
    Dein Template aus Photoshop kannst du glaube irgendwie mit Imageready in HTML übertragen lassen, aber da kann dir jemand in einem Photoshop-spezifischen Forum bestimmt besser aushelfen als ich ^^
    Ratsam ist es aber es selbst zu schreiben.
    Es macht erstens mehr Spaß, du hast keine nervigen Fehler, die ein Programm dir produziert und du kannst am Ende sagen, dass du es selbst gemacht hast :)

  • webspace-kostenlos.com

    Ob Bilder, Musik, oder Textdateien, wie zB HTML-Dateien, ist egal. Da kann man normalerweise alles hochladen, was man will.
    Genauso ebend auch sein fertiges Webseiten-Projekt.

    Nachdem, was ich da aus der Startseite herauslesen kann, brauchst du auch noch nichmal ein extra FTP-Programm zum hochladen deiner Dateien, sondern kannst das direkt über den Browser machen.

  • Webspace gesucht!!!

    Ich empfehle dir Lima-City (<!-- m --><a class="postlink" href="http://www.lima-city.de/">http://www.lima-city.de/</a><!-- m -->)

    1. kostenlos
    2. ohne Popups oder Werbung
    3. FTP-Zugang (wenn auch über ein paar Umwege)
    4. kA...
    5. gibts über NIC
    6. kann man per PHP verhindern. PHP ist auf den Servern natürlich installiert. Du hast außerdem auch ne MySQL 5 Datenbank.

  • Gesamte Webseite in die Mitte schieben

    Hast du die Seite nach Pixelabständen zum Außenrand ausgerichtet?
    Wenn ja, kannst du einfach um alles sichtbare ein dickes Fettes <center>-Tag machen, oder noch besser (da <center> eigentlich als deprecated gilt) ein Div um alles herum mit den Eigenschaften: style="margin-left: auto; margin-right: auto;". Das zentriert das Div samt Inhalt auch schön in der Mitte. :)

  • Was ist ein Verzeichnis und wie richt ich es ein?

    Wenn das Bild sonnenuntergang.jpg bei dir im Ordner header liegt, musst du den Pfad ganz einfach so angeben, wie du es schon geschrieben hast.
    Das / ist auch richtig. Am besten du benutzt auch immer das / (Shift+7). Windows glaube macht auch manchmal ein \ (backslash),was aber nicht so empfehlenswert ist.

    Den Pfad von eigenen Bildern absolut anzugeben ist nich so gut, weil du das Bild dann nur verwenden kannst, wenn die Seite auch genau unter der zu erreichen ist und nicht zB unter <!-- w --><a class="postlink" href="http://www.seitenname2.de">http://www.seitenname2.de</a><!-- w -->.
    Ab besten also einfach immer schön relativ zu der Datei angeben, die auf das Bild zugreift :)

  • Hilfe....kenn mich nicht aus :)

    Hi,
    also am besten geht es, wenn du einfach den Event-Handler onClick verwendest:

    Code
    <input type="button" value="Klick mich!" onClick="self.location.href='http://www.google.de'" />

    self.location.href ist hierbei Javascript-Code. Achten musst du dabei auch darauf, die Zieladresse nicht in " sondern nur in ' zu schreiben.

  • Ausrichten des Textes

    Am besten du machst das über position: absolute;.
    Wenn du nich genau weißt, wie das geht: hier hab ichs gerade erst aufgeschrieben: <!-- m --><a class="postlink" href="http://www.html-seminar.de/_forum/viewtopic.php?t=1052">https://www.html-seminar.de/_forum/viewtopic.php?t=1052</a><!-- m -->

    Desweiteren solltest du beachten ( :) :(

    1. Div sind Elemente, die andere Elemente zu einer "Elementgruppe" zusammenfassen. Anstelle deiner <div id="menufront"> sind also eher <span id="menufront"> angemessen.
    Da du in einem Div mit der id "menuback" aber sowieso nur Links hast, kannst du dir das ganze aber auch sparen und im CSS nur notieren:
    #menuback a { }
    Somit werden zwar alle Links angesprochen, sie müssen aber die Bedingung erfüllen in einem übergeordneten Element mit der ID="menuback" zu stehen.
    Alternativ kannst du auch die id="menufront" für die Links selbst definieren.
    Letztere beiden Punkte (ab dem Punkt, wo ich gesagt hab, dass du die Spans nich brauchst), entfallen vielleicht, wenn du vorhast um die Links noch ein extra Feldchen zu machen.
    Die Divs sind deswegen aber trotzdem fehl am Platze. Um schön sauberes HTML zu schreiben, also besser auf Span zurückgreifen ;)


    2. Laut der Referenz in deinem Quellcode heißt CSS-Datei Mainstyle.css. Dabei musst du darauf achten, dass die Datei in Wirklichkeit auch Mainstyle.css mit einem großen M heißt.
    Windows macht zw. Groß- und Kleinschreibung zwar keinen Unterschied; erstmal auf den Webspace geladen werden die Differenzierungen aber sichtbar.
    Allgemein verzichtet man beim Festlegen von Dateinamen in Internet aber auf Großbuchstaben und schreibt gundsätzlich alles klein.
    Wie du das am Ende selbst machst, bleibt dir auch selbst überlassen; Es ist nur ratsam alles einheitlich zu machen und mit einer durchgänigen Kleinschreibung Fehlerquellen zu umgehen.


    3. <center> ist deprecated ^^ *klugscheiss*
    d.h.: das Tag ist nichtmehr Teil der HTML-Sprachlexik.
    Besser solltest du es so lösen:
    <img style="magin-left: auto; margin-right: auto;" .... />
    <center> funktioniert deswegen aber trotzdem einwandfrei. Ich wollt an der Stelle nurnochmal draufhinweisen :)


    4. Das Slash ( / ) bei <img />, <br /> oder <hr /> ist notwendig oder ratsam, um sogenannte Standalone-Tags auszuzeichen (solche haben kein schließendes Tag, so wie <body> das Schließ-Tag </body> hat). In HTML ist dies eigentlich nicht notwendig; dafür aber umsomehr in xHTML. Wenn du aber eine Doctype-Declaration von HTML verwendest und auch sonst nicht auf die besonderheiten von xHTML eingehst, erübrigt sich diese Schreibweise mit dem Slash also eigentlich.
    Ich selbst bin aber auch noch nicht so ganz auf xHTML umgestiegen und schreib schon seit jeher das Slash mit.
    Darauf hinweisen wollte ich dich nur, weil bei deinen <hr> das Slash an der falschen Stelle ist. Egal ob du bei einem Standalone-Tag Eigenschaften hinzufügst, das Slash kommt, genau wie bei deinem <img>-Tag, immer ans Ende :).


    Das wars soweit erstmal, was ich an Fehlern gefunden hab ^^
    Ein kleiner Tipp nur noch:
    Wenn du eine farbige Trennlinie machen willst, erstellst du am besten ein Span oder Div, setzt height auf 1 oder 2 Pixel und ordnest ihm einen border-bottom: 1px solid #00F; zu :)
    Das sollte am besten klappen.


    Frohes HTMLen und CSSen noch :D

  • Grafik über Grafik

    Um Elemente übereinander zu legen, musst du am besten ihre Position am Bildschirm explizit angeben.
    Das geht mit den CSS-Angaben:
    position
    top
    left
    right
    bottom
    Mit position kannstdu festlegen, wie dein Element positioniert werden soll. Du hast dabei die Auswahl zwischen relative (also position: relative;) und absolute (also position: absolute;).
    Mit den Eigenschaften top, left, right und bottom kannst du den Seitenabstand deines Elementes in Pixel angeben.
    Wenn du vorher position: absolute; definiert hast, ist dein Element dann X Pixel vom Bildschirmrand entfernt. Bei position: relative; werden die Pixel gezählt, ab der Stelle, an der das Element stehen würde, wenn du keine weiteren Eigenschaften zuordnen würdest (ich persönlich brauche realtive eigentlich nie).

    Ein Beispiel:
    <div style="position: absolute; top: 100px; left: 250px; border: 1px solid #000;">Hallo. Ich bin ein Div und ich bin 100 Pixel vom oberen und 250 Pixel vom linken Bildschirmrand entfernt.</div>

    Sinnvoll ist es natürlich, wie im Beispiel, immer nur jeweils eine Eigenschaft für x- und y-Ausrichtung anzugeben.
    Entweder also bottom und left, bottom und right, top und left oder top und right.


    Wie du nun 2 Elemente übereinanderlegen willst, sollte sich damit von selbst erklären:
    Du stellst einfach für beide Elemente den gleichen absoluten Außenabstand an.


    Ich hoffe das beantwortet all deine Fragen.
    Sollte dennoch was unklar sein, beantworte ich gerne alles :D

  • popup-fenster bei mouseover

    Mach am besten mal "this.style.backgroundColor='#" . HELLEHINTERGRUNDFARBE . "';this.style.cursor='" . $cursor . " als CSS und abeite dann einfach mit dem Event-Hanlder onMouseover.
    Sollte funktionieren.


    Tut mir Leid für die späte Antwort aber iwie werden bei mir in der Forenübersicht die Zettelsymbole nich mehr orange angezeigt, wenn es neue Posts gibt... :(