wie ganze Zelle als link?

[viajante]

Hallo,

wie kann ich eine ganze Zelle als link definieren??

Die Zelle soll 150 x 445px groß sein und eine große, für Touchscreens geeignete antippbare Schaltfläche bzw. Kachel darstellen. Das hat man ja so heutzutage überall, auf Smartphones, Windows 8x usw.

Die ganze Zelle soll also anklickbar/touchbar sein. Ferner soll sie natürlich beschriftet sein mit z.B. dem Wörtchen "Kontakt", worauf man in NOF ja dann den link setzt. Die Wort/-Linkunterstreichung soll natürlich auch nicht sein.

Ich hatte das alles vor Ewigleiten schon mal irgendwie mit NOF9 hinbekommen, habe mittlerweile aber leider völlig vergessen wie:-( Das ging glaube ich mit Formatvorlagen, "display block" und größeren Textabständen oben/unten...?

Sorry; Ich arbeite nur sehr sehr selten mit NOF und bin entsprechend ungeübt/unerfahren. Eure SuFU hat mir leider auch nicht geholfen.

[nettesekel]

In diesem Tut ists für eine ganze Navi erklärt, aber du müsstest davon für deine eine Zelle ableiten können... liegst schon richtig mit deiner Vermutung wie es gehen könnte http://eine.horizontale.css-navigation.mit.nof.nof-academy.de/index.html

[viajante]

Danke für den Hinweis. Habe mir die entsprechenden Passagen aus dem Tut rausgesucht und versucht für mich umzusetzen. Leider ohne Erfolg (bei mir mit NOF12 zumindest).

Ich habe nun meinem alten Weg aus NOF9 in NOF12 nachvollzogen (NOF12 nutze ich erst seit 48 Std. und da muß ich mich erst einarbeiten) und siehe da, es klappt mit den ganzflächigen links auf Tabellenzeilen.

Allerdings brauchte ich hierfür 2 neue Formatvorlagen und nicht nur eine wie im Tut. Diese mußte ich in den Zelleneigenschaften auch an 2 unterschiedlichen Stellen definieren.

Ich habe nun sehr lange getestet und davon mal eine Vorlage gemacht und hochgeladen. Notizen finden sich direkt in der Vorlage. Wenn sich einer die Zeit nehmen möchte und mal kurz draufschaut, könnten meine Zweifel vielleicht noch beantwortet werden.

Denn für mich reichlich verwirrend ist, daß man bei insgesamt DREI Reitern der Zelleneigenschaften (Format/Link/Zelle) eine css-class definieren kann. Wo ist der Unterscheid?

[nettesekel]

Je nach dem wo man die Klasse zuweist, wird sie in verschiedene Tags geschrieben. Teste es mal und vergleiche den Quelltext.
Wenn du eine CSS-Klasse für einen Link anlegst der in einer Tabellentzelle liegt und die definierst die Abstände über padding und verwendest display: block, dann musst du die Linkklasse auch dem Link zuweisen. Also über den Reiter mit dem Globus. Display Blocl sort dann dafür dass die gesamte definierte Fläche verlinkt ist und nicht nur der Text.

[viajante]

Ok, Danke. Das scheint mir aber nur die Theorie zu sein.

Warum aber wird im Tut nur eine Formatvorlage dafür verwendet? Habe das mehrmals probiert/nachgebaut und es geht so nicht (bei mir mit NOF12 jedenfalls nicht).

Ich mußte hier dafür 2 Formatvorlagen anlegen. Eine in der nur das mit dem display block steht (welche in dem link in der Zelle zuweise) und eine weitere mit den anderen Anweisungen welche in dem Format in der Zelle zuweise.

In der Vorlage sieht man ja das Resultat beider Varianten: Mit 2 classes gehts, mit nur einer eben nicht.

[nettesekel]

Die Navigationsleiste oben im Tutorial entspricht exakt dem, was im Tut beschrieben ist.

Ich nehme an, du strebst an, dass sich die gesamte Zelle automatisch "mit dem Link füllt". In meinem Tut ist es aber so, dass nicht die Zelle die Größe der verlinkten Fläche vorgibt, sondern die padding-Angaben, denn ich stelle da ja meine Zellenabmaße alle auf automatisch und die Zellen dehnen sich dann gemäß der Werte aus der Klasse aus. Wenn du deine Zellen bereits auf ein fixes Maß geschoben hast, funktioniert das natürlich nicht wie im Tutorial.

Dann versuche mal Folgendes. Erstelle die CSS-Klasse ohne padding-Angaben. Einfach nur deine Schrift formatieren, den Zellenhintergrund formatieren, display: block einfügen und dann gebe auf dem zweiten Reiter der Eigenschaftenpalette bei Zeilenhöhe exakt die Höhe deiner voreingestellten Tabellenzeile ein. So sollte es dann auch mit einer einzelnen Klasse passen, welche dem markierten Link über den Reiter mit dem Globus zugewiesen wird.

[viajante]

Nee nee, ich habe es ja schon fast. War zwischendurch weiter am basteln. Es geht nun sowohl mit nur einer all-in-one-class oder eben den zweien einzelnen. Nur...

es funktionieren noch nicht die class-Angaben "text-align: center" und "color: rgb(255,255,255)". Diese Angaben ignoriert NOF12 einfach. Siehe Vorlage untere Tabelle.

Der Text wird hier einfach nicht zentriert und bei dessen Farbe fuschen mir irgendwie die Farben rein, die unter "A:visited" und "A:hover" angegeben sind.  Diese sollen aber nur für normale Textlinks sein.

Wie bekomme ich das denn nun noch hin?

[nettesekel]

Wenn du in NOF diese Links definiert hast, dann pfuschen die dir dazwischen... leider.
Am besten dort gar nichts einstellen und den Links immer eine Klasse zuweisen.
Werde mir das aber in einer ruhigen Minute ansehen, das nervt mich nämlich auch schon lange.

Wenn du mal einen Link zum Problem posten würdest, wäre es einfacher dir bei den restlichen Problemen behilflich zu sein. 

[viajante]

Oh, daran also liegt es. Die Sache wird ja immer verzwickter mit NOF. Danke aber für die Aufklärung.

Einen link posten? Ich habe keinen link zum posten da ich noch nichts online habe. Ich bereite nur was vor.

Genau dafür hatte ich doch die Vorlage hochgeladen. Früher wollten immer alle eine Vorlage haben. Da kann man sich das doch in aller Ruhe ansehen, oder nicht?

Habe das ganze neu überarbeitet und erneut als NOF12-Vorlage hochgeladen.


PS: Die erste hochgeladene Vorlage kannst Du löschen. Da war auch ein Fehler drin.

[nettesekel]

Schau mal in meine Vorlage...

und vielleicht auch hier rein: https://www.nof-community.de/tuts/link-formatierungen-allgemein-und-parallel-per-formatvorlage-definieren/

[viajante]

vorab ein Dankeschön! Ich muß mich erstmal in das Tut einlesen (da steht mir einiges völlig neues drin) und auch Deine Vorlage mir ansehen. Das wird etwas dauern. Melde mich danach wieder.

[viajante]

So, Ich habe mir nun Dein Tut "Link-Formatierungen..." mehrmals durchgelesen.

Ok, ich soll also zuallererst Link-Formatierungen in der Designansicht entfernen.

Aber wo und wie entfernen? Heißt das alles auf automatisch stellen?

Was mir dabei noch nicht klar ist, ist der Unterschied zwischen Formatierungen in der Designansicht und denen in der Seiten- also Bearbeitungsansicht per Text/Formatvorlagen verwalten. Da gibt es in der linken Spalte Einträge unter Site und (weiter unten) unter SiteStyle. Da findet man die 4 Einträge für links.

Sind das nicht dieselben, wie in der Designansicht? Wenn ja, warum kann ich diese dann nicht hier bearbeiten? Oder was sind das sonst für Formatierungen? Die erscheinen dort ja auch bei einem neuen leeren Projekt mit neuen leeren Design.

Ferner hatte mir mal jemand aus dem alten Forum beigebracht, Formatvorlagen (css-classes) immer in der Seiten- also Bearbeitungsansicht per Text/Formatvorlagen verwalten/Neu/ wie folgt zu erstellen:

"Benutzerdefinierte Formatvorlagen erstellen" anhaken, dann einen Namen dafür vergeben und unten den Haken bei "Site-übergreifend" setzen.

So habe ich bis heute in NOF gearbeitet. Ob ich jemals etwas in der Design-Ansicht formatiert habe, habe ich vergessen.

Was ist das denn nun mit "HTML-Tag neu definieren" und diesem Dropdown-Menü? Ich verstehe leider den Unterschied nicht.

Puuh, mit dem ganzen link- und Navigations-Kram in NOF stand ich schon immer auf Kriegsfuß. Das geht mir einfach nicht in die Birne rein :-)

[nettesekel]

Bei den einzelnen CSS-Angaben in einer Website gibt es gewisse Wertigkeiten, nach denen sich die Browser richten und im falle NOF ist es so dass alle Link-Formatierungen aus dem (Style/der Designübersicht) denen aus der site.css gegenüber Vorrang haben.
Willst du also individuell per Formatvorlage an deine Links darf im Style nichts definiert sein.

Ob du nun deine Einstellungen in der Designaansicht löschst, wo man auch Navi-Schaltflächen austauscht oder aus der Arbeistüberischt heraus, ist egal. Was in der Arbeitsansicht unter "Text Formatvorlagen..." im linken Baum unter SiteStyle zu sehen ist, kommt aus der Designanasicht, also aus dem Style.  Hier also die 4 Vorlage anlicken und entfernen. Anschließend nach meiner neuen Anleitung neu erstellen, und sie werden nicht mehr unter dem Punkt SiteStyle erscheinen sondern unter dem Punkt Site angezeigt.

Ich habe es mir abgewöhnt die Style-Klassen (unterer Teil Baum - SiteStyle) an der Stelle zu editieren wie du es tust. Ist man mal etwas weiter mit CSS und kopiert fertige Klassen in den Style, werden die einem bei Bearbeitung aus der Arbeitsansicht heraus häufig geschrottet.
Da das bei dir offensichtlich nicht der Fall ist scheint es auch egal, von wo aus du deine Klassen editierst.

[viajante]

In der Designansicht läßt sich bei den 4 links aber nichts löschen.

Ich bin da nun nur auf den kleinen Pfeil neben Farbe gegangen und habe 4x auf automatisch gestellt. Nun sind die Farben alle weiß (siehe 1. screenshot). Warum weiß ich nicht.

In der Bearbeitungsansicht habe ich in den Formatvorlagen im Baum links unter SiteStyle übrigens 5 Einträge mit Link..., nicht vier! (siehe 2. screenshot)

Die ersten 4 Einträge zeigen nun, nach Klick auf Bearbeiten, auch alle weiße Schriftfarbe FFFFFF an, nur der letzte 5. link (verknüpft) zeigt eine andere Schriftfarbe an. Wieso gibt es einmal 4 und einmal 5 Linkvarianten?


Ich soll dort also 4 der 5 Einträge die mit Link... beginnen radikal löschen (Entfernen)??? Welche genau?

Ferner; In Deinem Tut dazu hast Du unter Antwort 2 geschrieben:

"Nun zur Lösung, mit der man Beides haben kann... "automatisch" formatierte "Standard-Links" und mittels Formatvorlagen individuell formatierte Links."

(Ja, genau das möchte ich!)

"Wer seine Links bereits in der Design-Ansicht formatiert hat, muss dies Einstellungen trotzdem rückgängig machen. Im Design dürfen nach wie vor keine Link-Formatierungen vorgenommen worden sein!"


Sorry, wie ich dort etwas rückgängig machen soll begreife ich nach wie vor nicht.

Du siehst, ich bin mit dem Linkkram echt schwer von Begriff; Ich bitte um Gnade :-)

[nettesekel]

Wieso gibt es einmal 4 und einmal 5 Linkvarianten?

Warum es bei NOF da 5 Einträge für Links gibt, weiß ich nicht... habe gestern alles durchgetestet und bin zu dem Schluss gekommen, dass die 4 von mir erwähnten Klassen ausreichend sind.

Ich soll dort also 4 der 5 Einträge die mit Link... beginnen radikal löschen (Entfernen)??? Welche genau?

Ja, du sollst diese Formatvorlagen alle löschen. Also entweder in der Arbeitsansicht im unteren Teil des Baums nacheinander alle Klassen die mit Links zu tun haben nacheinander anklicken und dann auf entfernen klicken oder wenn du es aus der Designanasicht heraus machen möchtest steht hier im ersten Screenshot erklärt, wie es geht: http://bunte.links.in.nof.nof-academy.de/

Es wäre sinnvoll dir zu merken welche Formatierungen du für deine Links dort festgelegt hattest, da du diese im Anschluss ja neu anlegst nur eben "an anderer Stelle".

Wenn du unsicher bist, erstelle dir eine Vorlage, öffne diese unter z.B. dem namen Testprojekt und probiere es daran aus.