CSS Stylesheet

    Ich möchte ein CSS Stylesheet erstellen, bei dem mehrere Bilder genau an einem Ort platziert sind
    (wenn möglich dass sie bei jeder auflösung am selben ort sind, also nicht mit pixel definiert)


    Mein Problem ist das Bild, der an der oberen rechten Ecke ausgerichtet werden soll...


    da im CSS Stylesheet alle Bilder von dem vorhergehigen abhängig sind, kann ich alle entweder oben links oder alle oben rechts ausrichten...


    Meine Version sieht so aus:


    #1 {z-index=0; position:absolute; top:0cm; left:0cm}
    #2 {z-index=0; position:absolute; top:0cm; right:0cm}
    #3 {z-index=0; position:absolute; top:xcm; left:ycm}
    .
    .
    .


    Das Ziel ist dass die Bilder wie in der Skizze ausgerichtet sind (orangene Punkt)


    SKIZZE


    PS: Ich bin ein Anfänger in der Programmiereung

    Zitat

    wenn möglich dass sie bei jeder auflösung am selben ort sind, also nicht mit pixel definiert


    Das tust du aber schon indem du cm-Werte definierst ;)



    Rechts ausrichten scheints du es doch auch schon zu tun: right:0cm


    CSS kann natürlich nicht rechnen. Also du kannst nicht sagen, es soll die Position RECHTS minus WIDTH rechnen oder ähnliche Operationen machen. Das ginge nur mit JavaScript.

    warum nicht tabellen ??

    Let's mod something !
    Intel Core i7 12700K - Asus PRIME Z690-A - Kingston FURY Renegade 6000 MHz 2x 16 GB - MSI GeForce RTX 3090 GAMING X TRIO -
    be quiet! Silent Base 800 - Pure Rock CPU Cooler - System Power 8

    geschmackssache...

    Let's mod something !
    Intel Core i7 12700K - Asus PRIME Z690-A - Kingston FURY Renegade 6000 MHz 2x 16 GB - MSI GeForce RTX 3090 GAMING X TRIO -
    be quiet! Silent Base 800 - Pure Rock CPU Cooler - System Power 8

    inhalt mit html, formattierung mit css --> da haben tabellen keinen platz ;)


    ganto


    "Computer games don't affect kids, I mean if Pacman affected us as kids, we'd all run around in a darkened room munching pills and listening to repetitive music."


    Kristian Wilson

    inhalt mim php, style mit css und das alles in tabellen...

    Let's mod something !
    Intel Core i7 12700K - Asus PRIME Z690-A - Kingston FURY Renegade 6000 MHz 2x 16 GB - MSI GeForce RTX 3090 GAMING X TRIO -
    be quiet! Silent Base 800 - Pure Rock CPU Cooler - System Power 8

    Zitat

    Original von melloman
    inhalt mim php, style mit css und das alles in tabellen...


    Tabellen sind nicht für Design definiert, sie werden dafür aber leider meistens missbraucht da es für viele einfacher erscheint...


    Wenn man aber wirklich mal mit CSS gearbeitet hat merkt man die stärke und die Vorteile von CSS, schau dir z.b. diese Page an: http://www.x-page.ch/michael/c…den/zengarden-sample.html diese ist vollständig nur mit CSS gemacht.
    CSS File: http://www.x-page.ch/michael/csszengarden/catsleep.css
    HTML File: http://www.csszengarden.com/zengarden-sample.html


    Hier einige Pages die CSS erklähren:


    http://www.webwriting-magazin.…hts/csstutorial/tut1.html
    http://www.webwriting-magazin.de/sogehts/cssebenen.shtml
    http://www.css4you.de/
    http://css.fractatulum.net/index.htm
    http://csszengarden.com/


    das Problem dass ich habe ist, dass wenn ich das eine rechts ausrichte { right:0cm;}, dass die darauffolgenden immer auch nach diesem ausgerichtet werden (also auch rechts, auch wenn ich {left:0cm;} angebe.
    Der erste Wert wird also an den daraufolgenden "vereerbt"

    ich habe jetzt fast alles positionieren können:


    (Die Texte und Schriften sind natürlich noch nicht formatiert und die Grafiken dienen nur als Platzhalter)


    CSS Version


    Mein Problem ist, dass es nur im IE richtig angezeigt wird...
    Firefox stellt es so dar, als gäbe es das CSS file nicht



    CSS FILE

    du hast das CSS extern denke ich mal? kopiere mal probehalber den ganzen inhalt ins html-file innerhalb des <head>-tags.


    etwa so:


    Code
    1. <style type="text/css">
    4. .......inhalt vom css-file........
    7. </style>


    dann sollte es das ganze richtig anzeigen. Firefox hat irgendwie andere prioritäten als z.b. IE zwecks internen und externen style-sheets. FF kann echt mühsam sein für webpage-bastler :evil


    falls jemand weiss, wie man externe css-sheets am besten verlinkt, auch für Firefox soll doch das bitte sagen. würde mich auch noch sehr interessieren.

    Ich habe den Fehler gefunden...


    Die Namen der Container dürfen in CSS nicht mit einer Zahl beginnen.


    ich habe also die #1, #2, #3 in meinem CSS file geändert in buchstaben, nun geht es...

    Zitat

    Original von _XP_
    Ich habe den Fehler gefunden...


    Die Namen der Container dürfen in CSS nicht mit einer Zahl beginnen.


    ich habe also die #1, #2, #3 in meinem CSS file geändert in buchstaben, nun geht es...


    :stupid:rolleyes

    Zitat

    Original von Schnitzel


    :stupid:rolleyes


    und was genau soll das jetzt bedeuten? Willst du ihn als doof hinstellen?

    Life is a bitch! And then you marry one!

    ich habe nochmals eine Frage (auch wenn es eigentlich nichts mit diesem Thread zu tun hat)



    kennt jemand ein Script, bei dem bei "onmouseover" der entsprechende Text (nicht Link!) unterstrichen wird?