Bild auf den Pixel genau positionieren...
-1 0 1 Moderne Layouts sind nicht nur CSS+div!
0 0 
Gunnar Bittersmann
-1 0 0 
at
Bild auf den Pixel genau positionieren...
Der MartinHi Leute,
ich möchte ein bestimmtes Bild auf den Pixel genau positionieren!
Wie geht das? Mit welchem Befehlen?
Mein Design ist so aufgebaut:
Tabelle1
Tabelle2
Tabelle2ENDE
Tabelle3
Tabelle3ENDE
Tabelle1ENDE
Nun möchte ich in der ersten Tabelle ein Bild einfügen das hinter Tabelle1 und Tabelle2 ist! Da es nur ein kleines Bild ist, möchte ich es auf den Pixel genau postionieren können!
THX
mfg
Phil
-
Hi,
knick mal dein Design, so macht man das nicht mehr. Man nutzt keine Tabellen um Elemente zu positionieren. Du solltest viel mehr dem standart folgen und mit div Elementen und css arbeiten. Dann kannst du alles absolut positionieren. Und das Pixelgenau
-
und wie?? ich mein wie kann ich ein bild mit hilfe von css genau positionieren`?
-
Du hast echt keine Ahnung, oder?
Bevor du solche Sahen in Angriff nimmst musst du schon ein wenig Lesen und dir bestimmte echniken aneignen.Also hier:
Du nimmst ein <div id="Bild"><img src="MeinBild"></div>
Eine extra Datei die nennst du "meine Datei.css"
Da schreibst du rein:
#Bild {
position:absolute;
top: 50px;
left: 50px;
}
Die Zahlen musst du anpassen, je nachdem wo das hin soll.Das css bindest du im <head> bereich ein:
<link rel="stylesheet" type="text/css" href="relativerPfad/meine Datei.css">-
Hi,
Du nimmst ein <div id="Bild"><img src="MeinBild"></div>
»»
#Bild {
[...]
}und wozu bitte das div? Wenn schon, dann formatiere doch das img-Element direkt.
So long,
Martin--
Paradox ist, wenn jemand eingefleischter Vegetarier ist.
-
-
-
Hallo Ron.
knick mal dein Design, so macht man das nicht mehr.
Dem stimme ich zu.
Man nutzt keine Tabellen um Elemente zu positionieren.
Dem ebenfalls.
Du solltest viel mehr dem standart …
Es heißt „die“ Standart.
… folgen und mit div Elementen und css arbeiten. Dann kannst du alles absolut positionieren. Und das Pixelgenau
Also vom Regen in die Traufe? Nein, bitte nicht.
Als erstes sollte man sich begreiflich machen, dass man sich im WWW befindet, welches seit seinen Anfängen von Freiheit und Flexibilität lebt. Pixelgenaue Layouts sind hier fehl am Platze; dafür sind Printmedien schon eher geeignet.
Die Herausforderung aktueller Layouts ist es, einen flexiblen Rahmen für die (natürlich sinnvoll strukturierten) Inhalte zu bilden, welcher sich allen möglichen und unmöglichen Umgebungen anpasst. Eine solche Umgebung kann ein 30-Zoll-Projektor oder auch ein winziges Handy-Display sein. Verzichtet man darauf, Layoutinformatioen ins HTML zu packen und lagert sie statt dessen ins CSS aus, hat man ein plattformunabhängiges Layout.
Ein pixelgenaues Layout hat die Eigenschaft, bei jeder kleinsten Abweichung vom Bildschirm des Autors in sich zusammen zu fallen, sei es durch einen kleineren Viewport oder aber veränderte Schriftgrößen.Also: Warum nicht flexibel gestalten?
Einen schönen Mittwoch noch.
Gruß, Ashura
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
mathbr:del.icio.us/ mathbr:w00t/-
Hallo Ron.
knick mal dein Design, so macht man das nicht mehr.
Dem stimme ich zu.
Man nutzt keine Tabellen um Elemente zu positionieren.
Dem ebenfalls.
Du solltest viel mehr dem standart …
Es heißt „die“ Standart.
Meiner Ansicht nach ist es "der Standart", aber sol an dieser Stelle keine Rolle spielen.
… folgen und mit div Elementen und css arbeiten. Dann kannst du alles absolut positionieren. Und das Pixelgenau
Also vom Regen in die Traufe? Nein, bitte nicht.
Es ist wahr, dass eine Pixelgenaue positionierung hier möglich ist. Ob und in wie weit das nun mit der Flexibilität der Endgeräte aussieht ist eine andere Frage.
Als erstes sollte man sich begreiflich machen, dass man sich im WWW befindet, welches seit seinen Anfängen von Freiheit und Flexibilität lebt. Pixelgenaue Layouts sind hier fehl am Platze; dafür sind Printmedien schon eher geeignet.
Dies ist mir bewusst. Allerdings bin ich selbst als webdeveloper tätig und muss, trotz deiner richtigen Aussage, immer Pixelgenau arbeiten. Da werden endgeräte Festgelegt und auch nur für diese werden die Seiten optimiert.
Die Herausforderung aktueller Layouts ist es, einen flexiblen Rahmen für die (natürlich sinnvoll strukturierten) Inhalte zu bilden, welcher sich allen möglichen und unmöglichen Umgebungen anpasst. Eine solche Umgebung kann ein 30-Zoll-Projektor oder auch ein winziges Handy-Display sein. Verzichtet man darauf, Layoutinformatioen ins HTML zu packen und lagert sie statt dessen ins CSS aus, hat man ein plattformunabhängiges Layout.
In meiner Freizeit gehe ich diesem Ansatz nach.
Ein pixelgenaues Layout hat die Eigenschaft, bei jeder kleinsten Abweichung vom Bildschirm des Autors in sich zusammen zu fallen, sei es durch einen kleineren Viewport oder aber veränderte Schriftgrößen.
Richitg.
Also: Warum nicht flexibel gestalten?
Weil die Frage nach einer Pixelgenauen positionierung gestellt wurde
Einen schönen Mittwoch noch.
Auch so
Gruß, Ashura
Ron
-
Hi!
Es heißt „die“ Standart.
Meiner Ansicht nach ist es "der Standart", aber sol an dieser Stelle keine Rolle spielen.Die Standart oder der Standard - du musst dich entscheiden ;-)
Gruß aus Iserlohn
Martin
--
Wenn jeder an sich selbst denkt, ist an alle gedacht.
Selfcode: ie:{ fl:( br:^ va:) ls:# fo:| rl:( n4:( ss:| de:> js:) ch:? sh:( mo:| zu:) -
hi,
Dies ist mir bewusst. Allerdings bin ich selbst als webdeveloper tätig
http://de.wikipedia.org/wiki/Worst_Case
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }
-
-
Hello out there!
Du solltest viel mehr dem standart folgen …
Es heißt „die“ Standart.
Nö, es heißt „der“ Standart – wegen dem Dativ. Oder auch wegen des Dativs. SCNR.
See ya up the road,
Gunnar--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)-
Hallo Gunnar.
Du solltest viel mehr dem standart folgen …
Es heißt „die“ Standart.
Nö, es heißt „der“ Standart – wegen dem Dativ. Oder auch wegen des Dativs. SCNR.
Natürlich hast du hier vollkommen Recht.
Einen schönen Donnerstag noch.
Gruß, Ashura
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
mathbr:del.icio.us/ mathbr:w00t/ -
Hi,
Nö, es heißt „der“ Standart – wegen dem Dativ. Oder auch wegen des Dativs. SCNR.
nenene. Es heisse die Standart - oder aber: der Standar_d_
Gruesse, Joachim
--
Am Ende wird alles gut.-
Hello out there!
Nö, es heißt „der“ Standart – wegen dem Dativ. Oder auch wegen des Dativs. SCNR.
nenene. Es heisse die StandartDochdochdoch. Das mit dem Dativ hattest du verstanden?
Es heißt: Du solltest viel mehr _der_ Standart folgen … :-b
See ya up the road,
Gunnar--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)-
Hi Gunnar,
Dochdochdoch. Das mit dem Dativ hattest du verstanden?
da war ich doch mal wieder zu flüchtig...
See ya up the road,
auf dem Weg ins Museum of Modern Art ;-)
Gruesse, Joachim
--
Am Ende wird alles gut.
-
-
-
-
-
-
Tabelle1
Tabelle2
Tabelle2ENDE
</td><td rowspan=2> DEIN BILD</td></tr>
» Tabelle3
Tabelle3ENDE
Tabelle1ENDEoder colspan=2 (verwechsele ich sowieso immer :-)
wenns falsch ist SORRY -
Hi Philipp,
Nun möchte ich in der ersten Tabelle ein Bild einfügen das hinter Tabelle1 und Tabelle2 ist! Da es nur ein kleines Bild ist, möchte ich es auf den Pixel genau postionieren können!
Wenn das ein winziges Bild ist, erarbeitest Du die Tabellen sicher für winzige Zwerge. Wenn es hinter den Tabellen ist, das wertgute Bildlein, winzig (Zeigt es eine Zwangsheirat zweier kaum zu erkennender Zwerge?), dann müsste es in Tabelle 1, dann musst Du noch die Ränder von Tabelle 2 und 3 wegmachen, eventuell noch andere Abstände und darfst die Tabellen 2und 3 auf keinen Fall mit Inhalten füllen, sonst sieht man die eh winzigen Zwerge plötzlich nicht mehr zwangsheiraten und das könnte Ärger geben. Andererseits wäre eine Möglichkeit, das Hintergrundbildleinchen in zwei Hälften zu zersägen und dann die Teile in Tabelle 2 und 3 packen und alle Abstände per CSS vernichten, das könnte süß aussehen, dann wären die kleinen Zwerge quasi in der Mitte zersägt und würden nicht einmal selbst etwas davon merken.
ALternativ könntest Du eine Site für dicke Riesen coden, da wäre alles etwas weniger fitzelig oder Dein gesamtes Ansinnen noch einmal überdenken. Riesen sind auch oft geduldiger und zahlen mit Goldstücken so groß wie Dein Kopf.
Viele Grüße
Mathias Bigge-
Hallo.
Riesen sind auch oft geduldiger und zahlen mit Goldstücken so groß wie Dein Kopf.
Aber nur, wenn sie es tatsächlich so klein haben.
MfG, at
-