Kommentare zu: CSS Einsteiger Tutorial #2 https://www.normansblog.de/css-beginner-tutorial-2/ News über CSS, jQuery, Firefox und andere Browser sowie aktuelle Kinofilme. Wed, 13 Jan 2016 13:31:18 +0000 hourly 1 http://wordpress.org/?v=3.1.4 Von: Kaloeffel https://www.normansblog.de/css-beginner-tutorial-2/#comment-44 Kaloeffel Wed, 25 Feb 2009 14:59:27 +0000 http://www.normansblog.de/?p=344#comment-44 Da liegt ja das Problem: alles was nicht absolut ist zerhaut mir die Seite. Und ich glaube, wenn ich mit "display: none;" arbeite, müsste ich gezwungenermaßen gleich Java Script mit nehmen. Oder gibt es eine Möglichkeit per CSS beim hover des einen, Parameter für den anderen zu setzen? Java Script weglassen war ja mein Ziel dabei. Die etlichen JS-Bildergalerien, Bildvorschauen, etc kenne ich ja bereits. Ob ich die Bilder da jetzt mit 800x850 oder kleiner oder größer als Vorschau nehme ist ja im Grunde eine Sache des Contents. Außerdem ist es ja nur eine Test-Seite :P Naja, wenn es mit dem Absolute nichts wird, kann ich es auch lassen. Ich habe es eh nur als Zeitvertreib gebastelt. Da liegt ja das Problem: alles was nicht absolut ist zerhaut mir die Seite. Und ich glaube, wenn ich mit “display: none;” arbeite, müsste ich gezwungenermaßen gleich Java Script mit nehmen. Oder gibt es eine Möglichkeit per CSS beim hover des einen, Parameter für den anderen zu setzen?
Java Script weglassen war ja mein Ziel dabei. Die etlichen JS-Bildergalerien, Bildvorschauen, etc kenne ich ja bereits.
Ob ich die Bilder da jetzt mit 800×850 oder kleiner oder größer als Vorschau nehme ist ja im Grunde eine Sache des Contents. Außerdem ist es ja nur eine Test-Seite :P
Naja, wenn es mit dem Absolute nichts wird, kann ich es auch lassen. Ich habe es eh nur als Zeitvertreib gebastelt.

]]> Von: Norman https://www.normansblog.de/css-beginner-tutorial-2/#comment-43 Norman Tue, 24 Feb 2009 19:52:56 +0000 http://www.normansblog.de/?p=344#comment-43 das ist ja genau das, was man mit position absolut nicht machen möchte.. deswegen ja "absolute". du kannst das ganze mal mit "relative" probieren.. da verschiebst du dann nur das bild relativ von seiner eigentlichen position weg. am einfachsten ist es aber vllt, wenn du dir eine art box baust, die absolut über die seite angezeigt wird und zwar nur dann, wenn man über das entsprechende bild fährt..(mit display: none; arbeiten) problem hierbei ist, dass du für jedes bild einzeln soeine box bräuchtest. generell würde ich dir empfehlen, das bild nicht in voller auflösung darstellen zu lassen, 800x850 ist doch ziemlich groß, die hälfte tuts auch. eine andere elegante lösung ist ein kleines javascript, das das große bild über die seite legt, wenn man das kleine anklickt, stichwort "thumbnailviewer" viel glück das ist ja genau das, was man mit position absolut nicht machen möchte.. deswegen ja “absolute”.
du kannst das ganze mal mit “relative” probieren.. da verschiebst du dann nur das bild relativ von seiner eigentlichen position weg.
am einfachsten ist es aber vllt, wenn du dir eine art box baust, die absolut über die seite angezeigt wird und zwar nur dann, wenn man über das entsprechende bild fährt..(mit display: none; arbeiten) problem hierbei ist, dass du für jedes bild einzeln soeine box bräuchtest.
generell würde ich dir empfehlen, das bild nicht in voller auflösung darstellen zu lassen, 800×850 ist doch ziemlich groß, die hälfte tuts auch.
eine andere elegante lösung ist ein kleines javascript, das das große bild über die seite legt, wenn man das kleine anklickt, stichwort “thumbnailviewer”
viel glück

]]> Von: Kaloeffel https://www.normansblog.de/css-beginner-tutorial-2/#comment-42 Kaloeffel Tue, 24 Feb 2009 14:40:24 +0000 http://www.normansblog.de/?p=344#comment-42 Da habe ich ja mal eine Frage, die zumindest ein wenig zum letzten Abschnitt passt: auf meiner Test-Seite http://kaloeffel.ka.funpic.de/CSStest habe ich ein paar Links, welche normal 100px^2 groß sind. Geht man nun mit der Maus drüber werden sie 800px * 850px groß. Damit das alles nicht die Seite kaputt macht bekommen sie dann zusätzlich noch ein "position: absolute;" verpasst. Dadurch kann ich sie leider nicht mehr mit "margin: 0px auto;" zentrieren. "Left: auto;" stellt die Links nur an ihre ursprüngliche Position, da lasse ich es lieber auf 0px stehen. Was hatte ich denn noch für Ideen? Mit "width: 100%;" und dann "background-repeat: no-repeat; background-position: center center;" das Bild nur in der Mitte anzeigen lassen. Dann könnte man aber mit der Maus an der Seite nicht mehr runter kommen. Also auch keine Lösung. Wüsstest du noch etwas, womit man ein Absolutes Element zentrieren kann? Da habe ich ja mal eine Frage, die zumindest ein wenig zum letzten Abschnitt passt:

auf meiner Test-Seite http://kaloeffel.ka.funpic.de/CSStest habe ich ein paar Links, welche normal 100px^2 groß sind.
Geht man nun mit der Maus drüber werden sie 800px * 850px groß.
Damit das alles nicht die Seite kaputt macht bekommen sie dann zusätzlich noch ein “position: absolute;” verpasst. Dadurch kann ich sie leider nicht mehr mit “margin: 0px auto;” zentrieren. “Left: auto;” stellt die Links nur an ihre ursprüngliche Position, da lasse ich es lieber auf 0px stehen.
Was hatte ich denn noch für Ideen?
Mit “width: 100%;” und dann “background-repeat: no-repeat; background-position: center center;” das Bild nur in der Mitte anzeigen lassen. Dann könnte man aber mit der Maus an der Seite nicht mehr runter kommen. Also auch keine Lösung.
Wüsstest du noch etwas, womit man ein Absolutes Element zentrieren kann?

]]>