Pixelgenaues Positionieren

[L by D]

Private Nachrichten (PN): 0

Wie reiche ich meine neue...

von L by D

am Heute um 00:40:21

Lyteboxscripts

von Bernard

am Heute um 00:17:35

MetaTag description doppe...

von m-s

am Heute um 00:13:44

Gästebuch nach neuer Publ...

von Goldschwalbe

am Gestern um 22:44:02

Wer kennt sich mit NOF-Co...

von muehl500

am Gestern um 22:29:32

Problem mit Gästebuch-Änd...

von Thomas Frei-Herrmann

am Gestern um 21:19:37

NOF 11 fehler

von Thomas Frei-Herrmann

am Gestern um 21:17:39

Hintergrundbild im Layout...

von ManfredK

am Gestern um 21:10:38

Problem beim "Button"

von dozi

am Gestern um 20:09:06

Hilfe!!! Satt Komponenten...

von Thomas Frei-Herrmann

am Gestern um 20:04:07

18 Gäste, 0 Mitglieder

[falk0455]

Hallo,

Stichworte Tabellenlayout uns Formatvorlagen/CSS:

Ich habe jetzt meine Elemente in eine Tabelle gepackt, die Textränder etc stelle ich via Formatvorlage ein.

Aber ich habe ja auch leere Tabellenspalten, die als Abstandshalter dienen.

Frage: kann man auch Höhe und Breite eines Tabellenfeldes via Formatvorlage bestimmen?
Und die Größe eines Bildes oder Textfeldes?

Was hab ich verpasst / nicht gelesen?

Grüße

    Werner

[Strunz]

Hallo falk

Die leeren Zellen kannst du doch durch 1 oder 2 weiche Umbrüche erreichen...das spart Quelltext.
Dafür brauchst du keine Formatvorlage.
edit: du meinst bestimmt nach rechts oder links...

Und für die Größe von Bildern gibt es auch keine Formatvorlage.
Die werden ja normalerweise immer in Originalgröße eingefügt, solange du Sie nicht mit NOF skalierst...solltest du auch nicht.

Gruß Strunz 

[falk0455]

Hallo,

ist alles wahr was Du schreibst, aber leide in keinster Weise eine Antwort auf meine Frage.
Weiche Umbrüche  haben immer die Höhe der jeweilgen Zeile.
Und wer Quelltext sparen will (wozu soll das eigentlich gut sein, hilft das gegen das Ozonloch?) und ordentliches HTML erstellen will sollte ohnehin kein NOF benutzen.

Aber zurück zur Frage:
Wenn ich x Elemente sauber links ausrichten will lege ich die in eine Tabellenspalte. Damit sie nach links alle einen gleichen Offset haben füge ich links also eine leere Spalte(!)  an, wie lege ich jetzt die Höhen und Breiten dieser Tabelle via CSS an, damit man sie nicht aus versehen verschieben kann?

Und warum sollte ich die zweifarbigen Bilder für Navigationsschaltflächen nicht via CSS skalieren?
Wie macht man das , "height" läßt der Editor nicht gelten.

Grüße

   Werner


PS.: Richtiger statt dieser Tabelleorgien wären simple DIVs, kann man die auch irgendwie erzeugen
Vielleich einfach ein Textfeld mit dem passenden HTML; aber wie findet man die Stelle für das /div?


 

[dozi]

Hallo falk0455,
warum man Quelltext schlanker machen sollte liegt auf der Hand. Damit eine Seite schneller geladen wird. Solche Sprüche wie ozonloch kannst Du Dir sparen.

Du brauchst auch keine Spalte in Deine Tabelle einfügen um Bilder Pixelgenau zu positionieren.
Das machst Du mit einer css Klasse.
Bild einfügen, auf Bild klicken -> Auf html klicken -> In dem Tag class="deinecssklasse"

Skalieren kann man mit CSS nicht, dafür gibt es Grafikprogramme.

Wir haben es Dir schon einmal geschrieben, wenn Du xhtml in NOF11 benutzt, werden DIVs erzeugt.

Gruß
Dozi

[falk0455]

Hallo,

Ich sehe nicht wie eine einzige Tabellenpsalte den Quelltext ungebührlich aufbläht.
Und in der Regel sind die Quelltext, selbst die von NOF generierten, kleiner als ein simples Bild auf der Seite.

Schade, daß Du mir jetzt vorschrieben willst was ich schreiben darf.
Du bist Dir auch sicher daß der Stromverbrauch eines RZ nicht vom bewegten Datenvolumen abhängt?

Schade auch, daß auch Du nicht auf das antwortest was ich frage.

Ich möchte nicht *ein Bild* positionieren, sondern eine ganze Menge verschiedener Elemente, die ja vielleicht in einem anderen Kontext schon linke Ränder haben.

Es bleibt meine simple Frage: wie kann man die Höhe und Breite von Tabellenzellen via CSS mit NOF 10 beeinflussen?

Meine Frage nach den DIVs hast Du offenbar falsch verstanden.
Ich kann doch ein DIV in ein Textfeld einfügen. Wie finde ich dann die Stelle auf der Arbeitsoberfläche wo das </div> hingehört?

Die Frage hat mit NOF 11 gar nichts zu tun.



 

[dozi]

Man sollte so wenig Tabellen wie möglich verwenden. Sowas was Du machen willst, macht man mit einer CSS Klasse.
Ob Bild, oder Text, das positionieren macht man ebenfalls mit einer CSS Klasse.

Diese simple Frage kann ich Dir beantworten.
Höhe und Breite einer Tabelle kannst Du mit CSS nicht beeinflussen.

Ziehe ein Textfeld auf, einmal daneben klicken und dann wieder in das Textfeld klicken.
In den Eigenschaften auf html klicken und dort den div eintragen
daruber </div> eintragen, damit der div auch wieder sauber geschlossen wird.

Gruß
Dozi

[falk0455]

Hallo,

man sollte sowenig Tabellen wie möglich verwenden?
Sonst bekomme ich hier immer den Ratschlag, das gesamte Layout in einen Tabelle zu packen, z.B. von paby oder barbara0701 oder kommode17.

Das stürzt mich jetzt in tiefste Verwirrung 

Was ich machen will ist das genaue Positionieren  von Navigationsleisten.
Und soweit ich gesehen habe gibt es da weder Formatvolagen noch - wie bei Bildern - die Möglchkeit, in das HTML-Tag einzugreifen. Also habe ich diese Leisten in eine Tabelle gepackt. Und damit das alles mit den anderen Elementen fluchtet habe ich eine Tabellenspalte eingefügt.

Zur Verdeutlichung hier ein Bildchen:


Die linke Spalte hat 12px Breite. Ich kann jetzt ein CSS erstellen mit margin-left:12px und das der Tabelle zuweisen. Aber das Clearpixel (hier mal giftgrün) in Zeile 3 legt die Höhe fest.
Wie bringe ich das der Tabelle bei und kann auf das Clearpix verzichten?
Oder, besser: wie kann ich das via CSS in der Formatvorlage skalieren?
(z.B. Einbinden einer externen CSS-File o.ä)

Das mit den Div's habe ich nicht verstanden. Wenn ich das /DIV ins selbe Textfeld schreibe ist das ja trivial. Aber in ein anderes Textfeld darüber?
Das verstehe ich nicht

Hoffe daß die Intention meiner Frage jetzt klarer geworden ist

Grüße

   Werner
 

[dozi]

Du kannst auch unter www.webchamp.info/html/htmlcode.html nachschauen.

Wenn Du richtig lesen würdest, dann hättest Du verstanden was ich gemeint habe.

Gruß
Dozi

[barbara0701]

Wie bringe ich das der Tabelle bei und kann auf das Clearpix verzichten

Ich würde es mit einer zusätzlichen Tabelle lösen:

Tabelle für die vertikale Navi erstellen, für jede "Schaltfläche" (CSS-Textnavigation) eine Zelle... Wenn Du die Tabelle fertig gestellt hast, ziehst Du sie in die Ziel-Zelle rein. Im Eigenschaftsfenster (Tabelle) kannst Du sie positionieren. Abstände ggfls in der Formatvorlage der "Mutter-Zelle" definieren. Die Spalte mit den transparenten .gifs erübrigt sich. Das gleiche kannst Du mit dem Text darunter machen, oder eben andere Abstände in der Css-Formatvorlage definieren.

[falk0455]

Hallo Barbara,

gewiss kann ich den linken Rand via CSS einstellen.
Das hatte ich ja oben beschrieben.
Da ich keine Möglichkeit gefunden habe für eine Tabelle eine Formatvorlage einzugeben habe ich es eben gemacht wie bei den Bildern, also "class=" ins Tag.
Der Nachteil: man sieht beim Arbeiten nicht wo die Tablle nachher wirklich liegt.

Das Problem scheint mir die Höhe zu sein
Aber ich möchte ja für eine Zelle eine Höhe fest definieren, keinen Abstand.
Denn die effektive Zellenhöhe ist ja Inhalt + Abstand, variiert also mit dem Inhalt.
Und wenn ich in den Formatvorlagen unter "Benutzerdefiniert" "height" eintippe sagt er mir, das sei ein Standardwert den ich nicht überschreiben kann.

Grüße
   Werner

PS. könnte nochmal min-height probieren......

[barbara0701]

Das brauchst Du alles nicht zu machen. Diese Tabelle braucht nur eine Spalte, die Spalte ist gleichzeitg eine Zelle. Formatvorlage der Zelle zuweisen.

Keep it simple, heisst die Devise. Versuche es einfach so, wie ich dir es beschrieben habe. Die Zellenhöhe definierst Du über die Formatvorlage: Schrift-Höhe + Abstand nach oben + Abstand nach unten (Abstand eingeben im Reiter "Rahmen").

[falk0455]

Hallo Barbara,

ich würde es gerne einfach machen.
Leider läßt das Progrämmelchen mich nicht 

Ich habe jetzt testweise folgendes gemacht:
Eine Tabelle mit einer Zeile/einer Spalte definiert
Der Zeile die Vorlage zugewiesen.
in der Vorlage steht
font-size: 10px;
padding-top: 80px;
padding-bottom: 80px;

Die resultierende Tabelle hat immer 182px Höhe (was mich auch nicht wirklich wundert).
Was kann ich verbessert, wie löst Du das?

Danke für die Hilfe und Grüße

    Werner

[barbara0701]

Wenn Du die andere Tabelle mit der Navi einfügst, wächst die "Muttertabelle" mit...

Oder wir reden total aneinder vorbei.. Leider habe ich im moment keine Zeit für ein beispiel..

[falk0455]

Hallo,

ich habe eine Testtabelle gemacht.
Und ich füge zum Testen gar nichts ein.

Ich habe eine Tabelle mit genau einer Zelle.
Der habe ich unter "Zeilen" das CSS zugewiesen.
Thats all.

Aber die Höhe errechnet sich nicht wie von Dir beschrieben.

Wer kann das nachvollziehen?
Wie stellen den andere eine feste Tabellenhöhe via Formatvorlage ein?

Grüße

  Werner

[Mozart]

Hallo Werner,
wenn du deine Zelle mittels CSS formatieren möchtest, dann solltest du es über eine Box machen Hier ist die Zelle 500px hoch, 200px breit, hat einen Rand von 1px, und einen orangen Hintergrund:

div.box {
  height: 500px;
  width: 200px;
  border: 1px solid black;
  background: orange;
}

Ist es das was du suchst?

[falk0455]

Hallo,

ja, evtl. Mein Problem ist nicht das CSS, sondern NOF 

Wo genau soll ich das eintippen und wie mit der Zelle verbinden?

Danke vorab schoin mal


    Werner

[barbara0701]

Hallo Werner,

ich habe Deine Tabelle (sehr vereinfacht) reproduziert, siehe die drei Screenshots. Die Tabelle zeichnest Du gleich in der gewünschten Höhe mit der gewünschten Anzahl von Zeilen. Wenn Deine Inhalte am Schluß nicht reinpassen, dann verlängert sie sich, ist ja auch logisch. Sie lässt sich aber auf jedem Fall justieren. Sonst weiß ich wirklich nicht, wo Dein Problem liegt. Alle Abstände sind über CSS-Formatvorlagen geregelt.

[falk0455]

Hallo Barbara,

vielen Dank für die Mühe.

Du verstehst nicht wo mein Problem liegt?
Daß ich gefragt hatte ob man die die Zellenhöhe und Breite einer Tabellenzelle via Formatvorlage festlegen kann. Darauf geht Deine Antwort nicht ein.

Anwendung z.B.: Wenn man 20 dieser Tabellen auf einer Site hat  und alle ein Stückchen breiter oder höher machen will wäre es doch simpel nur das CSS dazu zu ändern, statt in 20 Tabelleigenschaften.

Das ist der Hintergrund der sehr simplen Frage.

Dein Ansatz,  daß eine Zelle Oberer Rand+Schrifthöhe+Unterer Rand ist war im Ansatz ja sehr gut, berücksichtigt aber nicht, daß es meines Erachtens statt "Schrifthöhe" stattdessen "Zeilenhöhe" heißen muß, und eine Änderung dieses Wertes wird von NOF bei der Berechnung der Zellenhöhe ignoriert. Leider überläßt das Programm das nicht dem Browser.

Zu Deinem Beispiel:
Mir ist nicht klar warum ich eine Tabelle in eine Tabelle legen soll, ich hatte doch einen Screenshot meiner Arbeitsoberfläche gepostet.
Was erreicht werden soll:
Der Absatz mit den beiden Schmucklinien "ein Projekt.." soll auf immer an derselben Höhe stehen, egal wieviele Menüpunkte drüber sind.

Lösungsansatz1: Zeile mit den varablen Elementen händisch auf Wert einstellen.
Aber das auf allen Seiten und mit der Gefahr beim Arbeiten die Höhe mit der Maus zu verschieben.

Lösungsansatz2: eine Dummy-Spalte mit clearpix in der gwünschten Höhe.
So habe ich es jetzt , auf Anraten hier, realisiert.

Lösungsansatz3: CSS/Formatvorlgae für diese Zellenhöhe. Das war meine Frage.

Lösungsansatz4: die nutzlose Tabelle weglassen und das Gitterraster von NOF benutzen. Eigentlich die einfachste Lösung, funktioniert auch wunderbar, ist aber eben nicht pixelgenau.

Liebe Grüße


    Werner



 

[dozi]

Schau mal hier.
Ich glaube, das dist das was Du meinst.
http://www.css4you.de/table-layout.html

Gruß
Dozi

[barbara0701]

Daß ich gefragt hatte ob man die die Zellenhöhe und Breite einer Tabellenzelle via Formatvorlage festlegen kann. Darauf geht Deine Antwort nicht ein.

Das habe ich doch oben schon gesagt und auch in der Tabelle gezeigt: Durch die Abstände.

Die "Tabelle in der Tabelle" war nur ein Beispiel.  Wie man die Tabellen einsetzt hängt mit dem Design zusammen. Es gibt viele Wege nach Rom..

Du arbeitest nicht mit NOF, sondern gegen NOF. Wir sind ein Hilfeforum für NOF. Du willst ein stabiles Projekt, pixelgenau. Darauf gehen wir ein.

Ich bitte künftig um Kurzfassung der Beiträge.

Gruß
Barbara

[schiller]

Du kannst einer Zelle eine Klasse zuweisen, der über Benutzerdefiniert / Name: height / Wert: 200px eine Höhe zugewiesen wird.

Der unabsichtliche Verschieben mit der Maus kannst Du vermeiden, in dem die Höhen- und Breitenwerte direkt im Eigenschaftenfenster eingegeben werden.

[falk0455]

Danke allen für die Beiträge.