Beiträge von thilda

    Das ist ja schonmal ein sehr schönes Projekt.
    Werde mich da gleich mal einlesen und weiteschaun.

    Aber ich habe schon grob gelesen das nur ein Screenshot gemacht wird.
    nun besteht ja so eine Webseite nicht nur aus der Startseite.

    Bleibt also die Frage offen:
    Kann ich das auch in einem groben Rahmen an meinem Compter daheim testen/realisieren?

    Hallo,
    da es ja eine sehr große anzahl an browsern und auch beutzeroberflächen gibt ist leider nicht ganz auszuschließen das es gelegentlich mal ein paar Darstellungsprobleme beider erstellten Website gibt.

    Nun ist die Frage, wie kann ich das herausfinden ohne mir jetzt einen MAC zu kaufen, und vielleicht noch ein paar viele verschiedene Betreibssysteme auf meiner viel zu kleinen Festplatte zu installieren.

    Alleine schon der IE hat mit version 5.5 immer noch einen gewissen Anteil im Netz. Dann gibt es zich versionen von von IE, Opera, FireFox, Netzcape, ...

    Wie kann ich mit einem Betriebssytem einen Großteil der Browser durchtesten und das ohne jede version neu installieren zu müssen und dann wieder deinstallieren zu müssen... ?

    Ich hoffe ihr versteht worauf ich hinaus möchte.
    Vielen Dank schonmal
    thilda

    bgcolor ist im übrigen auch mit css schön zu ersetzen...

    Zum eigentlichen:
    So, sagst das du ein Bild einbinden möchtest.
    Das geht über den <img>-Tag
    Also:

    Code
    <img src="et490.png" alt="Das Bild xyz">

    Um das ganze als Verlinkung zu gestalten hast du es ja einen Post vorher schon stehen.
    Wünsche dir viel erfolg und weiterhin jede menge Spass.
    Bis bald

    @ jojo87

    Und ich dachte das du ihm jetzt was -schönes- schreibst.
    Aber dein Tabellen-dings sieht ja (quellcode-mäßig) nicht sehr schön aus.

    Dabei steht doch für das Forum extra das Thema "HTML, XHTML & CSS (Cascading Style Sheets)" ...

    naja. aber es funzt oder :/

    Also ich habe es auch mal ausprobiert.
    Nicht genug um einen event. Fehler zu finden aber wenn es einmal zerschossen ist dann bleibt es so.

    kleine Anmerkung. es muss:

    Code
    target="_self"

    Heißen.

    Und noch ein weitere kleiner satzt der vielleicht zum nachdenken anregt.

    Zitat von www.de.selfhtml.org


    Beachten Sie:

    Anstelle von target="_blank" können Sie auch target="Halligalli" oder sonst irgendeinen Unsinn notieren. Wenn es kein Fenster mit diesem Namen gibt, öffnen die Web-Browser das Verweisziel in einem neuen Browser-Fenster.


    Ansonsten, ein hover einzubinden... Da gibt es nicht viel zu lernen. Ist ganz einfach, das packst du ganz schnell.

    Du kannst auch einfach ein

    Code
    li ul {
    ...
    }

    drauß machen. Im grunde besagts du ja nur welches element in welchem elternelement du ansprechen willst.
    Da ist an sich kein großer Zauber dabei...

    Also wenn du uns das anbieten möchtest dann benutze doch bitte die Code-Funktion.

    Ausserdem sehe ich jetzt schon das es keine ganze HTML-datei ist da Doctype und html,head,title,body-tags fehlen.

    noch dazu kommt das tausendmal der Tag <style> auf und zu gemacht wird und mal groß und mal klein geschrieben wird.

    Also bitte erstmal in eine ordentliche Form bringen mit reichlich Zeilenumbrüchen und dann schaun wir weiter.
    Vielen Dank

    Zu erst einmal werden die Listen verschachtelt.

    Dann wird das Untermenu, der Barrierefreiheit halber, aus dem Bildbereich Positioniert. Es geht aber auch ein display: none;

    Mit hover wird dann das ganze einfach eingeblendet.

    Code
    li ul:hover {
    -anweisung-
    }

    Im Buch CSS-Praxis wird das wie folgt gelöst.
    Das zum ausblenden des Untermenüs:

    Code
    li ul {
    position: absolute;
    left: -999em;
    [COLOR=Silver]margin: left: 11.05em;/*individuelle angabe*/
    margin-top: -2.35em;[/COLOR][COLOR=Silver]/*individuelle angabe*/[/COLOR]
    }

    Und hier wird es wieder eingeblendet:

    Code
    li:hover ul, li.iehover ul { [COLOR=Silver]/*das iehover ist eine extra javascript hover-classe für den ie weil der das nich richtig kann*/[/COLOR]
    left: auto;
    }

    Also das sind 0.1em die dich derzeit von deinem glück trennen. Da würde ich mir erstmal keinen Kopf drum machen.

    Ausserdem, wenn du das 0.1em in deinem zweiten ul unterbringst, hast du alles bei alten und es funktioniert sogar.

    Also, doch padding, nur an der richtigen Stelle.

    So, vielleicht habe ich es ja. Das hättest du aber auch selber machen können. Ich habe es einfach mit der version von Selfhtml verglichen da du es ja scheinbar da her hast.
    Fiel mir nur auf weil du das Bsp im css-praxis Forum weitergegeben hast.

    Des Rätsels Lösung ist einfach.
    Der Abstand zwischen den einzelnen Listen war "zu groß".

    Hier dein alter Codeschnippsel:

    Code
    ul#test li ul {
            margin:0em;
            padding:0em;
            position:absolute;
            [B]top:2.1em;[/B]
            left:-0.2em;
            display:none;
        }

    Und hier das Angepaste:

    Code
    ul#test li ul {
            margin:0em;
            padding:0em;
            position:absolute;
            [B]top:2em;[/B]
            left:-0.2em;
            display: none;
        }

    Das sollte ja kein Problem sein.

    Hier nochmal das abgeänderte Model

    Was ich mir noch als problem vorstellen könnte ist das du ja eine eigene Struktur, also ein eigenständiges HTML-File "einbinden" möchtest. aber wie gesagt davon hab ich reichlich wenig ahnung wie das bei ebay läuft.

    Mein Vorschlag den ich dir machen kann ist der hier:

    Anregungen oder sonstiges nehme ich gerne entgegen, besonders für das 'Problem' bei der vertikalen Textausrichtung in der Liste

    Nein, die eigentliche Aussage war das du an stelle von den ganzen anderen Margin-Angaben (margin-top, margin-bottom, ...) einfach eine zusammenfassung machen sollst.
    Da einiege Browser zb bropbele damit haben können und das auch unnötig viel schreibkram ist.

    Also fasst man alle befehle in einem zusammen und zwar mit margin: 1px; in deinem Bsp.
    Damit wird für alle Bereiche (top, right, bottom, right), in dieser Reihenfolge, ein abstand gesetzt.
    Die erweiterte Version davon wäre zb margin: 0 1px 2px 3px;
    Dabei gelten wieder die zuweisungsbereiche wie ein paar Zeilen weiter oben in der Klammer.

    Hoffe das konnte helfen...