Beiträge von Enrico

    Hallo Sören, hallo Laura,


    danke für eure Tipps. Ich vermute mal, dass die Browsereinstellung der entscheidende Hinweis gewesen sein wird, denn die die anderen Sachen hatte ich eigentlich schon ausprobiert. Ich gehe das aber nochmal systematisch an, um zu lernen, zu lernen und zu ... :)


    Ich wünsche euch ein schönes Wochenende!


    Danke und Gruß
    Enrico

    Hallo Laura,


    schon wieder ich. Bevor ich zumnächsten Lernpunkt gehen kann, müsste ich irgendwie folgendes Problem knacken.
    Ich habe schon alles ausprobiert, was mir eingefallen ist. Vielleicht könntest du mir einen Tipp geben? Es geht um den Bereich navi.


    In der index-Datei sieht es so aus:


    <body>
    <div class="seitenbereich">


    <div class="kopfzeile">
    XXXX
    </div>


    <div id="navi">
    <ul>
    <li><a href="ccc.htm">Konzept</a></li>
    <li><a href="abc.htm">Corporate Identity</a></li>
    <li><a href="name.htm">Ueber mich</a></li>
    <li><a href="impressum.htm">Impressum</a></li>
    </ul>
    </div>


    <div class="inhalt1">
    Test, Test, Test, Test, Test, Test, Test, Test
    </div>


    <div class="fusszeile">
    Kontakt
    </div>


    </div>


    </body>
    </html>


    In der style.css Datei sieht es so aus:


    body {
    text-align: center; /* Zentrierung IE */
    }


    .seitenbereich {
    text-align:left; /* Inhalt wieder links */
    margin: 0 auto; /* Zentrierung mitte */
    width: 780px;
    background-color:white;
    }


    .kopfzeile {
    font-family: tahoma, sans serif;
    font-size: 3em;
    background-color: lightskyblue;
    }


    .fusszeile {
    clear: both;
    font-family: tahoma, sans serif;
    font-size: 0,5em;
    background-color: lightskyblue;
    }


    #navi {
    background-color:pink;
    text-align:left;
    font-family: tahoma, sans serif;
    font-size: 1em;
    width:10%;
    height:400px;
    padding: 5px;
    float: left;
    }


    #navi ul {
    list-style:none; /* keine Aufzählungspunkte */
    }

    .inhalt1 {
    font-family: tahoma, sans serif;
    font-size: 2em;
    margin-left: 15%;
    height:400px;
    padding: 10px;
    border:1px black dashed;
    }


    Das Ergebnis ist so wie ich es möchte, außer im Navibereich. Hier bekomme ich es nicht hin, dass der Text am linken Rand des pinken Kastens
    beginnt. Egal, was ich ändere. Der Text-Abstand nach links bleibt immer gleich groß ...
    Woran könnte das liegen?


    Fragt eine HTM-Suchnase in München
    Gruß
    Enrico

    Vielen Dank an den Käfer und an den Drachen ;)


    Danke für eure Antworten, die mir BEIDE geholfen haben. Denn tatsächlich versteckten sich (so muss man es wohl nennen) zwei Fragen in meinem Beitrag.
    Die allgemeinere zur class-Verwendung und die speziellere für das Textmarkersetzen.


    Gruß
    Enrico

    Hallo Laura,


    ich kämpfe mich gerade durch class, id, div und span. Ist noch recht mühselig :)


    Dabei ist mir folgendes Problem aufgefallen: Bei diesem Beispiel wird das class-CSS-Merkmal im Zusammenhang mit dem HTML-Tag strong vergeben.
    Das Ergebnis ist ein gefetteter und zusätzlich gelb markierter Text.


    Frage:
    Kann ich das class-Merkmal tatsächlich immer nur in Zusammenhang mit einem HTML-Tag vergeben?
    Und in meinem Beispiel: Entweder ich markiere gelb oder ich fett. Wenn ich nur markieren will, eignet sich nicht
    das class-Merkmal richtig?


    <style type="text/css">
    <!--
    .textmarkergelb {
    background-color:yellow;
    }
    .textmarkerrot {
    background-color:red;
    }
    -->
    </style>


    im Beispiel wird diese
    <strong class="textmarkergelb">Stelle im Text</strong>
    mit einer Art
    <strong class="textmarkerrot">Textmarker</strong>
    hervorgehoben.

    Gruß aus dem siedend heißen München
    Enrico

    Wow, danke! Das wird sicher klappen. Den HTML-Editor Scriptly hatte ich mir schon heruntergeladen. Wollte die Übungen aber alle noch mit dem einfachen Editor machen ...


    Danke nochmals für deine schnelle Unterstützung.


    Gruß aus München
    Enrico

    Hallo Laura,


    vielen Dank für die schnelle Antwort. Ich hatte diese Fehlerquelle schon vermutet und deshalb das Datei-Format mit angegeben :)
    Allerdings habe ich auch noch Probleme mit dem Umbennen. Wenn ich das im Büro mit den Datein mache, ist das kein Problem.
    Hier zu Hause bei Vista lässt sich aber nur der Name, nicht die Endung überschreiben ... Ich müsste eines der vorgeschlagenen Programme nehmen, aber da ist CSS nicht dabei. Muss ich es dafür "herunterladen"? Oder gibt es vielleicht einen anderen Trick?


    Enrico

    ... dann: Seit zwei Tagen arbeite ich mich mit sehr viel Freude durch das HTML-Seminar. Vielen Dank für diese tolle Webseite.


    Inzwischen bin ich beim Thema CSS angekommen und erstmals auf ein Problem. Ich habe mit meinem Kenntnisstand schon alles versucht, finde aber den Fehler nicht.
    Es geht um die 3. Variante der Nutzung CSS-Befehle. Ich habe den Link in einer Datei und in der der anderen Design.Datei den Befehl. Aber die Text-Seite scheint den Befehl nicht wahrzunehmen.


    Was kann ich noch tun? Wo könnte der Fehler stecken?
    Wäre klasse, wenn jemand einen Tipp für mich hätte.


    Gruß


    In der Text-Datei TestII (htm) befindet sich folgender Inhalt:


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">


    <head>


    <link href="design.css" type="text/css" rel="stylesheet" />


    <title>Erfolgreicher testen</title>


    </head>


    <body>


    <p>
    Bei dieser Seite befinden sich die CSS-Codes in einer Extra-Datei.
    </p>


    <h1>
    Herzlich willkommen auf
    meiner Test-Seite
    </h1>


    <h2>
    Enricos Tests
    </h2>


    <h2 id="eindeutigername" class="farberot">
    Enricos Tests
    </h2>


    <p>
    Hier finden
    Sie meine erste Homepage zum
    Lernen von HTML vom KURS <!-- m --><a class="postlink" href="http://www.html-seminar.de">http://www.html-seminar.de</a><!-- m -->
    </p>


    Auf der Design-Seite design.css (htm) befindet sich dieser Inhalt:


    h2 {
    color:red;
    letter-spacing:30px;
    }